:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#080f1e;--panel:#101a2b;--line:#26344a;--text:#eaf0fa;--muted:#9eacc3;--lime:#c5fa59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.top,main,footer{max-width:1500px;margin:auto}.top{height:86px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:850;letter-spacing:.08em;display:flex;gap:12px;align-items:center}.mark{height:32px;width:32px;background:var(--lime);border-radius:7px;color:#09111d;display:inline-flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.15em}.mark span{font-size:13px;margin-left:1px}.top nav{display:flex;gap:32px;color:#b9c6d9;font-size:14px}.top nav a:hover,.inline-link:hover,footer a:hover{color:var(--lime)}.github{border:1px solid #506178;padding:10px 17px;border-radius:6px;font-size:14px;font-weight:700}.hero{padding:95px 5% 110px;display:grid;grid-template-columns:1.05fr .95fr;gap:5%;align-items:center;min-height:650px;background:radial-gradient(ellipse at 75% 33%,#172a3f 0,transparent 55%)}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--lime)}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,5.5vw,94px);letter-spacing:-.075em;line-height:1.02;margin:30px 0}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:19px;color:var(--muted);line-height:1.65;max-width:590px}.actions{display:flex;gap:13px;margin:38px 0 72px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:7px;padding:17px 21px;font-size:14px;font-weight:800}.primary{background:var(--lime);color:#0d171e}.primary:hover{background:#ddff96}.secondary{border:1px solid #5a6a7f}.secondary:hover,.github:hover{border-color:var(--lime)}.hero-note{font-size:11px;color:#73849e;font-weight:800;letter-spacing:.15em}.hero-note span{padding:0 8px}.visual{border:1px solid #485b70;border-radius:18px;background:linear-gradient(150deg,#17243a,#0d182a 70%);padding:28px;box-shadow:0 25px 80px #0005;transform:rotate(2deg)}.visual-head,.visual-foot{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.16em;color:#899ab4}.visual-head{padding-bottom:20px;border-bottom:1px solid #38485d}.visual-head span{color:var(--lime)}.route{padding:12px 0}.step{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:12px 0 12px 9px;border-left:2px solid #425269;margin-left:14px;position:relative}.step:before{content:'';position:absolute;left:-6px;top:23px;width:9px;height:9px;background:#52647c;border-radius:50%}.step b{font-size:12px;color:var(--lime);grid-row:span 2;padding-top:7px}.step span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#7e91ac}.step strong{font-size:21px;letter-spacing:-.04em;margin-top:2px}.step.active{background:#c5fa5912;border-radius:8px}.step.active:before{background:var(--lime);box-shadow:0 0 13px var(--lime)}.visual-foot{border-top:1px solid #38485d;padding-top:22px;justify-content:flex-start;gap:10px}.visual-foot span{color:var(--lime)}.section,.band,.closing{padding:105px 5%}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-intro>p{max-width:350px;color:var(--muted);line-height:1.65}h2{font-size:clamp(42px,4vw,65px);line-height:1.08;letter-spacing:-.06em;margin:18px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:285px;border:1px solid var(--line);background:#101a2a;padding:26px;border-radius:10px;display:flex;flex-direction:column}.card:hover{border-color:#a5ce63;transform:translateY(-3px);transition:.2s}.number{font-size:12px;color:var(--lime);font-weight:800}.symbol{font-size:35px;color:#c5fa59;align-self:flex-end;margin:-14px 0 12px}.card h3{font-size:24px;letter-spacing:-.04em;margin:0 0 12px}.card p{color:var(--muted);font-size:15px;line-height:1.55;flex:1}.card small{border-top:1px solid var(--line);padding-top:17px;font-weight:800;letter-spacing:.12em;color:#7f92ab;font-size:10px}.band{background:#121f31;display:grid;grid-template-columns:1fr 1.1fr;column-gap:7%}.band>.kicker,.band>h2{grid-column:1}.band>.resource-list{grid-column:2;grid-row:1/span 3}.resource-list{border-top:1px solid #4c5a6c}.resource-list a{display:flex;align-items:center;gap:18px;border-bottom:1px solid #4c5a6c;padding:21px 4px}.resource-list a:hover{color:var(--lime)}.resource-list a>span{font-size:12px;color:var(--lime)}.resource-list a div{flex:1}.resource-list strong{display:block;font-size:17px}.resource-list small{display:block;font-size:10px;letter-spacing:.12em;color:#899bb3;margin-top:8px}.resource-list b{font-size:24px;font-weight:400}.inline-link{margin-top:35px;font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:6px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-grid article{background:#182539;padding:30px;border-radius:10px;min-height:320px;display:flex;flex-direction:column}.project-grid article>span{font-size:11px;letter-spacing:.16em;color:var(--lime);font-weight:800}.project-grid h3{font-size:30px;letter-spacing:-.05em;line-height:1.12;margin:32px 0 15px}.project-grid p{color:var(--muted);line-height:1.6;flex:1}.project-grid article>div{border-top:1px solid #425067;padding-top:18px;font-size:11px;letter-spacing:.14em;font-weight:800;display:flex;justify-content:space-between}.project-grid b{color:var(--lime);font-size:18px}.closing{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.closing p{color:var(--muted);font-size:18px;line-height:1.65}.closing p a{color:var(--lime);text-decoration:underline}.closing .primary{margin-top:22px}footer{border-top:1px solid var(--line);padding:38px 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;color:#91a1b8}footer .brand{color:var(--text)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.visual{max-width:650px;transform:none}.grid,.project-grid{grid-template-columns:repeat(2,1fr)}.band{display:block}.band>.resource-list{margin-top:45px}.closing{gap:5%}}@media(max-width:620px){.top{height:70px}.top nav{display:none}.github{padding:9px}.hero{padding:55px 6% 70px;min-height:0}.hero-copy>p{font-size:17px}.actions{margin-bottom:45px;flex-wrap:wrap}.hero-note{line-height:1.8}.visual{padding:18px}.step strong{font-size:18px}.section,.band,.closing{padding:75px 6%}.section-intro{display:block}.grid,.project-grid,.closing{display:grid;grid-template-columns:1fr}.card{min-height:230px}footer{padding:30px 6%;gap:25px;flex-wrap:wrap}footer>span{order:3;width:100%}}