: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}html,body{overflow-x:hidden;width:100%}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}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 hsla(var(--ah),var(--as),var(--al),.7)}70%{box-shadow:0 0 0 20px hsla(var(--ah),var(--as),var(--al),0)}to{box-shadow:0 0 hsla(var(--ah),var(--as),var(--al),0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-enter{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}.text-gradient-light{background:linear-gradient(135deg,#ffffff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}.pattern-dots{background-image:radial-gradient(var(--border-dark) 1px,transparent 1px);background-size:20px 20px}.pattern-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.03) 1px,transparent 1px)}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.bento-item{background:#fff;border:1px solid var(--border);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px -5px #00000008}.bento-item:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 40px -10px #00000014;border-color:var(--accent-light)}::selection{background-color:var(--accent);color:#1e293b}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:20px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}.fab-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0000004d;text-decoration:none;z-index:1000;transition:all .3s cubic-bezier(.16,1,.3,1);animation:pulse-glow 2.5s infinite}.fab-button:hover{transform:scale(1.1) translateY(-5px);background:var(--accent);color:var(--primary)}.fab-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:768px){.fab-button{bottom:20px;right:20px;width:55px;height:55px}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.section-overlap{position:relative;z-index:10;margin-top:-3rem;border-radius:48px 48px 0 0;box-shadow:0 -20px 40px #00000008;padding-top:5rem!important;overflow:hidden}@media(max-width:768px){.section-overlap{margin-top:-2rem;border-radius:32px 32px 0 0;padding-top:4rem!important}}.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}.header-inner-center{flex-direction:row!important;justify-content:space-between!important;gap:.5rem!important}.header-inner-center>div{width:auto!important}.logo-stack{flex-direction:row!important}.logo-stack svg{width:24px!important;height:24px!important}.logo-link div,.logo-link span{font-size:1.1rem!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}