:root{--primary: hsl(var(--ph), var(--ps), var(--pl));--primary-light: hsla(var(--ph), var(--ps), var(--pl), .08);--primary-soft: hsla(var(--ph), var(--ps), var(--pl), .03);--secondary: hsl(var(--sh), var(--ss), var(--sl));--accent: hsl(var(--ah), var(--as), var(--al));--accent-light: hsla(var(--ah), var(--as), var(--al), .15);--accent-strong: hsl(var(--ah), var(--as), calc(var(--al) * .85));--bg: #ffffff;--text: #0f172a;--text-muted: #475569;--border: #f1f5f9;--border-dark: #e2e8f0;--radius: var(--borderRadius);--gradient-hero: linear-gradient(135deg, hsl(var(--ph), var(--ps), calc(var(--pl) * .8)) 0%, var(--primary) 55%, hsl(var(--ph), var(--ps), calc(var(--pl) * 1.3)) 100%);--gradient-accent: linear-gradient(135deg, var(--accent), hsl(var(--ah), var(--as), calc(var(--al) * .95)));--gradient-soft: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);--shadow-soft: 0 2px 8px -2px rgba(15, 23, 42, .08);--shadow-card: 0 8px 24px -8px rgba(15, 23, 42, .12);--shadow-elevated: 0 20px 50px -20px rgba(15, 23, 42, .24);--shadow-glow: 0 0 40px -8px hsla(var(--ah), var(--as), var(--al), .45);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}img,video,svg{max-width:100%;height:auto;display:block}body{font-family:var(--bodyFont),system-ui,-apple-system,sans-serif;color:var(--text);background-color:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-soft{background:var(--gradient-soft)}.shadow-soft{box-shadow:var(--shadow-soft)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-elevated{box-shadow:var(--shadow-elevated)}.shadow-glow{box-shadow:var(--shadow-glow)}.transition-smooth{transition:var(--transition-smooth)}.transition-spring{transition:var(--transition-spring)}.bg-surface-navy{background-color:var(--primary);color:#fff}h1,h2,h3,h4{font-family:var(--headingFont),system-ui,sans-serif;font-weight:700;color:var(--primary);line-height:1.25;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;border-radius:calc(var(--radius) / 2);font-weight:700;font-size:1rem;text-decoration:none;transition:var(--transition-smooth);cursor:pointer;border:1px solid transparent}.btn-primary{background-color:var(--accent);color:#1e293b;box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);opacity:.95}.btn-outline{border:2px solid var(--primary);color:var(--primary);background-color:transparent}.btn-outline:hover{background-color:var(--primary-light);transform:translateY(-2px)}.card{background:#fff;border:1px solid var(--border-dark);border-radius:var(--radius);padding:2.5rem;box-shadow:var(--shadow-soft);transition:var(--transition-spring)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);border-color:var(--accent)}.badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:var(--accent-light);color:var(--accent-strong);margin-bottom:1rem;border:1px solid hsla(var(--ah),var(--as),var(--al),.3)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}header{background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;padding:1.25rem 0}footer{background-color:var(--primary);color:#f8fafc;padding:5rem 0 3rem;margin-top:6rem}footer a{color:#cbd5e1;text-decoration:none;transition:color .2s}footer a:hover{color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:3rem;align-items:center}.mobile-menu-toggle{display:none;background:none;border:1px solid var(--border-dark);border-radius:8px;padding:.5rem;cursor:pointer;color:var(--primary);transition:var(--transition-smooth)}.mobile-menu-toggle:hover{background-color:var(--primary-light)}.mobile-header-phone{display:none!important;align-items:center;gap:.35rem;background-color:var(--primary);color:#fff!important;padding:.5rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:750;text-decoration:none;transition:var(--transition-smooth)}.mobile-header-phone:hover{opacity:.9}.mobile-menu-drawer{display:none;position:fixed;top:73px;left:0;width:100%;height:calc(100vh - 73px);background-color:#fff;z-index:100;padding:2rem 1.5rem;box-shadow:0 10px 15px -3px #0000000d;border-top:1px solid var(--border);overflow-y:auto}.mobile-menu-drawer.open{display:block}.mobile-nav{display:flex;flex-direction:column;gap:1.25rem}.mobile-nav a{color:var(--primary);text-decoration:none;font-weight:700;font-size:1.1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.mobile-nav .mobile-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.btn-mobile-outline{border:2px solid var(--primary);color:var(--primary);padding:.85rem;text-align:center;border-radius:9999px;font-weight:750;text-decoration:none;transition:var(--transition-smooth)}.btn-mobile-outline:hover{background-color:var(--primary-light)}.btn-mobile-primary{background-color:var(--accent);color:#fff;padding:.85rem;text-align:center;border-radius:9999px;font-weight:750;text-decoration:none;transition:var(--transition-smooth)}.btn-mobile-primary:hover{opacity:.95}@media(max-width:1024px){.nav-links,.header-actions{display:none!important}.mobile-menu-toggle{display:flex}.mobile-header-phone{display:inline-flex!important}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:2rem}.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:2rem!important}h2{font-size:1.75rem!important}.container{padding:0 1rem}.floating-badge-price{inset:auto auto 10px 10px!important}}a{transition:var(--transition-smooth)}.nav-item:hover{color:var(--primary)!important}.nav-action-link:hover{color:var(--accent)!important}.footer-link:hover{color:#fff!important;text-decoration:underline}html{scroll-behavior:smooth}