body {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>background: var(--bg-primary);</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>color: var(--text-primary);</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>line-height: 1.6;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>overflow-x: hidden;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>position: relative;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>font-feature-settings: 'liga' 1, 'kern' 1;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>text-rendering: optimizeLegibility;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>-webkit-font-smoothing: antialiased;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>-moz-osx-font-smoothing: grayscale;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}

/* === Assistant appended CSS === */

/* ===== Additional theme utility & responsive rules added by assistant ===== */

/* Accessibility helpers */
.visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }

/* Responsive grid */
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px){ .services-grid { grid-template-columns: repeat(2,1fr);} .container{padding:0 16px} }
@media (max-width: 600px){ .services-grid { grid-template-columns: 1fr } }

/* Hero adjustments */
.hero { padding: 120px 0; background-size: cover; background-position: center; position: relative; }
.hero .hero-content { max-width: 760px; }

/* Footer */
.footer { padding: 48px 0; background: linear-gradient(180deg, rgba(0,0,0,.6), #000); color: rgba(255,255,255,.9); }
.footer .footer-grid { display:flex; gap:24px; flex-wrap:wrap; }

/* Buttons & forms */
input, textarea, button { font-family: inherit; }
.btn { transition: all .18s ease; }
.btn:hover { transform: translateY(-3px); }

/* Performance: reduce animation on prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* Placeholder for common element classes from uploaded HTML */
.chat-widget { position: fixed; bottom: 24px; right: 24px; width: 340px; max-width: calc(100% - 40px); background: rgba(10,10,10,.85); border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.6); overflow: hidden; display: none; }
.chat-widget.open{ display:block; }

/* Image optimization helper */
img[data-src] { opacity:0; transition: opacity .3s ease; }
img.lazyloaded { opacity:1; }

/* WooCommerce basic compatibility helpers */
.woocommerce .product { border: 1px solid rgba(255,255,255,.04); padding: 16px; border-radius: 12px; background: linear-gradient(180deg, rgba(255,255,255,.01), transparent); }