@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--g:#00e664;--gold:#f2c15b;--ink:#040806;--dark:#0a100c;--panel:#111a14;--line:#ffffff1c;--lineg:#00e66431;--muted:#aab5ac;--white:#f5fff5;--mono:'DM Mono',monospace;--display:'Bebas Neue',Impact,sans-serif;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:14px Manrope,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 40% at 55% 0%,#00e66414,transparent 70%),linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(0deg,#ffffff03 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:266px minmax(0,1fr)}.rail{background:#0b110ddd;border-right:1px solid var(--lineg);padding:27px 17px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:30px}.logo{display:flex;align-items:center;gap:12px;padding:2px 10px;text-decoration:none;font:27px var(--display);letter-spacing:.07em}.logo-mark{display:grid;place-items:center;background:var(--g);color:#001507;border-radius:11px;width:38px;height:38px;font:29px Manrope;box-shadow:0 0 28px #00e66455}.logo strong{color:var(--g)}.rail-label,.eyebrow{font:10px var(--mono);letter-spacing:.19em;color:var(--g);text-transform:uppercase}.rail-label{padding:0 12px;margin-bottom:11px;display:block}.navset{display:grid;gap:6px}.navset a{text-decoration:none;display:flex;gap:12px;align-items:center;border-radius:10px;padding:14px;color:#bacabf;font-size:12px;font-weight:700;transition:.22s;border:1px solid transparent}.navset a:hover,.navset a[aria-current="page"]{color:#f1fff1;background:#183021;border-color:#00e66445}.nav-icon{font:14px var(--mono);color:var(--g);min-width:20px}.rail-foot{margin-top:auto;padding:16px;border:1px solid var(--lineg);background:#00e66407;border-radius:12px;color:var(--muted);line-height:1.65;font-size:11px}.rail-foot strong{display:block;color:var(--gold);margin-bottom:5px}.main{min-width:0}.top{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,4vw,52px);border-bottom:1px solid var(--line);gap:15px;position:sticky;top:0;background:#080e0ad9;backdrop-filter:blur(18px);z-index:10}.crumb{font:11px var(--mono);color:#b0bfb2;letter-spacing:.05em}.crumb b{color:var(--g)}.top-actions{display:flex;gap:8px;align-items:center}.live-pill{font:10px var(--mono);border:1px solid #ffaa5745;color:var(--gold);padding:9px 12px;border-radius:99px;white-space:nowrap}.iconbtn{background:#14221a;border:1px solid #ffffff2c;border-radius:9px;padding:10px 13px;color:white}.content{max-width:1500px;padding:clamp(25px,4vw,58px) clamp(20px,4vw,52px) 130px;margin:auto}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:end;padding-bottom:38px;border-bottom:1px solid var(--line)}h1{font:clamp(65px,8.5vw,120px)/.79 var(--display);letter-spacing:.025em;margin:17px 0 22px;text-wrap:balance}h1 em{font:italic .87em var(--serif);color:var(--g);letter-spacing:-.04em}.intro{font-size:14px;line-height:1.85;max-width:610px;color:#a6b7a9}.hero-side{padding:25px;border:1px solid var(--lineg);border-radius:16px;background:linear-gradient(145deg,#12271a,#0a110d)}.hero-side .num{font:clamp(40px,5vw,70px)/1 var(--display);letter-spacing:.03em;color:var(--g)}.hero-side .micro{color:var(--muted);font:10px var(--mono);margin:12px 0}.hero-side p{font:12px/1.7 Manrope;color:#d0e0d0}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.chip{font:10px var(--mono);padding:7px 10px;border:1px solid #ffffff2b;color:#cadad0;border-radius:99px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:44px;margin-bottom:18px}.section-top h2{font:39px/.95 var(--display);letter-spacing:.04em;margin:8px 0 0}.muted{color:var(--muted);font-size:11px}.dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.panel{min-width:0;border:1px solid var(--line);background:linear-gradient(160deg,#121b15,#0b100d);border-radius:15px;padding:clamp(20px,2.5vw,30px);position:relative;overflow:hidden;box-shadow:0 16px 50px #0003}.panel:before{content:'';position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,var(--g),transparent 50%);opacity:.5}.col7{grid-column:span 7}.col5{grid-column:span 5}.col6{grid-column:span 6}.col12{grid-column:span 12}.panel h3{font:27px var(--display);letter-spacing:.04em;margin:8px 0 12px}.panel p{color:var(--muted);line-height:1.65;font-size:12px;margin:5px 0 17px}.label{display:block;color:#d0e1d3;font:10px var(--mono);letter-spacing:.06em;margin:14px 0 7px;text-transform:uppercase}.field,.inputarea{display:block;width:100%;min-width:0;border:1px solid #ffffff33;border-radius:9px;background:#050b07!important;color:white!important;padding:13px!important;font:12px/1.55 Manrope,sans-serif!important;outline:none;transition:border-color .2s}.field:focus,.inputarea:focus{border-color:var(--g);box-shadow:0 0 0 3px #00e6641a}.inputarea{resize:vertical;min-height:130px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:13px}.btn{border:1px solid var(--g);padding:13px 19px;border-radius:9px;background:var(--g);color:#001309;font:800 11px Manrope;text-transform:uppercase;letter-spacing:.045em;transition:transform .15s,background .15s;display:inline-flex;gap:9px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px);background:#7bffaf}.btn:disabled{opacity:.5;cursor:wait}.btn.ghost{border-color:#ffffff44;background:#152019;color:#ecffee}.btn.gold{border-color:var(--gold);background:#292413;color:#ffdda2}.btnbar{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.results{margin-top:16px;padding:16px;border:1px solid #00e66428;border-radius:9px;background:#06110a;font:12px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;min-height:52px;color:#b5f8c5}.results.error{border-color:#f2c15b5e;color:#ffd69c}.results.ok{border-color:#00e66486}.stat-row{display:flex;flex-wrap:wrap;gap:12px}.stat{flex:1;min-width:100px;border:1px solid var(--line);padding:13px;border-radius:9px}.stat strong{font:30px var(--display);color:var(--g);display:block}.stat small{font:10px var(--mono);color:var(--muted)}.status{padding:11px 14px;border:1px solid #f2c15b4c;background:#f2c15b08;color:#ffdda5;font-size:11px;border-radius:9px;line-height:1.65;margin:16px 0}.minirow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.checkline{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#c7d6c9;line-height:1.6;margin-top:16px}.checkline input{accent-color:var(--g);margin-top:4px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{border-bottom:1px solid #ffffff19;padding:12px 6px;text-align:left}.table th{font:10px var(--mono);color:var(--g)}.table td{color:#d2e1d4}.rowborder{border-top:1px solid #ffffff20;padding-top:14px;margin-top:14px}.footer{margin-top:60px;padding:22px 0;border-top:1px solid var(--line);font:11px var(--mono);color:#819688}.authline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.authline .field{max-width:185px;padding:10px!important}.authline button{font-size:10px;padding:11px}.hint{color:#8da193;font-size:11px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage{background:#0e1811;border:1px solid var(--line);padding:19px;border-radius:12px}.stage b{color:var(--g);font:12px var(--mono)}.stage strong{display:block;margin:13px 0 7px}.stage p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:1200px){.shell{grid-template-columns:210px 1fr}.rail{padding:21px 10px}.col7,.col5{grid-column:span 6}.hero{grid-template-columns:1fr}.hero-side{max-width:480px}}
@media(max-width:850px){.shell{display:block}.rail{position:relative;height:auto;padding:12px 16px;gap:0}.rail .rail-label,.rail .rail-foot{display:none}.logo{font-size:22px}.rail .navset{display:flex;gap:5px;overflow-x:auto;margin-top:9px}.navset a{white-space:nowrap;padding:10px;font-size:10px}.rail >div:nth-child(2){margin-top:0!important}.top{padding:15px 20px}.content{padding:30px 18px 110px}.col7,.col5,.col6{grid-column:span 12}.hero{padding-bottom:22px}.section-top{margin-top:30px}.roadmap{grid-template-columns:1fr}}
@media(max-width:480px){.twocol{grid-template-columns:1fr}.top-actions{width:100%}.top{flex-wrap:wrap}.crumb{font-size:10px}.authline .field{max-width:140px}.section-top h2{font-size:32px}h1{font-size:65px}.panel{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Mobile content must never expand the entire dashboard grid. */
.hero,.hero>div,.hero-side,.content,.main,.rail{min-width:0}
h1{overflow-wrap:anywhere}
@media(max-width:850px){.rail{overflow-x:hidden}.rail .navset{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}h1{font-size:clamp(44px,11.6vw,74px);letter-spacing:0}.hero-side{max-width:100%}}
@media(max-width:480px){.content{overflow-x:clip}h1{font-size:clamp(44px,11.6vw,57px)}h1 em{font-size:.77em}.hero{grid-template-columns:minmax(0,1fr)}.hero-side{max-width:100%}.navset a{flex:none}}
