@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#020405;--panel:#071014;--line:#1d4a42;--green:#35ff95;--violet:#9a6cff;--cyan:#66dcff;--text:#e9f8f2;--muted:#8ca39b}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 8% 0,#0b3023,transparent 30rem),radial-gradient(circle at 92% 5%,#281947,transparent 34rem),linear-gradient(180deg,#020405,#04090a 60%,#020405);color:var(--text);font:13px/1.65 'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:linear-gradient(#35ff9508 1px,transparent 1px),linear-gradient(90deg,#9a6cff09 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent 90%)}a{color:inherit}nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(20px,5vw);position:sticky;top:0;z-index:30;background:#020405e8;border-bottom:1px solid #21443c;backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;letter-spacing:.12em}.wordmark b,.eyebrow,.ticker b,.rail i,.ladder .done{color:var(--green)}.sigil{display:grid;place-items:center;width:34px;height:34px;border:1px solid #9a6cff88;color:var(--violet);font-size:22px;box-shadow:inset 0 0 18px #9a6cff12,0 0 20px #9a6cff0c}.navlinks{display:flex;gap:20px;font-size:10px;letter-spacing:.1em}.navlinks a{text-decoration:none;color:#a8bbb5}.navlinks a:hover{color:var(--green)}.live{font-size:9px;color:#7e948c;letter-spacing:.12em}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 12px var(--violet);margin-right:7px;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}main{width:min(1280px,calc(100% - 32px));margin:auto}.hero{min-height:700px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:48px;padding:54px 0 64px}.eyebrow{letter-spacing:.2em;font-size:10px}.hero h1{font-size:clamp(46px,6.5vw,90px);line-height:.91;letter-spacing:-.05em;margin:15px 0 21px}.hero h1 span{color:var(--violet);text-shadow:0 0 36px #9a6cff2b}.copy>p:not(.eyebrow){max-width:670px;color:#a8bcb5;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border:1px solid #35ff9588;background:linear-gradient(90deg,#0a3a29,#13233a);text-decoration:none;font-weight:700;letter-spacing:.04em}.button:hover{box-shadow:0 0 30px #35ff951d}.button.alt{border-color:#9a6cff88;background:#140d25}.field{position:relative;min-height:520px;border:1px solid #3c2c63;background:radial-gradient(circle at 50% 44%,#1b123488,#020405 68%);overflow:hidden;box-shadow:0 30px 100px #000a,0 0 64px #9a6cff10}.field:before,.field:after{content:'';position:absolute;pointer-events:none;z-index:2}.field:before{inset:0;background:linear-gradient(90deg,#35ff9506 1px,transparent 1px),linear-gradient(#9a6cff08 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#0008,transparent 75%)}.field:after{inset:12px;border:1px solid #9a6cff24;clip-path:polygon(0 0,16% 0,16% 1px,1px 1px,1px 16%,0 16%,0 0,84% 0,100% 0,100% 16%,calc(100% - 1px) 16%,calc(100% - 1px) 1px,84% 1px)}.field canvas{position:absolute;inset:0;width:100%;height:100%}.field-hud,.field-focus,.field-corner{position:absolute;z-index:4;pointer-events:none}.field-hud{top:15px;left:17px;right:17px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#7f968e}.field-hud span:last-child{color:var(--violet)}.field-focus{left:18px;bottom:18px;padding:12px 14px;border-left:2px solid var(--violet);background:#020405a6;backdrop-filter:blur(8px)}.field-focus small,.field-focus span{display:block;color:#7e958c;font-size:8px;letter-spacing:.12em}.field-focus strong{display:block;color:#f1eaff;font-size:16px;margin:3px 0}.field-corner{right:18px;bottom:18px;text-align:right;color:#6f6680;font-size:8px;letter-spacing:.1em}.ticker{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #1d433c}.ticker span{text-align:center;padding:16px 8px;color:#839a92;font-size:10px;letter-spacing:.1em}.ticker span+span{border-left:1px solid #173832}.section{padding:90px 0 15px}.section h2,.final h2{font-size:clamp(29px,4vw,54px);line-height:1.05;margin:8px 0 28px}.grid{display:grid;gap:12px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}article,.snapshot>div,.rail>div{position:relative;border:1px solid #193d37;background:linear-gradient(180deg,#0a1519ed,#061013ed);padding:22px;box-shadow:inset 0 1px #ffffff08}article:before,.rail>div:before{content:'';position:absolute;left:-1px;top:22px;width:2px;height:30px;background:#9a6cff55}article b,.rail b{color:#ddf8ed}.grid p,.rail p,.snapshot p,.final p{color:#8ea49c}.rail{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rail i{font-style:normal;font-size:10px;display:block;margin-bottom:30px}.rail b{display:block;font-size:14px}.ladder{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #1d433c;margin-bottom:14px}.ladder span{padding:16px 10px;text-align:center;color:#71857f;font-size:9px;letter-spacing:.08em}.ladder span+span{border-left:1px solid #173832}.ladder .done{background:#35ff9508}.snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.snapshot small{color:#8da39c}.snapshot strong{display:block;font-size:40px;color:var(--green);margin:5px 0}.final{margin:75px 0 80px;padding:44px;border:1px solid #3a3152;background:linear-gradient(120deg,#07140fdd,#140d24dd);box-shadow:inset 0 1px #ffffff08}footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(20px,5vw);border-top:1px solid #1c3b36;color:#718680;font-size:9px;letter-spacing:.1em}@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:0}.field{min-height:470px}.four,.three,.rail{grid-template-columns:1fr 1fr}.ticker{grid-template-columns:1fr 1fr}.ladder{grid-template-columns:1fr 1fr 1fr}.live{display:none}}@media(max-width:700px){.navlinks{display:none}.four,.three,.rail,.snapshot{grid-template-columns:1fr}.ticker,.ladder{grid-template-columns:1fr}.ticker span+span,.ladder span+span{border-left:0;border-top:1px solid #173832}.hero h1{font-size:48px}.field{min-height:390px}.field-corner{display:none}.final{padding:26px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}