:root{--bg:#050507;--fg:#E2E2E6;--o:#00C9E8;--navy:#1E1F59;--w:#FFFFFF;--dim:rgba(226,226,230,.5);--line:rgba(226,226,230,.18);--faint:rgba(226,226,230,.12);--grad:linear-gradient(160deg,rgba(0,201,232,.55),rgba(30,31,89,.65));--b:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
--d:'Anton','Impact','Arial Narrow',sans-serif;--m:ui-monospace,'SF Mono','Cascadia Mono',Menlo,Consolas,monospace;--pad:clamp(18px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{background:var(--bg);color:var(--fg);font-family:var(--b);font-weight:400;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--o);color:var(--bg)}
b,strong{font-weight:600}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.mono{font-family:var(--m);font-size:clamp(11px,1.5vw,13px);letter-spacing:.12em;text-transform:uppercase}
.dim{color:var(--dim)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:screen;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
#shade{position:fixed;inset:0;z-index:55;pointer-events:none;opacity:0;transition:opacity .5s;
background:radial-gradient(circle 190px at var(--mx,50%) var(--my,50%),transparent 0,rgba(5,5,7,.6) 60%,rgba(5,5,7,.97) 100%)}
body.off #shade{opacity:1}

.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:14px var(--pad);color:var(--w)}
.brand{font-family:var(--d);font-size:22px;letter-spacing:.04em}
.brand b{font-weight:400;color:var(--o)}
.bar-r{display:flex;gap:18px;align-items:center}
#uptime{display:none}
.lamp{display:flex;gap:8px;align-items:center;font-family:var(--m);font-size:11px;letter-spacing:.14em;padding:6px 0}
.lamp i{width:10px;height:10px;border-radius:50%;background:var(--o);box-shadow:0 0 12px var(--o);transition:.3s}
body.off .lamp i{background:transparent;box-shadow:none;border:1px solid var(--fg)}
@media(min-width:600px){#uptime{display:inline}}

.hero{background:radial-gradient(circle at 15% 10%,rgba(30,31,89,.55) 0,transparent 45%),radial-gradient(circle at 85% 60%,rgba(30,31,89,.4) 0,transparent 50%);position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--pad) 28px;overflow:hidden}
#field{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.boot{position:absolute;top:100px;left:var(--pad);list-style:none;color:var(--dim);z-index:2;pointer-events:none}
.boot li{min-height:1.6em;white-space:pre}
.boot li.ok::after{content:" ok";color:var(--o)}
.boot li:last-child.ok::after{content:""}
.boot li:last-child{color:var(--o)}
.giant{position:relative;z-index:2;font-family:var(--d);font-weight:400;text-transform:uppercase;line-height:.82;font-size:clamp(88px,26vw,420px);letter-spacing:-.01em;pointer-events:none;transition:opacity .6s}
.giant .row{display:block;white-space:nowrap}
.giant .row{color:#E2E2E6}
.giant .row.o{color:#00C9E8}
.giant .ch{display:inline-block;transform-origin:50% 100%;will-change:transform}
.js .giant,.js .tune{opacity:0}
.js.ready .giant{opacity:1}
.js.ready .tune{opacity:1}
.tuning .giant{opacity:.07!important}
.tune{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:28px;transition:opacity .8s .3s}
.hold{position:relative;display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border:1px solid var(--fg);font-family:var(--m);letter-spacing:.16em;font-size:13px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:color .2s,border-color .2s}
.hold::before{content:"";position:absolute;inset:0;background:var(--grad);transform:scaleX(var(--p,0));transform-origin:left;z-index:-1}
.hold{z-index:0}
.hold .ring{width:12px;height:12px;border-radius:50%;background:var(--o);animation:pulse 1.6s infinite}
.tuning .hold{color:var(--w);border-color:var(--o)}
.tuning .hold .ring{background:var(--w)}
@keyframes pulse{50%{transform:scale(1.8);opacity:.3}}
.read{color:var(--dim)}
.read b{color:var(--o);font-weight:400}
.locked .read{color:var(--o)}

.ticker{overflow:hidden;background:var(--grad);color:var(--w);font-family:var(--d);font-size:clamp(22px,4vw,42px);white-space:nowrap;padding:8px 0;transform:rotate(-1.2deg) scale(1.03);margin:30px 0}
.ticker div{display:inline-flex;animation:tick 24s linear infinite}
.ticker span{padding-right:.3em}
@keyframes tick{to{transform:translateX(-50%)}}

section:not(.hero){padding:clamp(70px,12vw,170px) var(--pad)}
.tag{color:var(--o);margin-bottom:28px}
.huge{font-family:var(--d);font-weight:400;font-size:clamp(56px,15vw,240px);line-height:.88;text-transform:uppercase}
.lede{font-family:var(--b);max-width:560px;margin:26px 0 48px;color:var(--dim);font-size:15px;letter-spacing:0;text-transform:none}
.lede.mono{font-family:var(--m);font-size:12px;text-transform:uppercase;letter-spacing:.1em}

.q{font-size:clamp(17px,2.2vw,26px);max-width:620px;margin-bottom:30px}
.steps{list-style:none;font-family:var(--d);text-transform:uppercase;font-size:clamp(64px,17vw,290px);line-height:.9}
.steps li{display:flex;align-items:flex-start;gap:clamp(10px,2vw,30px);border-top:1px solid var(--line);padding:.04em 0}
.steps li span{color:var(--o);padding-top:.5em;font-size:12px;min-width:1.5em}
.steps li.o{color:var(--o)}
.steps li{transition:padding-left .4s}
.steps li:hover{padding-left:.15em}
.small{font-family:var(--b);margin-top:40px;color:var(--dim);max-width:520px;text-transform:none;letter-spacing:0;font-size:14px}

.bands{list-style:none;border-bottom:1px solid var(--fg)}
.bands li{display:grid;grid-template-columns:1fr;gap:6px;align-items:center;padding:20px 0;border-top:1px solid var(--fg);transition:background .25s,color .25s,padding .25s}
.bands b{font-family:var(--d);font-weight:400;font-size:clamp(48px,11vw,170px);line-height:.95}
.bands p{max-width:440px;font-size:14px}
.bands li:hover{background:var(--grad);color:var(--w);padding-left:16px;padding-right:16px}
.bands li:nth-child(even):hover{background:linear-gradient(200deg,rgba(0,201,232,.55),rgba(30,31,89,.65))}
@media(min-width:800px){.bands li{grid-template-columns:1.2fr 1fr;gap:30px}}

.log{list-style:none;border-bottom:1px solid var(--line)}
.log li{border-top:1px solid var(--line)}
.log a,.log li>div{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"id id ar" "nm nm nm" "url url url";gap:4px 12px;padding:22px 6px;transition:background .15s,color .15s}
.id{grid-area:id;color:var(--o)}
.nm{grid-area:nm;font-family:var(--d);font-size:clamp(40px,8vw,110px);line-height:1;text-transform:uppercase}
.url{grid-area:url;color:var(--dim)}
.ar{grid-area:ar;font-size:28px;justify-self:end;transition:transform .25s}
.log a:hover,.log a:focus-visible{background:var(--grad);color:var(--w)}
.log a:hover .id,.log a:hover .url,.log a:focus-visible .id,.log a:focus-visible .url{color:var(--w)}
.log a:hover .ar{transform:translate(6px,-6px) rotate(15deg)}
@media(min-width:800px){.log a,.log li>div{grid-template-columns:110px 1fr auto 50px;grid-template-areas:"id nm url ar";align-items:center;padding:20px 14px}}
.enc .redact{font-style:normal;background:var(--navy);color:var(--navy);padding:0 .2em;user-select:none;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,201,232,.25) 6px 12px)}
.enc em{font-family:var(--m);font-style:normal;font-size:11px;color:var(--o);letter-spacing:.14em;vertical-align:middle;margin-left:8px}
.enc .url{color:var(--w)}

