:root{--paper:#DDE1E6;--card:#F4F6F8;--ink:#0B0F14;--muted:#6C7683;--rule:#BFC7D0;
--live:#FF4500;--dead:#98A1AB;--maxw:1080px}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:"IBM Plex Sans",system-ui,"Noto Sans Arabic","Noto Sans",sans-serif;font-size:16px;line-height:1.55}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
a{color:inherit}
.mast{border-bottom:2px solid var(--ink);padding:20px 0 0}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-family:"IBM Plex Mono",monospace;
font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule)}
.crumbs a:hover{color:var(--ink);border-color:var(--ink)}
.status{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.status .dot{width:7px;height:7px;background:var(--dead);border-radius:50%}
.hero{padding:34px 0 30px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.icon{border:1px solid var(--rule);background:var(--card);display:block;margin:0 0 14px;width:56px;height:56px;object-fit:cover}
h1{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(40px,9vw,104px);line-height:.86;
letter-spacing:-.035em;margin:0 0 14px;overflow-wrap:anywhere}
.roomtopic{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted);margin:0 0 16px}
.sub{font-size:clamp(16px,2.2vw,20px);max-width:48ch;margin:0}
.sub b{font-weight:600}
.lifespan{text-align:right;font-family:"IBM Plex Mono",monospace;font-size:12px;line-height:1.9;
color:var(--muted);white-space:nowrap}
.lifespan b{display:block;font-size:24px;color:var(--ink);font-weight:600;letter-spacing:-.02em}
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.strip div{padding:16px 14px 15px;border-right:1px solid var(--rule)}
.strip div:last-child{border-right:0}
.strip .n{font-family:Archivo,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.02em;display:block}
.strip .l{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
color:var(--muted);display:block;margin-top:5px}
section{padding:52px 0;border-bottom:1px solid var(--rule)}
.capture{margin-top:26px;max-width:52ch}
.capture label{display:block;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.11em;
text-transform:uppercase;color:var(--muted);margin:0 0 9px}
.capture .row{display:flex;gap:9px;flex-wrap:wrap}
.capture input[type=email]{flex:1 1 220px;min-width:0;padding:12px 13px;font:inherit;font-size:15px;
color:var(--ink);background:var(--card);border:1px solid var(--ink);border-radius:0}
.capture input[type=email]:focus-visible,.capture button:focus-visible,a:focus-visible{outline:2px solid var(--live);outline-offset:2px}
.capture button{cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);
font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.09em;text-transform:uppercase;padding:12px 18px}
.capture button:hover{background:var(--live);border-color:var(--live)}
.capture textarea{flex:1 1 100%;padding:12px 13px;font:inherit;font-size:15px;color:var(--ink);
background:var(--card);border:1px solid var(--ink);border-radius:0;resize:vertical}
.capture .fine{font-size:13px;color:var(--muted);margin:11px 0 0;max-width:48ch}
.capture .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.stubs,.dir{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.stubs li,.dir li{border-bottom:1px solid var(--rule)}
.stubs li,.dir li a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
padding:11px 2px;text-decoration:none;flex-wrap:wrap}
.dir li a:hover{background:var(--card)}
.cens{font-family:"IBM Plex Mono",monospace;font-size:.85em;letter-spacing:.04em;
background:var(--rule);color:var(--muted);padding:0 5px;border-radius:2px}
.cn{font-weight:600}
.cm{font-size:12px;color:var(--muted);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.eyebrow{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
color:var(--muted);margin:0 0 12px}
h2{font-family:Archivo,sans-serif;font-weight:700;font-size:clamp(24px,3.4vw,36px);letter-spacing:-.025em;
line-height:1.08;margin:0 0 14px;max-width:24ch}
.lede{font-size:17px;max-width:62ch;margin:0 0 28px;color:#2B333C}
.lede b{font-weight:600;color:var(--ink)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.ribbon-frame{background:var(--card);border:1px solid var(--rule);padding:24px 20px 14px}
.ribbon{display:flex;align-items:flex-end;gap:1px;height:170px}
.bar{flex:1 1 0;min-width:0;background:var(--live)}
.bar.mid{opacity:.45}.bar.low{background:var(--dead)}
.axis{display:flex;justify-content:space-between;margin-top:9px;padding-top:8px;border-top:1px solid var(--rule);
font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-family:"IBM Plex Mono",monospace;
font-size:11px;color:var(--muted)}
.legend i{display:inline-block;width:22px;height:9px;margin-right:7px;vertical-align:-1px;font-style:normal}
.clock{display:flex;align-items:flex-end;gap:2px;height:120px;border-bottom:1px solid var(--ink)}
.clock div{flex:1;background:var(--live)}
.clocklab{display:flex;justify-content:space-between;margin-top:7px;font-family:"IBM Plex Mono",monospace;
font-size:10px;color:var(--muted)}
.churn{display:flex;flex-direction:column;gap:10px}
.crow{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;
font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--muted)}
.cbars{display:flex;flex-direction:column;gap:3px}
.cin{height:11px;background:var(--live)}.cout{height:11px;background:var(--dead)}
.crow.flip .cin{background:var(--dead);opacity:.5}.crow.flip .cout{background:var(--ink)}
.cban{height:11px;background:var(--ink)}
.sn{display:flex;height:54px;border:1px solid var(--ink);margin-bottom:14px}
.sn div{display:flex;align-items:center;justify-content:center;font-family:"IBM Plex Mono",monospace;
font-size:11px;letter-spacing:.08em;color:#fff;overflow:hidden;white-space:nowrap}
.sn .noise{background:var(--dead)}.sn .sig{background:var(--live);flex:1}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
color:var(--muted);text-align:left;font-weight:500;padding:0 0 9px;border-bottom:1px solid var(--ink)}
td{padding:9px 0;border-bottom:1px solid var(--rule)}
td.num{font-family:"IBM Plex Mono",monospace;text-align:right;width:78px}
.who{font-weight:500;overflow-wrap:anywhere}
.tinybar{height:6px;background:var(--live);display:block;margin-top:4px}
.gone{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
color:var(--muted);border:1px solid var(--rule);padding:1px 5px;margin-left:7px;white-space:nowrap;
vertical-align:1px}
.notice{background:var(--card);border-left:3px solid var(--dead);padding:14px 18px;margin:0 0 26px;
font-size:14px;color:#2B333C;max-width:64ch}
.notice b{font-weight:600;color:var(--ink)}
.rx{display:flex;flex-direction:column;gap:10px}
.rxrow{display:grid;grid-template-columns:118px 1fr 52px;gap:12px;align-items:center;
font-family:"IBM Plex Mono",monospace;font-size:11.5px}
.rxrow img{width:17px;height:17px;vertical-align:-4px;margin-right:6px}
.rxbar{height:13px;background:var(--live)}
.rxrow .c{text-align:right;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{font-family:"IBM Plex Mono",monospace;font-size:11px;background:var(--card);border:1px solid var(--rule);
padding:5px 9px}
.chip b{font-weight:600;color:var(--muted);margin-left:6px}
.tape{background:var(--card);border:1px solid var(--rule);padding:6px 0}
.msg{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:8px 20px;align-items:baseline}
.msg+.msg{border-top:1px solid #E4E8EC}
.msg time{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--muted)}
.msg .u{font-weight:600;font-size:13px;display:block;overflow-wrap:anywhere}
.msg .t{font-size:15px;overflow-wrap:anywhere}
.msg .shot{display:block;margin-top:6px;max-width:min(100%,300px);height:auto;border:1px solid var(--rule);background:var(--card)}
.msg .att{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted);border:1px dashed var(--rule);
padding:2px 7px;display:inline-block}
.terminal{border-top:2px solid var(--ink);margin-top:12px;padding:14px 20px;font-family:"IBM Plex Mono",monospace;
font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:var(--card)}
.cta{background:var(--ink);color:var(--paper);padding:42px 0}
.cta .wrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.cta h3{font-family:Archivo,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.02em;margin:0 0 8px;color:#fff}
.cta p{margin:0;color:#A9B3BE;max-width:54ch;font-size:15px}
.btn{display:inline-block;background:var(--live);color:#fff;text-decoration:none;font-family:"IBM Plex Mono",monospace;
font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:15px 26px;white-space:nowrap}
.btn:hover{background:#fff;color:var(--ink)}
.btn.ghost{background:transparent;border:1px solid #414C57;color:#fff}
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.rel a{display:block;background:var(--card);border:1px solid var(--rule);padding:16px;text-decoration:none}
.rel a:hover{border-color:var(--ink)}
.rel .k{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
color:var(--muted);display:block;margin-bottom:6px}
.rel .v{font-weight:600;font-size:15px;display:block}
.rel .m{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--muted);display:block;margin-top:8px}
footer{padding:38px 0 60px;font-size:13px;color:var(--muted)}
footer p{max-width:72ch;margin:0 0 12px}
[dir=rtl] .lede,[dir=rtl] .msg .t,[dir=rtl] h1,[dir=rtl] h2{text-align:right}
@media(max-width:860px){
.hero{grid-template-columns:1fr;align-items:start}.lifespan{text-align:left}
.cols{grid-template-columns:1fr;gap:44px}.cta .wrap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}