:root{--color-black: #02040a;--color-midnight: #0a0b1e;--color-panel: #12161c;--color-surface: #1a1f27;--color-border: rgba(255, 255, 255, .08);--color-text: #f8f9fa;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-optimal: #00ffcc;--color-wait: #ffcc00;--color-expensive: #ff2255;--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--container-max: 1200px;--nav-height: 80px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .3s;--duration-slow: .8s;--duration-breath: 5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-secondary);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-black);overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;background:transparent;transition:background var(--duration-fast) ease,backdrop-filter var(--duration-fast) ease}.nav.scrolled{background:#02040ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{text-decoration:none}.logo-text{font-family:var(--font-primary);font-size:1rem;font-weight:200;letter-spacing:.5em;color:var(--color-text)}.nav-links{display:flex;align-items:center;gap:var(--space-md)}.nav-link{font-size:.85rem;font-weight:400;color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) ease;letter-spacing:.02em}.nav-link:hover{color:var(--color-text)}.nav-link-cta{padding:.6rem 1.2rem;background:var(--color-surface);border-radius:100px;color:var(--color-text)}.nav-link-cta:hover{background:var(--color-panel)}.nav-blog-mobile{display:none;font-size:.85rem;font-weight:400;color:var(--color-text-muted);text-decoration:none;letter-spacing:.02em;transition:color var(--duration-fast) ease}.nav-blog-mobile:hover{color:var(--color-text)}@media(max-width:768px){.nav-links{display:none}.nav-blog-mobile{display:block}.nav-toggle{display:none}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-xl) 0}.hero-bg{position:absolute;inset:0;z-index:0}.aurora{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse at 50% 50%,rgba(0,255,204,.08) 0%,rgba(10,11,30,.5) 40%,transparent 70%);animation:aurora-drift 20s ease-in-out infinite}.aurora-2{background:radial-gradient(ellipse at 30% 70%,rgba(0,100,255,.05) 0%,transparent 50%);animation-delay:-10s;animation-duration:25s}@keyframes aurora-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5%,-5%) scale(1.05)}}.hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-xl);max-width:var(--container-max);padding:0 var(--space-md)}.hero-device{flex-shrink:0;position:relative}.device-frame{width:200px;height:380px;position:relative}.device-glow{position:absolute;inset:-15px;border-radius:115px;background:transparent;color:var(--color-optimal);box-shadow:0 0 80px 10px currentColor;opacity:.8;z-index:-1;animation:breathe var(--duration-breath) ease-in-out infinite}.device-glow.active{opacity:1}.flash-fast.active{animation:breathe 1s infinite ease-in-out!important}.flash-slow.active{animation:breathe 8s infinite ease-in-out!important}@keyframes breathe{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:.9;transform:scale(1.02)}}.device-body{width:100%;height:100%;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-panel) 100%);border-radius:100px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-shadow:0 40px 80px #00000080,inset 0 1px #ffffff0d}.device-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.device-brand{font-family:var(--font-primary);font-size:.6rem;font-weight:200;letter-spacing:.6em;opacity:.3}.device-status{font-family:var(--font-primary);font-size:1.5rem;font-weight:300;letter-spacing:.15em;color:var(--color-optimal);text-shadow:0 0 30px var(--color-optimal)}.device-shadow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:70%;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%)}.hero-text{max-width:550px}.hero-headline{font-family:var(--font-primary);font-size:clamp(3rem,8vw,5rem);font-weight:200;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-md)}.hero-headline .highlight{color:var(--color-text)}.hero-subhead{font-size:1.1rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-lg)}.hero-cta{display:flex;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-family:var(--font-secondary);font-size:.9rem;font-weight:500;text-decoration:none;border-radius:100px;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none}.btn-primary{background:var(--color-text);color:var(--color-black)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #ffffff26}.btn-secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-muted);color:var(--color-text)}.btn-large{padding:1.2rem 2.5rem;font-size:1rem}.scroll-hint{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-subtle);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-text-subtle),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}@media(max-width:900px){.hero-content{flex-direction:column;text-align:center}.hero-cta{justify-content:center}.device-frame{width:160px;height:300px}.scroll-hint{display:none}}section{padding:var(--space-xl) 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-xl)}.section-label{display:inline-block;font-size:.7rem;font-weight:500;letter-spacing:.3em;color:var(--color-text-subtle);margin-bottom:var(--space-sm);text-transform:uppercase}.section-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3rem);font-weight:200;line-height:1.2;margin-bottom:var(--space-md)}.section-subtitle{font-size:1.1rem;color:var(--color-text-muted);line-height:1.7}.product{background:linear-gradient(180deg,var(--color-black) 0%,var(--color-midnight) 100%)}.product-showcase{max-width:700px;margin:0 auto var(--space-lg);opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out)}.product-showcase.visible{opacity:1;transform:translateY(0)}.showcase-image{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 50px #0000004d,0 0 0 1px #ffffff0d;transition:transform .4s var(--ease-out)}.showcase-image:hover{transform:scale(1.02)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.feature-card{background:#ffffff05;border:1px solid var(--color-border);border-radius:24px;padding:var(--space-lg);text-align:center;transition:all var(--duration-slow) var(--ease-out);opacity:0;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-5px)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-md);color:var(--color-optimal)}.feature-icon svg{width:100%;height:100%}.feature-title{font-family:var(--font-primary);font-size:1.3rem;font-weight:300;margin-bottom:var(--space-sm)}.feature-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.how-it-works{background:var(--color-midnight)}.states-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.state-card{position:relative;background:var(--color-panel);border-radius:24px;padding:var(--space-lg);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out)}.state-card:hover{transform:translateY(-5px)}.state-glow{position:absolute;top:0;left:0;right:0;height:4px;border-radius:24px 24px 0 0}.state-optimal .state-glow{background:var(--color-optimal);box-shadow:0 0 40px var(--color-optimal)}.state-wait .state-glow{background:var(--color-wait);box-shadow:0 0 40px var(--color-wait)}.state-expensive .state-glow{background:var(--color-expensive);box-shadow:0 0 40px var(--color-expensive)}.state-content{position:relative;z-index:1}.state-label{display:inline-block;font-family:var(--font-primary);font-size:.8rem;font-weight:400;letter-spacing:.15em;margin-bottom:var(--space-sm)}.state-optimal .state-label{color:var(--color-optimal)}.state-wait .state-label{color:var(--color-wait)}.state-expensive .state-label{color:var(--color-expensive)}.state-title{font-family:var(--font-primary);font-size:1.2rem;font-weight:300;margin-bottom:var(--space-sm)}.state-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}@media(max-width:768px){.states-demo{grid-template-columns:1fr}}.use-cases{background:linear-gradient(180deg,var(--color-midnight) 0%,var(--color-black) 100%)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.use-case-card{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:24px;transition:all var(--duration-slow) var(--ease-out);opacity:0;transform:translateY(30px)}.use-case-card.visible{opacity:1;transform:translateY(0)}.use-case-card:hover{border-color:#ffffff26}.use-case-number{font-family:var(--font-primary);font-size:3rem;font-weight:100;color:var(--color-text-subtle);margin-bottom:var(--space-md)}.use-case-title{font-family:var(--font-primary);font-size:1.3rem;font-weight:300;margin-bottom:var(--space-sm)}.use-case-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}@media(max-width:768px){.use-cases-grid{grid-template-columns:1fr}}.specs{background:var(--color-black)}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.spec-item{display:flex;flex-direction:column;padding:var(--space-md);background:var(--color-panel);border-radius:16px;border:1px solid var(--color-border)}.spec-label{font-size:.75rem;color:var(--color-text-subtle);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-xs)}.spec-value{font-family:var(--font-primary);font-size:1rem;font-weight:300}@media(max-width:768px){.specs-grid{grid-template-columns:repeat(2,1fr)}}.cta-section{background:linear-gradient(180deg,var(--color-black) 0%,var(--color-midnight) 50%,var(--color-black) 100%);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-family:var(--font-primary);font-size:clamp(2rem,5vw,2.5rem);font-weight:200;margin-bottom:var(--space-sm)}.cta-subtitle{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.footer{background:var(--color-black);border-top:1px solid var(--color-border);padding:var(--space-xl) 0 var(--space-lg)}.footer-main{display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.footer-logo{font-family:var(--font-primary);font-size:1rem;font-weight:200;letter-spacing:.5em}.footer-tagline{font-size:.9rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.footer-links{display:flex;gap:var(--space-xl)}.footer-col h4{font-family:var(--font-primary);font-size:.8rem;font-weight:400;letter-spacing:.1em;margin-bottom:var(--space-md);color:var(--color-text-subtle);text-transform:uppercase}.footer-col a{display:block;font-size:.9rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-sm);transition:color var(--duration-fast) ease}.footer-col a:hover{color:var(--color-text)}.footer-bottom{display:flex;justify-content:space-between;padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-subtle)}.footer-bottom a{color:var(--color-text-muted);text-decoration:none}.footer-bottom a:hover{color:var(--color-text)}@media(max-width:768px){.footer-main{flex-direction:column;gap:var(--space-lg)}.footer-links{gap:var(--space-lg)}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}[data-animate]{opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out)}[data-animate].visible{opacity:1;transform:translateY(0)}.features-grid [data-animate]:nth-child(1){transition-delay:0s}.features-grid [data-animate]:nth-child(2){transition-delay:.1s}.features-grid [data-animate]:nth-child(3){transition-delay:.2s}.use-cases-grid [data-animate]:nth-child(1){transition-delay:0s}.use-cases-grid [data-animate]:nth-child(2){transition-delay:.1s}.use-cases-grid [data-animate]:nth-child(3){transition-delay:.2s}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-symbol{width:32px;height:32px;object-fit:contain;filter:invert(1);transition:filter var(--duration-fast) ease}.footer-logo-group{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--space-sm)}.footer-logo-symbol{width:40px;height:40px;object-fit:contain;filter:invert(1);transition:filter var(--duration-fast) ease}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle{background:transparent;border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-fast) ease}.theme-toggle:hover{border-color:var(--color-text-muted);color:var(--color-text)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme=light]{--color-black: #f8f9fa;--color-midnight: #f0f1f3;--color-panel: #f5f6f7;--color-surface: #ebedef;--color-border: rgba(0, 0, 0, .06);--color-text: #2d3339;--color-text-muted: #5c6670;--color-text-subtle: #8a929a}[data-theme=light] body{background:#f8f9fa}[data-theme=light] .nav.scrolled{background:#f8f9faf2;border-bottom-color:#0000000a}[data-theme=light] .logo-symbol,[data-theme=light] .footer-logo-symbol{filter:invert(0)}[data-theme=light] .nav-toggle span{background:var(--color-text)}[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}[data-theme=light] .aurora{background:radial-gradient(ellipse at 50% 50%,rgba(0,200,180,.08) 0%,rgba(245,247,250,.5) 40%,transparent 70%)}[data-theme=light] .aurora-2{background:radial-gradient(ellipse at 30% 70%,rgba(100,150,255,.06) 0%,transparent 50%)}[data-theme=light] .device-body{background:linear-gradient(180deg,#fff,#f0f2f5);border-color:#0000001a;box-shadow:0 40px 80px #0000001a,inset 0 1px #fffc}[data-theme=light] .device-brand{color:#1a1f27}[data-theme=light] .device-shadow{background:radial-gradient(ellipse,rgba(0,0,0,.1) 0%,transparent 70%)}[data-theme=light] .btn-primary{background:#1a1f27;color:#fff}[data-theme=light] .btn-primary:hover{box-shadow:0 10px 40px #00000026}[data-theme=light] .btn-secondary{color:var(--color-text-muted);border-color:#00000026}[data-theme=light] .btn-secondary:hover{border-color:var(--color-text);color:var(--color-text)}[data-theme=light] .product{background:linear-gradient(180deg,#f8f9fa,#f0f1f3)}[data-theme=light] .feature-card{background:#f8f9fae6;border-color:#0000000d;box-shadow:0 4px 20px #00000005}[data-theme=light] .feature-card:hover{background:#f5f6f7;border-color:#00000014;box-shadow:0 8px 30px #0000000a}[data-theme=light] .how-it-works{background:#ebedef}[data-theme=light] .state-card{background:#f5f6f7;box-shadow:0 4px 20px #00000008}[data-theme=light] .use-cases{background:linear-gradient(180deg,#ebedef,#f8f9fa)}[data-theme=light] .use-case-card{background:#f5f6f7;border-color:#0000000d}[data-theme=light] .use-case-card:hover{border-color:#00000014;box-shadow:0 8px 30px #0000000a}[data-theme=light] .specs{background:#f8f9fa}[data-theme=light] .spec-item{background:#ebedef;border-color:#0000000a}[data-theme=light] .cta-section{background:linear-gradient(180deg,#f8f9fa,#ebedef,#f8f9fa)}[data-theme=light] .footer{background:#ebedef;border-top-color:#0000000a}[data-theme=light] .footer-bottom{border-top-color:#0000000a}[data-theme=light] .scroll-line{background:linear-gradient(to bottom,var(--color-text-subtle),transparent)}[data-theme=light] .nav-links{background:#f8f9fa}@media(max-width:768px){[data-theme=light] .nav-links{background:#f8f9fa}}