:root{--ink:#071019;--panel:#0d1a24;--cyan:#3de0ff;--mute:#7f94a6;--line:#1c3140;--max:1100px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#e8f1f6;font-family:"DM Sans",system-ui,sans-serif;line-height:1.55}
a{color:var(--cyan)}a:hover{color:#fff}
.skip{position:absolute;left:-999px;top:0;background:var(--cyan);color:#000;padding:.5rem 1rem}.skip:focus{left:0;z-index:20}
.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}
.top{position:sticky;top:0;z-index:10;background:rgba(7,16,25,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.top-row{display:flex;align-items:center;justify-content:space-between;min-height:4rem;gap:1rem}
.mark{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff;font-weight:700}
.mark span{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.08em;background:var(--cyan);color:#041018;padding:.2rem .4rem}
.nav{display:flex;gap:1rem;flex-wrap:wrap}.nav a{color:var(--mute);text-decoration:none;font-family:"JetBrains Mono",monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.nav a:hover,.nav a.is-on{color:var(--cyan)}.nav-toggle{display:none}.burger{display:none;cursor:pointer}.burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0}
.hero{position:relative;min-height:88vh;display:grid;align-items:end;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.schematic{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 500px at 85% 15%,rgba(61,224,255,.12),transparent 60%),linear-gradient(160deg,#0a1520,#071019)}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(61,224,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(61,224,255,.06) 1px,transparent 1px);background-size:48px 48px;animation:drift 18s linear infinite}
@keyframes drift{from{background-position:0 0}to{background-position:48px 48px}}
.blueprint{position:absolute;right:6%;top:18%;margin:0;font-family:"JetBrains Mono",monospace;font-size:clamp(.7rem,1.6vw,.95rem);color:rgba(61,224,255,.55);line-height:1.7;animation:fadeIn 1s ease both}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero-copy{padding:5.5rem 0 3.5rem;max-width:36rem}
.tag{font-family:"JetBrains Mono",monospace;color:var(--cyan);font-size:.8rem;margin:0 0 .7rem}
.hero h1{font-size:clamp(2.8rem,8vw,5rem);margin:0 0 .9rem;letter-spacing:-.03em}
.lede{color:#b7c9d6;margin:0 0 1.4rem;font-size:1.08rem}
.cta-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.btn{display:inline-block;background:var(--cyan);color:#041018;text-decoration:none;font-family:"JetBrains Mono",monospace;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.9rem 1.15rem;border:0;cursor:pointer}
.btn:hover{background:#fff;color:#041018}.btn-ghost{background:transparent;color:#e8f1f6;border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:transparent}
.btn-sm{padding:.55rem .8rem;font-size:.72rem}.text-link{color:#e8f1f6}
.lanes{display:grid;padding:2rem 0}.lane{display:grid;grid-template-columns:3.2rem 8rem 1fr;gap:1rem;align-items:baseline;padding:1.2rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:padding-left .2s ease}
.lane:hover{padding-left:.4rem;background:rgba(61,224,255,.03)}.lane code{font-family:"JetBrains Mono",monospace;color:var(--cyan)}.lane strong{font-family:"JetBrains Mono",monospace}.lane span{color:var(--mute)}
.priceband{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;align-items:center;padding:2.4rem 0 3.2rem;border-top:1px solid var(--line)}
.priceband h2{font-family:"JetBrains Mono",monospace;font-size:clamp(1.05rem,2.5vw,1.35rem);margin:0 0 .45rem;max-width:34rem}
.priceband p{margin:0;color:var(--mute);max-width:34rem}
.page{padding:2.8rem 0 4rem}.crumbs{color:var(--mute)}.crumbs a{color:var(--mute)}.intro{color:var(--mute);max-width:38rem}
.block{padding:1.35rem 0;border-bottom:1px solid var(--line)}.block h2{font-family:"JetBrains Mono",monospace;margin:0 0 .5rem;font-size:1.35rem}
.facts{list-style:none;padding:0;margin:1.8rem 0 0}.facts li{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.75rem 0;border-top:1px solid var(--line)}
.facts span{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}
.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;font-family:"JetBrains Mono",monospace}.faq p{color:var(--mute)}
.form{display:grid;gap:.9rem;max-width:32rem;margin-top:1.4rem}.form label{display:grid;gap:.3rem;font-size:.9rem}
.form input,.form textarea{width:100%;background:#050b11;border:1px solid var(--line);color:#e8f1f6;padding:.7rem .8rem;font:inherit}
.form input:focus,.form textarea:focus{outline:1px solid var(--cyan)}.fine{color:var(--mute);font-size:.88rem}
.narrow{max-width:42rem}.prose h2{font-family:"JetBrains Mono",monospace;font-size:1.05rem;margin-top:1.6rem}
.prose table{width:100%;border-collapse:collapse}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem .2rem;vertical-align:top}
.foot{border-top:1px solid var(--line);padding:2.2rem 0 1.3rem;margin-top:1rem}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.3rem}
.foot-brand{font-family:"JetBrains Mono",monospace;margin:0 0 .35rem}.foot-nav{display:grid;gap:.3rem;align-content:start}.foot-nav a{text-decoration:none;color:var(--mute)}
.foot-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--mute);font-size:.85rem}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#050b11;border-top:1px solid var(--cyan);padding:1rem}
.cookie-inner{width:min(100% - 1rem,var(--max));margin-inline:auto;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:end}
.cookie-inner h2{font-family:"JetBrains Mono",monospace;font-size:1rem;margin:0 0 .3rem}.cookie-inner p{margin:0;color:var(--mute);max-width:36rem;font-size:.9rem}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.45rem}.check{display:block;margin:.3rem 0;color:var(--mute)}
@media(max-width:820px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:4rem;background:var(--ink);flex-direction:column;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.nav-toggle:checked~.nav{display:flex}.lane{grid-template-columns:2.5rem 1fr}.lane span{grid-column:2}.blueprint{opacity:.25}.foot-grid{grid-template-columns:1fr}.facts li{grid-template-columns:1fr;gap:.15rem}}