@font-face{font-family:"Newsreader";font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}
:root{--bg:#060708;--bg2:#0C0D0F;--line:#1E2024;--line2:#2C2F35;--text:#ECEDEE;--mute:#9A9EA6;--gold:#F2B134;--gold-hi:#FFD27A;--gold-dim:rgba(242,177,52,.18);
--disp:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--sans:"Inter",system-ui,sans-serif;--w:1240px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}img,svg{display:block;max-width:100%}
::selection{background:var(--gold);color:#000}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--gold);color:#000;padding:8px 14px;z-index:99;font:600 14px var(--mono)}.skip:focus{left:8px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.gold{color:var(--gold)}
.label,.tag,.node-id,.nav,.btn,.spec-title,dt,.copyright,.hero-foot{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.label{color:var(--gold);margin:0 0 18px;display:flex;align-items:center;gap:12px}
.label::before{content:"";width:28px;height:1px;background:var(--gold)}
/* header */
.site-header{position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.brand-mark{height:34px;width:auto;flex:none}
.brand-name{font:400 1.35rem/1 "Newsreader",Georgia,serif;letter-spacing:.01em;color:#F5F3EE}
.brand-suffix{color:#A9B2C1}
.nav{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;color:var(--mute);padding:6px 0;position:relative}
.nav a:hover,.nav a[aria-current]{color:var(--text)}
.nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold)}
/* grid */
.hero-grid{position:absolute;inset:0;pointer-events:none;
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;background-position:center top;
-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 38%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 65% at 50% 38%,#000 20%,transparent 75%);opacity:.75}
/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 40px;overflow:hidden;
background:radial-gradient(ellipse 55% 40% at 50% 36%,rgba(242,177,52,.10),transparent 70%),var(--bg)}
.hero-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.tag{color:var(--mute);margin:0 0 clamp(28px,5vh,56px);display:flex;align-items:center;gap:10px}
.tag .slash{color:var(--gold)}
.pad{width:9px;height:9px;border:2px solid var(--gold);border-radius:50%;display:inline-block;box-shadow:0 0 10px var(--gold)}
.hero-mark{width:min(760px,88vw);margin-bottom:clamp(28px,5vh,56px);filter:drop-shadow(0 0 28px rgba(242,177,52,.28))}
.wu{width:100%;height:auto;overflow:visible}
.wu-fill{fill:var(--gold);animation:fillin 1.2s 1.5s ease-out both}
.wu-trace{fill:none;stroke:var(--gold-hi);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s .2s cubic-bezier(.6,.1,.3,1) forwards,fadeout .8s 2.4s forwards}
.wu-glint{animation:glint 7s 3s ease-in-out infinite}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadeout{to{opacity:0}}
@keyframes fillin{from{opacity:0}to{opacity:1}}
@keyframes glint{0%{transform:translateX(0)}40%,100%{transform:translateX(1500px)}}
.display{font:800 clamp(56px,10vw,148px)/.86 var(--disp);text-transform:uppercase;letter-spacing:-.005em;margin:0}
.lede{max-width:620px;color:var(--mute);font-size:clamp(16px,1.6vw,19px);margin:28px auto 0}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:36px 0 0}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;background:var(--gold);color:#000;text-decoration:none;font-weight:700;border:1px solid var(--gold);
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .2s}
.btn:hover{background:var(--gold-hi)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line2);clip-path:none}.btn-ghost:hover{background:transparent;border-color:var(--gold);color:var(--gold)}
.hero-foot{position:relative;display:flex;align-items:center;gap:18px;color:var(--mute);margin-top:clamp(40px,8vh,90px);width:100%}
.hero-foot .line{flex:1;height:1px;background:linear-gradient(90deg,var(--line2),var(--gold-dim),var(--line2))}
.hero-foot span:not(.line)::before{content:"";display:inline-block;width:7px;height:7px;border:1.5px solid var(--gold);border-radius:50%;margin-right:10px;vertical-align:1px}
/* sections */
.section{padding:clamp(80px,12vw,150px) 0;position:relative}
.section-rule{border-top:1px solid var(--line);background:var(--bg2)}
.sec-head{margin-bottom:56px}
.h2{font:800 clamp(44px,6.4vw,92px)/.9 var(--disp);text-transform:uppercase;margin:0}
.bus{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--gold);position:relative}
.node{padding:40px 32px 8px 0;position:relative}
.node+.node{padding-left:32px;border-left:1px solid var(--line)}
.node::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)}
.node+.node::before{left:-6px}
.node-id{color:var(--gold);margin:0 0 14px}
.node h3,.code h3{font:600 clamp(28px,2.6vw,36px)/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px}
.node p:last-child,.code p{color:var(--mute);margin:0}
.split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:start}
.code{list-style:none;margin:0;padding:0;counter-reset:c;border-left:1px solid var(--line2)}
.code li{position:relative;padding:0 0 44px 40px}.code li:last-child{padding-bottom:0}
.code li::before{content:"";position:absolute;left:-6px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--bg2);border:2px solid var(--gold)}
.code li::after{content:"";position:absolute;left:5px;top:14px;width:24px;height:1px;background:var(--gold)}
.statement{padding:clamp(90px,14vw,180px) 0;border-top:1px solid var(--line);position:relative;overflow:hidden;
background:radial-gradient(ellipse 40% 60% at 100% 100%,rgba(242,177,52,.09),transparent 70%),var(--bg)}
.statement::before{content:"";position:absolute;left:0;top:-1px;width:min(38%,420px);height:2px;background:var(--gold)}
.mega{font:800 clamp(60px,11vw,170px)/.84 var(--disp);text-transform:uppercase;margin:0;position:relative}
.statement-sub{color:var(--mute);margin:36px 0 0;max-width:520px}
/* inner pages */
.page-hero{position:relative;padding:clamp(150px,22vw,240px) 0 clamp(60px,8vw,100px);border-bottom:1px solid var(--line);overflow:hidden;
background:radial-gradient(ellipse 50% 60% at 20% 60%,rgba(242,177,52,.08),transparent 70%)}
.page-hero .hero-grid{-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%)}
.page-hero .wrap{position:relative}.page-hero .lede{margin-left:0}
.prose p{color:var(--mute);margin:0 0 22px;max-width:640px}
.prose .lead{color:var(--text);font-size:clamp(20px,2vw,24px);line-height:1.45}
.spec{border:1px solid var(--line2);background:var(--bg2);position:relative}
.spec::before{content:"";position:absolute;top:-1px;left:-1px;width:40px;height:2px;background:var(--gold)}
.spec-title{color:var(--gold);margin:0;padding:16px 24px;border-bottom:1px solid var(--line2)}
.spec dl{margin:0}.spec dl div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line)}
.spec dl div:last-child{border-bottom:0}
dt{color:var(--mute);padding-top:3px}dd{margin:0}
.email{font:800 clamp(34px,6.2vw,92px)/1 var(--disp);color:var(--gold);text-decoration:none;word-break:break-word;display:inline-block;border-bottom:3px solid transparent;transition:border-color .2s}
.email:hover{border-color:var(--gold)}
.note{color:var(--mute);max-width:620px;margin-top:40px;padding-left:20px;border-left:2px solid var(--gold)}
.page-mark{position:absolute;right:max(-60px,calc(50% - 720px));top:50%;width:min(720px,52vw);transform:translateY(-42%);opacity:.16;pointer-events:none;filter:drop-shadow(0 0 30px rgba(242,177,52,.4));animation:fade0 1.4s .2s both}
@keyframes fade0{from{opacity:0}}
@media (max-width:860px){.page-mark{width:90vw;right:-20vw;opacity:.09}}
/* footer */
.site-footer{border-top:1px solid var(--line);padding:40px 0 32px;background:var(--bg)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-top .brand-name{font-size:1.15rem}
.disclaimer{color:var(--mute);font-size:13px;max-width:760px;margin:28px 0 10px}
.copyright{color:#6E727A;margin:0;font-size:11px}
@media (max-width:860px){
.bus{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--gold)}
.node,.node+.node{padding:0 0 40px 32px;border-left:0}
.node::before,.node+.node::before{top:6px;left:-6px}
.split{grid-template-columns:1fr}
.spec dl div{grid-template-columns:1fr;gap:2px}

}
@media (max-width:520px){
.nav{gap:18px}.brand-suffix{display:none}.brand{gap:.5rem}.site-header .brand-mark{height:24px}
.tag-co{display:none}.hero-foot{font-size:10px;gap:10px}
.hero{min-height:auto;padding-top:110px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.wu-trace{display:none}.wu-fill{opacity:1}}