.foot{padding:clamp(80px,14vw,190px) var(--pad) 40px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:22px}
.next{font-size:clamp(13px,3.4vw,20px)}
.next b{color:var(--o);font-weight:400}
.blink{animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.more{font-family:var(--d);font-size:clamp(46px,11vw,170px);line-height:.92;text-transform:uppercase}
.hint{margin-top:30px}

.egg{position:fixed;inset:0;z-index:100;background:var(--grad),var(--bg);color:var(--w);display:grid;place-items:center;padding:var(--pad);text-align:left;cursor:pointer;animation:eggin .35s cubic-bezier(.2,.9,.2,1)}
.egg[hidden]{display:none}
.egg .big{font-family:var(--d);font-size:clamp(80px,22vw,360px);line-height:.88;margin:16px 0 22px}
.egg .mono{max-width:560px}
@keyframes eggin{from{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}

.js .rv{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.js .rv{opacity:1;transform:none}
.ticker div{animation:none}
.blink{animation:none}
}

.bar{transition:background .25s,border-color .25s}
.bar.solid{mix-blend-mode:normal;background:var(--bg);color:var(--fg);border-bottom:1px solid var(--line)}
.rig{position:absolute;z-index:2;top:110px;right:var(--pad);width:92px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--dim);font-size:10px;text-align:center;pointer-events:none;transition:opacity .6s}
.js .rig{opacity:0}.js.ready .rig{opacity:1}.tuning .rig{opacity:.25}
.rig .m{display:flex;align-items:flex-end;gap:4px;height:90px;width:100%;border-bottom:1px solid var(--line)}
.rig .m i{flex:1;background:linear-gradient(0deg,var(--navy),var(--o));min-height:2px;transition:height .14s linear}
.rig .eta{letter-spacing:.1em;line-height:1.4}
.rig .cmp{color:var(--fg)}
.rig .nd{fill:var(--o)}
body.off .lamp i{border-color:var(--o)}
.rig .nd{transform-origin:20px 20px;animation:sweep 9s ease-in-out infinite}
@keyframes sweep{0%{transform:rotate(0)}30%{transform:rotate(140deg)}55%{transform:rotate(-70deg)}80%{transform:rotate(200deg)}100%{transform:rotate(360deg)}}
@media(max-width:699px){.rig{display:none}}
@media(prefers-reduced-motion:reduce){.rig .nd{animation:none}}

.wk{grid-area:wk;font-family:var(--b);font-size:14px;color:var(--dim);max-width:420px}
.log a:hover .wk,.log a:focus-visible .wk{color:var(--w)}
.log a,.log li>div{grid-template-areas:"id id ar" "nm nm nm" "wk wk wk" "url url url"}
@media(min-width:800px){.log a,.log li>div{grid-template-columns:110px 1fr 1fr auto 50px;grid-template-areas:"id nm wk url ar"}}
.enc .wk{color:var(--fg)}

/* transmissions: grid + archive */
.txg{margin-top:8px}
.tgrid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.tile{background:var(--bg)}
.tile a,.tile>div{position:relative;display:grid;grid-template-columns:1fr 34px;grid-template-areas:"id gl" "tn tn" "p p" "tg tg";gap:6px 10px;padding:14px;height:100%;transition:background .15s,color .15s}
.tile .id{grid-area:id}.tile .gl{grid-area:gl;width:34px;height:34px}
.tn{grid-area:tn;font-family:var(--d);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1;text-transform:uppercase}
.tile p{grid-area:p;font-size:13px;line-height:1.4;color:var(--dim)}
.tg{grid-area:tg;display:flex;flex-wrap:wrap;gap:4px;align-self:end;margin-top:4px}
.tg i{font-style:normal;font-size:10px;letter-spacing:.1em;padding:1px 6px;border:1px solid var(--line);color:var(--dim)}
.tile a:hover,.tile a:focus-visible{background:var(--grad);color:var(--w)}
.tile a:hover .id,.tile a:hover p,.tile a:focus-visible p{color:var(--w)}
.gx{filter:grayscale(1);opacity:.4}
.tile.pend .id{color:var(--dim)}
.cur{display:inline-block;width:.55em;height:1em;margin-left:3px;vertical-align:-.15em;background:var(--o);animation:curblink 2.4s steps(1) infinite}
@keyframes curblink{50%{opacity:0}}
.redact{font-style:normal;background:var(--navy);color:var(--navy);padding:0 .2em;user-select:none;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,201,232,.25) 6px 12px)}
.tile.enc>div{background-image:repeating-linear-gradient(0deg,rgba(0,201,232,.07) 0 1px,transparent 1px 4px)}
.tile.enc p{color:var(--fg)}
.txc{margin:28px 0 14px;color:var(--o)}
.txb{display:flex;flex-wrap:wrap;gap:14px}
.txbtn{padding:14px 22px;border:1px solid var(--fg);font-family:var(--m);letter-spacing:.16em;font-size:13px;transition:background .2s,color .2s,border-color .2s}
.txbtn:hover{background:var(--fg);color:var(--bg)}
.arc{position:fixed;inset:0;z-index:80;background:var(--bg);color:var(--fg);display:flex;flex-direction:column;padding:16px var(--pad) 0;overflow:hidden}
.arc[hidden]{display:none}
.ah{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;color:var(--o)}
.ax,.as{padding:8px 12px;border:1px solid var(--line)}
.ax:hover,.as:hover{border-color:var(--o)}
.ac{display:flex;gap:10px}
.aq{flex:1;min-width:0;background:none;border:1px solid var(--fg);color:var(--fg);padding:12px 14px;border-radius:0;outline:0}
.aq:focus{border-color:var(--o)}
.ach{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.chip{padding:3px 10px;border:1px solid var(--line);font-size:11px}
.chip[aria-pressed=true]{background:var(--o);border-color:var(--o);color:var(--bg)}
.arc-n{margin:6px 0}
.arows{list-style:none;flex:1;overflow-y:auto;border-top:1px solid var(--fg);contain:content;overscroll-behavior:contain}
.ar{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"id rn rd" "rb rb rb" "tg tg tg";gap:2px 12px;align-items:baseline;padding:10px 6px;border-bottom:1px solid var(--line);cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 76px}
.ar .id{grid-area:id}.rn{grid-area:rn;font-weight:600;font-size:15px}.rb{grid-area:rb;font-size:13px;color:var(--dim)}.ar .tg{grid-area:tg;margin:2px 0 0}.rd{grid-area:rd;color:var(--dim)}
.ar.enc{cursor:default}.ar.enc .rb{color:var(--fg)}
.ar:hover,.ar.sel{background:var(--grad);color:var(--w)}
.ar.sel{outline:1px solid var(--o);outline-offset:-1px}
.none{padding:30px 6px;color:var(--dim)}
.ar{justify-self:stretch;font-size:inherit;text-align:left}
.ar .gl{display:none;grid-area:gl}
@media(min-width:800px){.ar{grid-template-columns:80px 24px 220px 1fr auto 100px;grid-template-areas:"id gl rn rb tg rd";gap:14px;width:100%;padding:9px 10px;align-items:center;justify-items:start;contain-intrinsic-size:auto 40px}.ar .gl{display:block;width:24px;height:24px}.ar .tg{margin:0;justify-self:end}.rd{justify-self:start}.rb,.rn{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(min-width:700px){.tgrid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.tgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:699px){.tgrid{grid-template-columns:repeat(2,1fr)}.tile a,.tile>div{grid-template-columns:1fr 26px;grid-template-areas:"id gl" "tn tn" "p p";padding:10px}.tile .gl{width:26px;height:26px}.tn{font-size:22px}.tile p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile .tg{display:none}}
@media(prefers-reduced-motion:reduce){.tile a,.txbtn{transition:none}.cur{animation:none}}
.brand{display:inline-flex;align-items:center;line-height:0}.brand .wm{height:38px;width:auto;display:block}
@media (max-width:700px){.brand .wm{height:28px}}