:root{color-scheme:dark;--bg: #08090a;--bg-deep: #010102;--panel: #0f1011;--surface: rgba(255, 255, 255, .035);--surface-strong: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .05);--text: #f7f8f8;--muted: #d0d6e0;--subtle: #a0a6b2;--faint: #737983;--accent: #7170ff;--accent-strong: #5e6ad2;--accent-soft: rgba(113, 112, 255, .16);--good: #10b981;--shell: min(1120px, calc(100vw - 40px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv01","ss03";background:radial-gradient(circle at 18% 0%,rgba(113,112,255,.24),transparent 36rem),radial-gradient(circle at 82% 12%,rgba(16,185,129,.1),transparent 28rem),linear-gradient(180deg,#08090a,#07080a 48%,#010102);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin:0 auto}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:#08090ab8;border-bottom:1px solid var(--border-soft)}.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:510;color:var(--text);letter-spacing:-.18px}.brand-mark{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#7170fff2,#5e6ad29e);box-shadow:0 0 0 1px #ffffff2e inset,0 14px 40px #7170ff38}.brand-mark:after{content:"";width:10px;height:10px;border-radius:999px;background:#f7f8f8;box-shadow:0 0 18px #ffffff80}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;font-weight:510}.nav-links a{transition:color .18s ease}.nav-links a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:8px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:14px;font-weight:510;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px);background:#ffffff0e;border-color:#ffffff24}.button.primary{background:var(--accent-strong);border-color:#ffffff24;box-shadow:0 18px 48px #5e6ad247}.button.primary:hover{background:#7170ff}.hero{padding:88px 0 54px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff06;border-radius:999px;padding:7px 11px;color:var(--muted);font-size:13px;font-weight:510}.dot{width:7px;height:7px;border-radius:999px;background:var(--good);box-shadow:0 0 20px #10b981b3}h1{margin:24px 0 0;font-size:clamp(44px,7vw,84px);line-height:1.01;letter-spacing:-2.1px;font-weight:510;text-wrap:balance}.hero p{margin:24px 0 0;max-width:680px;color:var(--subtle);font-size:18px;line-height:1.72;letter-spacing:-.16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.signal-panel{position:relative;min-height:520px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#ffffff0e,#ffffff05);box-shadow:0 0 0 1px #00000059,0 32px 80px #0000006b,inset 0 0 60px #7170ff09;overflow:hidden}.signal-panel:before{content:"";position:absolute;inset:-40% -20% auto;height:72%;background:radial-gradient(circle,rgba(113,112,255,.32),transparent 62%);filter:blur(6px)}.panel-content{position:relative;padding:22px;display:grid;gap:14px}.terminal-bar{display:flex;gap:7px;padding-bottom:6px}.terminal-bar span{width:9px;height:9px;border-radius:999px;background:#ffffff2e}.panel-card{border:1px solid var(--border);background:#08090aad;border-radius:16px;padding:18px}.panel-label{color:var(--faint);font:500 12px/1.4 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.panel-title{margin:12px 0 0;font-size:20px;line-height:1.25;font-weight:590;letter-spacing:-.24px}.steps{display:grid;gap:10px;margin-top:16px}.step{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:14px}.step small{color:var(--faint);font-family:JetBrains Mono,monospace}.status{color:#9ff2c7}section{padding:58px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}h2{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.02;letter-spacing:-1.05px;font-weight:510}.section-head p,.section-lead{margin:12px 0 0;color:var(--subtle);line-height:1.7;max-width:650px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:22px;min-height:190px}.card strong{display:block;font-size:18px;line-height:1.28;letter-spacing:-.24px;font-weight:590}.card p{margin:12px 0 0;color:var(--subtle);line-height:1.65;font-size:15px}.tagline{margin-top:18px;color:var(--accent);font:500 12px/1.4 JetBrains Mono,monospace}.route-map{display:grid;grid-template-columns:1fr 1fr;gap:14px}.route{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--border-soft);background:#ffffff06;border-radius:14px;padding:16px 18px}.route span{color:var(--muted)}.route code{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px}.start-panel{border:1px solid rgba(113,112,255,.28);background:linear-gradient(135deg,#7170ff2e,#ffffff06 48%,#10b98114);border-radius:26px;padding:clamp(26px,5vw,54px);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}footer{padding:34px 0 46px;color:var(--faint);border-top:1px solid var(--border-soft)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}@media(max-width:880px){.hero-grid,.route-map,.start-panel{grid-template-columns:1fr}.signal-panel{min-height:auto}.grid{grid-template-columns:1fr}.nav-links{gap:12px;font-size:13px}.nav-links .hide-small{display:none}.section-head{display:block}}@media(max-width:560px){:root{--shell: min(100vw - 28px, 1120px)}.nav-inner{height:62px}.hero{padding-top:58px}h1{letter-spacing:-1.2px}.hero p{font-size:16px}.button{width:100%}.hero-actions{display:grid}}
