*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0a06;--surface:#131008;--surface-raised:#1a1610;--border:#2a2518;--border-accent:#d4ff2826;--text:#f0e8d0;--text-muted:#9a9080;--accent:#d4ff28;--accent-dim:#b8dd1e;--accent-on:#0e1400}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.1}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.nav-brand{align-items:center;gap:.625rem;display:flex}.nav-brand svg{width:1.375rem;height:1.375rem;color:var(--accent)}.nav-brand span{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--accent)}.btn{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-dim)}.btn-nav{color:var(--accent);border:1px solid #d4ff2866;padding:.5rem 1.25rem;font-size:.75rem}.btn-nav:hover{border-color:var(--accent);background:#d4ff2814}.btn-outline{border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:6rem 0 5rem;position:relative;overflow:visible}.hero-ambient{pointer-events:none;z-index:-1;background:radial-gradient(circle,#d4ff280f 0%,#0000 60%);border-radius:50%;width:60vw;max-width:800px;height:60vw;max-height:800px;transition:left .8s ease-out,top .8s ease-out;position:fixed;top:30%;left:55%;transform:translate(-50%,-50%)}.hero-inner{align-items:center;gap:4rem;display:flex}.hero-content{z-index:1;flex:1;min-width:0;position:relative}.hero h1{margin-bottom:1.5rem;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800}.hero h1 em{color:var(--accent);font-style:italic}.hero p{color:var(--text-muted);max-width:520px;margin-bottom:2.5rem;font-size:1.125rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-secondary{color:var(--accent);letter-spacing:.04em;padding:.75rem .5rem;font-size:.8125rem;font-weight:500;transition:opacity .15s}.hero-secondary:hover{opacity:.8}.hero-sub{margin-top:2.5rem}.hero-sub a{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;transition:color .15s}.hero-sub a:hover{color:var(--accent)}.hero-sub a span{transition:transform .15s;display:inline-block}.hero-sub a:hover span:not(.accel-dot){transform:translate(3px)}.hero-visual{flex-shrink:0;justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(circle,#d4ff281a 0%,#0000 60%);position:absolute;inset:-80px}.hero-ring{border:1px solid #d4ff281f;position:absolute;transform:rotate(45deg)}.hero-ring-outer{width:280px;height:280px}.hero-ring-mid{border-color:#d4ff2840;width:210px;height:210px}.hero-ring-inner{border-width:2px;border-color:var(--accent);background:var(--surface);justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:inset 0 0 30px #d4ff280f}.hero-icon{width:56px;height:56px;color:var(--accent);transform:rotate(-45deg)}.dev-callout{background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:5rem;padding:1.5rem 2rem;display:flex}.dev-callout-text{flex-direction:column;gap:.25rem;display:flex}.dev-callout-text strong{text-transform:uppercase;letter-spacing:.02em;font-family:Space Grotesk,sans-serif;font-size:.9375rem;font-weight:700}.dev-callout-text span{color:var(--text-muted);font-size:.875rem}.dev-callout-text code{color:var(--accent);background:var(--bg);border:1px solid var(--border);letter-spacing:-.01em;margin-top:.375rem;padding:.5em .875em;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;display:inline-block}.dev-callout-text code:before{content:"$ ";color:var(--text-muted)}.dev-callout a{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.75rem;font-weight:700;transition:opacity .15s}.dev-callout a:hover{opacity:.8}.features{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:6rem;display:grid}.feature{background:var(--surface);border:1px solid var(--border);padding:2.5rem 2rem;overflow:hidden}.feature-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:500}.feature-icon{width:2rem;height:2rem;color:var(--accent);opacity:.8;margin-bottom:1.25rem;transition:opacity .2s}.feature h3{text-transform:uppercase;letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.how{margin-bottom:6rem}.how-header{margin-bottom:3rem}.how-header h2{text-transform:uppercase;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.how-header p{color:var(--text-muted);max-width:560px;font-size:1.0625rem}.steps{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step{background:var(--surface-raised);border:1px solid var(--border);padding:2.5rem 2rem}.step-number{border:1px solid var(--accent);width:2.5rem;height:2.5rem;color:var(--accent);justify-content:center;align-items:center;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex}.step h3{text-transform:uppercase;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.step p{color:var(--text-muted);font-size:.875rem;line-height:1.7}.notice{background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:6rem;padding:2.5rem;display:flex}.notice-content{max-width:640px}.notice-content h3{text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:1rem;font-weight:700}.notice-content p{color:var(--text-muted);font-size:.9375rem;line-height:1.7}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 0;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;transition:color .15s}.footer-links a:hover{color:var(--accent)}.footer-copy{color:var(--text-muted);font-size:.75rem}@media (width<=768px){.nav-links{display:none}.hero{padding:4rem 0 3rem}.hero-inner{flex-direction:column}.hero-visual{width:220px;height:220px}.hero-ring-outer{width:200px;height:200px}.hero-ring-mid{width:150px;height:150px}.hero-ring-inner{width:100px;height:100px}.hero-icon{width:40px;height:40px}.features,.steps{grid-template-columns:1fr}.dev-callout,.notice{flex-direction:column;align-items:flex-start}.footer{text-align:center;flex-direction:column;gap:1rem}}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#d4ff280a 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 65%,#0b0a06e6 0%,#0000 70%);position:absolute;inset:0}.hero-ring-outer{animation:6s ease-in-out infinite ring-glow-outer}.hero-ring-mid{animation:4s ease-in-out infinite ring-glow-mid}.hero-ring-inner{animation:4s ease-in-out infinite ring-breathe}.hero-glow{animation:4s ease-in-out infinite glow-pulse}@keyframes ring-glow-outer{0%,to{border-color:#d4ff280f;box-shadow:0 0 #d4ff2800}50%{border-color:#d4ff2838;box-shadow:0 0 40px #d4ff2814}}@keyframes ring-glow-mid{0%,to{border-color:#d4ff2826;box-shadow:0 0 #d4ff2800}50%{border-color:#d4ff2866;box-shadow:0 0 30px #d4ff281a}}@keyframes ring-breathe{0%,to{transform:rotate(45deg)scale(1);box-shadow:inset 0 0 30px #d4ff280f}50%{transform:rotate(45deg)scale(1.03);box-shadow:inset 0 0 50px #d4ff2826,0 0 50px #d4ff281a}}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero h1{animation:.6s ease-out backwards fade-up}.hero p{animation:.6s ease-out .15s backwards fade-up}.hero-actions{animation:.6s ease-out .3s backwards fade-up}.hero-sub{animation:.6s ease-out .45s backwards fade-up}.hero-visual{animation:.8s ease-out .2s backwards scale-in}.feature{transition:transform .2s,box-shadow .2s,border-color .3s;position:relative}.feature:hover{border-color:#d4ff2840;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d,0 0 24px #d4ff280f,inset 0 0 20px #d4ff2808}.feature:hover .feature-icon{opacity:1}.feature:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature:hover:after{transform:scaleX(1)}.step{border-left:2px solid #0000;transition:transform .2s,box-shadow .2s,border-left-color .3s;position:relative}.step:hover{border-left-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.step:hover .step-number{background:#d4ff2814;box-shadow:0 0 12px #d4ff281a}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal .feature:nth-child(2),.reveal .step:nth-child(2){transition-delay:.1s}.reveal .feature:nth-child(3),.reveal .step:nth-child(3){transition-delay:.2s}.hidden{display:none!important}.hero-sub.detected a{color:var(--accent);align-items:center;gap:.5rem;transition:color .3s;display:inline-flex}.accel-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #d4ff2880}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}