:root{color-scheme:dark;--bg:#07121d;--deep:#02070c;--panel:#0d2434;--ink:#f8fbfd;--muted:#adbfca;--cyan:#75d7ea;--amber:#e2b366;--coral:#f07b72;--paper:#f3f0e7;--paper-ink:#172a34;--line:rgba(220,235,242,.18);--focus:#ffd166;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 84% 0,rgba(226,179,102,.12),transparent 29rem),linear-gradient(135deg,rgba(117,215,234,.035) 25%,transparent 25%) 0 0/3rem 3rem,var(--deep);color:var(--ink);line-height:1.65}img{display:block;max-width:100%}a{color:var(--cyan);text-underline-offset:.2em}a:hover{color:var(--focus)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip{position:absolute;top:-8rem;left:1rem;z-index:50;background:var(--focus);color:#111;padding:.8rem 1rem;font-weight:850}.skip:focus{top:1rem}
header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(2,7,12,.96);backdrop-filter:blur(14px)}nav{max-width:78rem;margin:auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.4rem}.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:900;text-decoration:none;white-space:nowrap}.mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--amber);color:var(--amber);font-size:.7rem}.links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1rem}.links a{color:#dbe7ec;text-decoration:none;font-size:.9rem;font-weight:750}.links a[aria-current=page]{color:var(--amber);text-decoration:underline}
main{overflow:hidden}.wrap{max-width:78rem;margin:auto;padding:5.5rem 1.25rem}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(25rem,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:center;min-height:calc(100vh - 4.2rem)}.eyebrow{margin:0 0 .8rem;color:var(--amber);font:850 .74rem/1.3 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{margin:0;font-size:clamp(3rem,7vw,6.2rem);max-width:12ch}h2{margin:0;font-size:clamp(2rem,4.5vw,4.1rem);max-width:18ch}h3{font-size:1.3rem}.lede{color:#dce7ec;font-size:clamp(1.08rem,2vw,1.35rem);max-width:44rem}.hero figure{margin:0;border:1px solid rgba(226,179,102,.42);box-shadow:0 2rem 6rem #0009}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.8rem 0}.button{display:inline-block;padding:.82rem 1rem;border:2px solid var(--amber);font-weight:850;text-decoration:none}.button.primary{background:var(--amber);color:#171006}.button.secondary{color:var(--amber)}.quiet,.muted{color:var(--muted)}
.band{border-top:1px solid var(--line)}.paper{background:var(--paper);color:var(--paper-ink)}.paper .eyebrow{color:#8d5f23}.paper a{color:#166981}.heading{max-width:57rem;margin-bottom:2.7rem}.heading p:last-child{color:var(--muted)}.paper .heading p:last-child{color:#536770}.grid{display:grid;gap:1rem}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:1.25rem;border:1px solid var(--line);background:rgba(13,36,52,.76)}.paper .card{border-color:#ccd5d8;background:#fff}.card h3{margin-top:0}.card p{color:var(--muted)}.paper .card p{color:#536770}.card strong.tag{display:block;color:var(--amber);font:800 .68rem/1.3 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.paper .card strong.tag{color:#8d5f23}
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;counter-reset:step}.flow article{position:relative;min-height:13rem;padding:1rem;border-top:4px solid var(--cyan);background:rgba(13,36,52,.8);counter-increment:step}.flow article:before{content:"0" counter(step);display:block;margin-bottom:2rem;color:var(--amber);font:850 .72rem ui-monospace,monospace}.flow p{color:var(--muted)}.boundary{padding:1rem 1.2rem;border-left:.42rem solid var(--coral);background:rgba(240,123,114,.08)}code{overflow-wrap:anywhere}.commands{display:grid;gap:.65rem}.commands code{display:block;padding:.85rem 1rem;background:#050c12;border:1px solid var(--line);color:var(--cyan);font-size:.88rem}
.prose{max-width:63rem}.prose h2{margin-top:3.2rem;font-size:clamp(1.7rem,3.5vw,2.8rem)}.prose h3{margin-top:2rem}.prose p,.prose li{color:#cfdae0}.prose table{width:100%;border-collapse:collapse}.prose th,.prose td{padding:.8rem;border:1px solid var(--line);text-align:left;vertical-align:top}.prose th{color:var(--amber)}.toc{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:1.5rem 0 2.5rem;padding:1rem;border:1px solid var(--line);background:rgba(13,36,52,.55)}
footer{padding:2.5rem 1.25rem;border-top:1px solid var(--line);text-align:center;color:var(--muted);background:#010406}footer p{margin:.3rem}
@media(max-width:70rem){.hero{grid-template-columns:1fr;min-height:auto}.hero figure{max-width:56rem}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:50rem){nav{align-items:flex-start;flex-direction:column}.links{justify-content:flex-start}.grid.three,.grid.two,.flow{grid-template-columns:1fr}.wrap{padding-top:4.5rem}h1{font-size:clamp(2.7rem,14vw,4.6rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-contrast:more){:root{--muted:#e1edf1;--line:rgba(255,255,255,.5)}}