
:root{color-scheme:dark;--bg:#0a0e0f;--panel:#111719;--panel2:#172022;--edge:#2a3536;--ink:#f0f4ee;--muted:#a6b2af;--accent:#c3ff51;--cyan:#48d8ff;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(30px,3.3vw,48px);font-weight:800;margin-bottom:22px}h3{font-size:22px;letter-spacing:-.025em}em{color:var(--accent);font-style:normal}.muted{color:var(--muted);font-size:13px}.eyebrow{font:600 11px/1.6 Consolas,monospace;letter-spacing:.15em;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 19px;min-height:42px;font-size:13px;font-weight:650;border:1px solid #4a5858;background:#111719;border-radius:4px;transition:background .18s,transform .18s,color .18s}.button:hover{background:#263232;border-color:var(--accent);transform:translateY(-2px)}.button.primary{color:#10170b;background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:#dcff9d;box-shadow:0 0 28px #c3ff5122}.plain-link{font-size:13px;color:var(--ink)}.plain-link:hover{color:var(--accent)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--panel);padding:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;height:82px;padding:0 max(4vw,24px);border-bottom:1px solid var(--edge);background:#0b1011}.wordmark{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:900;font-style:italic;line-height:1}.wordmark img{filter:brightness(0) saturate(100%) invert(91%) sepia(57%) saturate(521%) hue-rotate(25deg)}.wordmark small{display:block;font:600 8px/1.8 Segoe UI,sans-serif;letter-spacing:.12em;color:#acb8b2}.topbar nav,.top-actions{display:flex;align-items:center;gap:28px}.topbar nav a{font-size:13px;color:#b5c0bc}.topbar nav a:hover{color:var(--accent)}.tactical-hero{position:relative;min-height:610px;overflow:hidden;border-bottom:1px solid var(--edge)}.key-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:65% 45%;animation:hero-settle 1s ease-out both}.tactical-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e0fee,transparent 75%);pointer-events:none}.hero-grid{position:absolute;inset:20px;z-index:1;border:1px solid #c3ff511c;background:linear-gradient(90deg,transparent 49.9%,#c3ff5106 50%,transparent 50.1%);pointer-events:none}.hero-grid:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 49.8%,#c3ff5125 50%,transparent 50.2%);animation:scan 8s linear infinite}.hero-copy{position:relative;z-index:2;max-width:760px;padding:80px max(6vw,28px) 64px}.hero-copy h1{font-size:clamp(44px,5.8vw,84px);font-weight:900;line-height:1.02;letter-spacing:-.06em;margin:25px 0}.hero-lead{font-size:16px;line-height:1.7;color:#c3cec9}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 14px #c3ff51}.hero-tags{display:flex;flex-wrap:wrap;gap:24px;font:10px Consolas,monospace;color:#a1b0ac;margin-top:40px;letter-spacing:.12em}.hero-tags span:before{content:'+';color:var(--accent);margin-right:8px}.hero-coordinate{position:absolute;bottom:30px;right:40px;z-index:2;font:9px/1.9 Consolas,monospace;color:var(--muted);border-left:2px solid var(--accent);padding-left:14px;letter-spacing:.12em}.system-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 6vw;border-bottom:1px solid var(--edge);font:10px Consolas,monospace;color:var(--muted);letter-spacing:.08em}.system-strip span:first-child{color:var(--accent)}.system-strip button{background:none;border:0;color:#a6b2af;font:inherit;cursor:pointer;padding:4px}.content-section{max-width:1440px;margin:auto;padding:80px 6vw;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-heading h2{margin:12px 0 0}.section-heading>p{max-width:360px;font-size:14px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{position:relative;display:flex;flex-direction:column;align-items:start;padding:25px 22px;border:1px solid var(--edge);background:linear-gradient(145deg,#151d1e,#0f1517);border-radius:6px;transition:border-color .2s,transform .2s}.tool-card:hover{transform:translateY(-4px);border-color:#7ca536}.tool-index{font:10px Consolas,monospace;color:#83978d;letter-spacing:.08em}.tool-card h3{margin:15px 0}.tool-card p{font-size:13px;line-height:1.8;color:var(--muted)}.tool-card a,.tag{margin-top:auto;color:var(--accent);font-size:11px}.tag{font:9px Consolas,monospace;letter-spacing:.08em;color:#a5b7ae}.crosshair-demo,.code-demo,.stack-demo,.bars-demo{height:76px;display:flex;align-items:center;color:var(--accent);margin-top:8px}.crosshair-demo{font-size:60px;line-height:1}.code-demo{font:24px Consolas,monospace}.stack-demo{position:relative;width:80px}.stack-demo i{position:absolute;left:5px;top:22px;width:42px;height:27px;border:1px solid var(--accent);transform:skewY(-20deg);background:#15201b}.stack-demo i:nth-child(2){top:31px;left:13px}.stack-demo i:nth-child(3){top:40px;left:21px}.bars-demo{gap:5px}.bars-demo i{width:7px;background:var(--accent);height:20px;animation:meter 2s ease-in-out infinite alternate}.bars-demo i:nth-child(2n){height:36px;animation-delay:-.5s}.bars-demo i:nth-child(3n){height:44px;animation-delay:-1s}.cs2-section{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:radial-gradient(ellipse at 15% 100%,#c3ff5108,transparent 65%)}.cs2-section p{color:var(--muted);font-size:14px}.terminal{align-self:center;border:1px solid #3e5047;border-radius:5px;background:#090f10;box-shadow:16px 16px 0 #111b18}.terminal-bar{display:flex;justify-content:space-between;border-bottom:1px solid #2a3536;padding:11px 16px;font:10px Consolas,monospace;color:var(--accent)}.terminal pre{padding:20px;font:13px/2 Consolas,monospace;color:#d3e4d9;white-space:pre-wrap}.terminal pre span{color:#7b9286}.terminal b{color:var(--accent);font-weight:400}.terminal-foot{border-top:1px solid var(--edge);padding:10px 16px;font:9px Consolas,monospace;color:#7f9588}.cursor{animation:blink 1s steps(2) infinite}.shop-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shop-card{overflow:hidden;border:1px solid var(--edge);border-radius:6px;background:#111819;transition:transform .2s,border-color .2s}.shop-card:hover{transform:translateY(-5px);border-color:var(--accent)}.shop-card>img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover;background:#101817}.shop-card-body{padding:25px}.shop-card h3{margin:12px 0;font-size:24px}.shop-card p{min-height:48px;font-size:13px;color:var(--muted)}.shop-price{display:block;font-size:32px;font-weight:750;letter-spacing:-.04em;margin:18px 0}.shop-card .button{width:100%}.shop-note{font-size:12px;color:#899e93;border-top:1px solid var(--edge);padding-top:18px;max-width:770px}.start-section{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.start-grid b{font:34px Consolas,monospace;color:var(--accent)}.start-grid h3{margin-top:18px}.start-grid p{font-size:13px;color:var(--muted);min-height:65px}.start-grid a{font-size:12px;color:var(--accent)}.help-section{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq details{border-bottom:1px solid var(--edge);padding:18px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:600}.faq p{font-size:13px;color:var(--muted);margin:16px 0 5px}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:35px 6vw;border-top:1px solid var(--edge)}.site-footer p,.site-footer>a:not(.wordmark),.site-footer>span{font-size:12px;color:var(--muted)}.site-footer p{margin:0}.site-footer .wordmark{font-size:26px;display:block}.site-footer small{font-size:7px}@keyframes hero-settle{from{transform:scale(1.03)}to{transform:scale(1)}}@keyframes scan{from{transform:translateY(-40%)}to{transform:translateY(40%)}}@keyframes meter{to{transform:scaleY(.6)}}@keyframes blink{to{opacity:0}}.quiet *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1050px){.topbar nav{gap:18px}.tool-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding-top:65px}.hero-copy h1{font-size:60px}.tactical-hero{min-height:570px}}@media(max-width:760px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:15px;padding:18px 22px}.topbar nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--edge);padding-top:12px;gap:10px}.top-actions{gap:14px}.top-actions .button{font-size:11px;padding:7px 11px;min-height:36px}.topbar .wordmark{font-size:24px}.hero-copy h1{font-size:clamp(40px,8vw,60px)}.tactical-hero{min-height:620px}.key-art{object-position:70% center;opacity:.65}.tactical-hero:after{background:linear-gradient(90deg,#080e0fdd,#080e0f55),linear-gradient(0deg,#080e0fee,transparent 70%)}.hero-copy{padding:65px 24px}.hero-coordinate{display:none}.system-strip{flex-wrap:wrap;padding:14px 24px}.system-strip span:nth-child(2){display:none}.content-section{padding:55px 24px}.section-heading{display:block}.section-heading>p{margin-top:24px}.tool-grid,.shop-plans,.start-grid,.cs2-section,.help-section{grid-template-columns:1fr}.tool-grid{gap:12px}.tool-card{padding:22px}.tool-card p{max-width:430px}.cs2-section,.help-section{gap:30px}.shop-card>img{aspect-ratio:2.1}.start-grid{gap:30px}.start-grid p{min-height:0}.site-footer{padding:30px 24px}.terminal{box-shadow:7px 7px 0 #111b18}.top-actions .plain-link{font-size:12px}}@media(pointer:coarse){.button,.plain-link,.topbar nav a{min-height:44px;display:inline-flex;align-items:center}}
