:root{--bg:#070b14;--panel:#0c1321;--line:#26354b;--text:#f3f6fb;--muted:#8d9aae;--acid:#8cff6a;--red:#ff5964;--blue:#3f74ff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.shell{height:100dvh;display:grid;grid-template-rows:58px 1fr 34px;max-width:1800px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#080d17cc;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:900;letter-spacing:.08em}.brand img{width:34px;height:34px;object-fit:contain}.brand b{font-size:11px;color:var(--acid);border:1px solid #35543c;padding:5px 7px}.signal{display:flex;align-items:center;gap:8px;font:700 10px/1 monospace;letter-spacing:.16em;color:#9bb0c7}.signal i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid);animation:pulse 1.4s infinite}.stage{min-height:0;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.45fr) 170px;gap:14px;padding:14px}.hero-copy,.scope,.strip{border:1px solid var(--line);background:var(--panel);min-height:0;position:relative;overflow:hidden}.hero-copy{padding:clamp(22px,3vw,52px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 10% 15%,#172942 0,transparent 42%),linear-gradient(145deg,#0c1321,#080c14)}.eyebrow{font:700 10px/1 monospace;letter-spacing:.18em;color:var(--acid);margin-bottom:18px}.hero-copy h1{font-size:clamp(36px,4.7vw,78px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:760px}.hero-copy h1 span{color:#cdd7e7}.hero-copy p{max-width:530px;color:#9ca9bb;font-size:clamp(12px,1.1vw,16px);line-height:1.55;margin:20px 0}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn{appearance:none;border:1px solid #33445e;background:#101a2a;color:#f5f7fb;text-decoration:none;padding:12px 16px;font-weight:900;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:.2s;min-width:76px;text-align:center}.btn:hover{transform:translateY(-2px);border-color:#7286a4;background:#162337}.btn.primary{background:var(--acid);border-color:var(--acid);color:#08100a;box-shadow:0 0 24px #8cff6a22}.btn small{font-size:8px;color:#8391a5;margin-left:5px}.btn[aria-disabled="true"]{opacity:.65;cursor:default}.ca{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:min(100%,540px);background:#080d16;border:1px solid #243249;color:#93a1b5;padding:9px 11px;cursor:pointer;text-align:left}.ca span,.ca b{font:800 9px/1 monospace;letter-spacing:.12em}.ca span{color:var(--acid)}.ca b{color:#c8d2df}.ca code{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope{background:#03060a}.scope>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04);transition:opacity .18s ease,transform 1.5s ease}.scope:hover>img{transform:scale(1.018)}.scope:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06101c44,transparent 40%,#07111d20);pointer-events:none}.scope-frame{position:absolute;inset:14px;z-index:4;pointer-events:none}.scope-frame i{position:absolute;width:24px;height:24px;border-color:var(--acid);opacity:.75}.scope-frame i:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}.scope-frame i:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}.scope-frame i:nth-child(3){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}.scope-frame i:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.scanline{position:absolute;z-index:3;left:0;right:0;height:1px;background:#8cff6a99;box-shadow:0 0 12px #8cff6a66;animation:scan 5s linear infinite}.scope-tag{position:absolute;z-index:5;left:24px;bottom:22px;background:#071019d9;border:1px solid #33455f;padding:7px 9px;font:700 9px/1 monospace;letter-spacing:.14em;color:#c8d2df}.strip{padding:10px;display:grid;grid-template-rows:auto 1fr}.strip-head{display:flex;justify-content:space-between;align-items:center;font:800 8px/1 monospace;letter-spacing:.08em;color:#8ea0b7;padding:2px 1px 8px}.strip-head b{color:var(--acid)}.frames{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);gap:6px}.frame{padding:0;border:1px solid #223148;background:#0a101b;overflow:hidden;cursor:pointer;position:relative}.frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72) brightness(.72);transition:.2s}.frame:hover img,.frame.active img{filter:saturate(1) brightness(1)}.frame.active{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid)}.ticker{overflow:hidden;border-top:1px solid var(--line);display:flex;align-items:center;background:#0a1019;color:#7f8ca0;font:800 9px/1 monospace;letter-spacing:.16em;white-space:nowrap}.ticker div{min-width:max-content;animation:ticker 28s linear infinite}.ticker span{color:var(--acid);margin:0 16px}@keyframes scan{0%{top:8%}50%{top:92%}100%{top:8%}}@keyframes pulse{50%{opacity:.35}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){.shell{grid-template-rows:50px 1fr 28px}.topbar{padding:0 12px}.brand span{font-size:12px}.signal span{display:none}.stage{grid-template-columns:1fr;grid-template-rows:42% 1fr 82px;padding:8px;gap:8px}.scope{grid-row:1}.hero-copy{grid-row:2;padding:16px;justify-content:flex-start}.hero-copy h1{font-size:clamp(30px,10vw,52px)}.hero-copy p{font-size:11px;margin:10px 0}.eyebrow{margin-bottom:10px}.actions{gap:5px}.btn{padding:9px 10px;font-size:10px;min-width:60px}.ca{margin-top:7px;padding:7px 8px}.strip{grid-row:3;padding:6px}.strip-head{display:none}.frames{display:flex;overflow-x:auto;gap:5px}.frame{flex:0 0 74px}.scope-tag{left:14px;bottom:12px}.ticker{font-size:8px}}
@media(max-height:700px) and (min-width:901px){.hero-copy{padding:24px}.hero-copy p{margin:12px 0}.hero-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}