:root{--bg:#0a0a14;--bg-surface:#0f0f1e;--bg-card:#111120;--accent:#00d4ff;--accent-dim:#00d4ff1f;--accent-glow:#00d4ff0f;--text:#7a8499;--text-strong:#e0e4ef;--text-muted:#4a5168;--border:#00d4ff1a;--border-dim:#ffffff0f;--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.65}#root{flex-direction:column;min-height:100svh;display:flex}a{color:var(--accent);text-decoration:none;transition:opacity .15s}a:hover{opacity:.75}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.mono-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.72rem}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dim);background:#0a0a14d9;position:sticky;top:0}.site-header-inner{align-items:center;max-width:1040px;height:56px;margin:0 auto;padding:0 24px;display:flex}.site-header-brand{opacity:1;align-items:center;gap:10px;text-decoration:none;display:flex}.site-header-brand:hover{opacity:.8}.site-header-logo{flex-shrink:0;width:32px;height:32px}.site-header-name{font-family:var(--font-head);letter-spacing:-.02em;color:var(--text-strong);font-size:1rem;font-weight:700}.hero-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:88svh;padding:96px 24px 64px;display:flex;position:relative}.hero-section:before{content:"";pointer-events:none;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hero-content{max-width:720px;position:relative}.wordmark{font-family:var(--font-head);letter-spacing:-.03em;color:var(--text-strong);margin-bottom:28px;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:700;line-height:1.05}.tagline{color:var(--text);max-width:560px;margin:0 auto 36px;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.7}.status-bar{border:1px solid var(--border);background:var(--accent-glow);font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);border-radius:4px;align-items:center;gap:10px;padding:8px 16px;font-size:.68rem;display:inline-flex}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.status-sep{color:var(--text-muted)}.scroll-cue{color:var(--text);position:absolute;bottom:32px}.how-section{border-top:1px solid var(--border-dim);padding:80px 24px 96px}.section-inner{max-width:1040px;margin:0 auto}.section-label{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:48px;font-size:.72rem;font-weight:600}.steps-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.step-card{border-right:1px solid var(--border-dim);padding:28px 28px 32px;position:relative}.step-card:last-child{border-right:none}.step-header{align-items:center;margin-bottom:16px;display:flex}.step-num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);opacity:.6;font-size:.72rem}.step-connector{background:linear-gradient(90deg, var(--border) 0%, transparent 100%);flex:1;height:1px;margin-left:12px}.step-title{font-family:var(--font-head);color:var(--text-strong);letter-spacing:-.01em;margin-bottom:10px;font-size:1rem;font-weight:600;line-height:1.3}.step-desc{color:var(--text);font-size:.875rem;line-height:1.65}@media (width<=860px){.steps-grid{grid-template-columns:1fr 1fr}.step-card{border-right:none;border-bottom:1px solid var(--border-dim)}.step-card:nth-child(odd){border-right:1px solid var(--border-dim)}.step-card:last-child,.step-card:nth-last-child(2):nth-child(odd){border-bottom:none}.step-connector{display:none}}@media (width<=520px){.steps-grid{grid-template-columns:1fr}.step-card{border-bottom:1px solid var(--border-dim);border-right:none!important}.step-card:last-child{border-bottom:none}}.footer{border-top:1px solid var(--border-dim);padding:24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto;display:flex}.footer-copy{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.7rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:.8125rem;transition:color .15s}.footer-links a:hover{color:var(--text);opacity:1}.prose-page{flex:1;padding:64px 24px 80px}.prose-inner{max-width:680px;margin:0 auto}.prose-back{margin-bottom:40px}.prose-back a{color:var(--text-muted);font-size:.875rem;transition:color .15s}.prose-back a:hover{color:var(--text);opacity:1}.prose-page h1{font-family:var(--font-head);color:var(--text-strong);letter-spacing:-.025em;margin-bottom:8px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.15}.prose-meta{color:var(--text-muted);margin-bottom:48px}.prose-page h2{font-family:var(--font-head);color:var(--text-strong);letter-spacing:-.01em;margin:40px 0 10px;font-size:1rem;font-weight:600}.prose-page p{color:var(--text);margin-bottom:14px;font-size:.9375rem;line-height:1.75}.prose-page ul{flex-direction:column;gap:10px;margin:10px 0 14px 20px;display:flex}.prose-page li{color:var(--text);font-size:.9375rem;line-height:1.65}.prose-page li strong{color:var(--text-strong);font-weight:500}.prose-page a{color:var(--accent);text-underline-offset:3px;-webkit-text-decoration:underline #00d4ff4d;text-decoration:underline #00d4ff4d}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}