:root{ --accent:#00e5c0; --ink:#e6ecec; --muted:#7e8c92; --faint:#5d696e; --panel:rgba(255,255,255,.035); --line:rgba(255,255,255,.08);
  --topbar-bg:rgba(4,8,10,.7); --topbar-border:rgba(255,255,255,.08); --topbar-hover:rgba(0,229,192,.08);
  --text:#e6ecec; --video-opacity:0.35; }
body{font-family:'Space Grotesk',system-ui,sans-serif;color:var(--ink);background:#04080a;-webkit-font-smoothing:antialiased}
.bg-video{position:fixed;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:var(--video-opacity)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,8,10,.72),rgba(4,8,10,.82) 45%,rgba(4,8,10,.97))}
.wrap{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:96px 32px 80px}

.eq{display:flex;align-items:flex-end;gap:3px;height:24px;margin-bottom:22px}
.eq i{width:4px;background:var(--accent);border-radius:2px;animation:eq .9s ease-in-out infinite alternate}
.eq i:nth-child(1){height:9px;animation-delay:0s}.eq i:nth-child(2){height:18px;animation-delay:.1s}.eq i:nth-child(3){height:24px;animation-delay:.2s}.eq i:nth-child(4){height:12px;animation-delay:.3s}.eq i:nth-child(5){height:20px;animation-delay:.15s}.eq i:nth-child(6){height:7px;animation-delay:.25s}.eq i:nth-child(7){height:15px;animation-delay:.05s}
@keyframes eq{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.eq i{animation:none}}
.eyebrow{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
h1{font-weight:700;font-size:52px;letter-spacing:-.025em;line-height:1}
.lede{font-size:15.5px;color:var(--muted);max-width:48ch;margin-top:14px;line-height:1.6}

.seg{display:inline-flex;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:3px;margin:34px 0 20px}
.seg button{font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;color:var(--muted);background:none;border:0;cursor:pointer;padding:7px 16px;border-radius:999px;transition:.15s}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--accent);color:#04201c}

.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px 6px 8px}
.ptitle{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:14px 14px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}
.srow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .15s}
.srow:hover{background:rgba(0,229,192,.05)}
.srank{font-family:'Space Mono',monospace;font-size:13px;font-weight:700;color:var(--accent);width:18px;text-align:center;flex-shrink:0}
.sart{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,.06)}
.sart-ph{display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:12px;color:var(--faint);width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.06);flex-shrink:0}
.sico{width:38px;height:38px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(0,229,192,.07);color:var(--accent)}
.sinfo{min-width:0;flex:1}
.sname{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.slink{font-family:'Space Mono',monospace;font-size:11px;color:var(--accent);text-decoration:none;opacity:.5;transition:.15s;flex-shrink:0}
.srow:hover .slink{opacity:1}

.rewind{margin-top:46px}
.rewind .eyebrow{margin-bottom:8px}
.rewind h2{font-weight:700;font-size:26px;letter-spacing:-.015em;margin-bottom:6px}
.rewind .sub{font-size:14px;color:var(--muted);margin-bottom:20px}
.updated{font-family:'Space Mono',monospace;font-size:11px;color:var(--faint);margin-top:40px}
@media(max-width:640px){.cols{grid-template-columns:1fr}h1{font-size:40px}}