@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");

:root{
  --asphalt:#080b0b;--asphalt-2:#101615;--paper:#080b0b;--card:#111817;
  --ink:#f1f5ed;--muted:#899790;--line:#263330;--signal:#b8ff3d;
  --signal-dark:#8fdc21;--lime:#b8ff3d;--mint:#17251d;--red:#ff756b;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
html{background:var(--paper);scroll-behavior:smooth}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{background:radial-gradient(ellipse at 82% -8%,rgba(91,126,55,.15),transparent 34%),var(--paper);color:var(--ink)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.topbar{height:82px;padding:0 clamp(20px,5vw,72px);background:rgba(8,11,11,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);position:sticky;top:0;z-index:12}
.brand-mark{width:38px;height:38px;border:1px solid #3b5630;border-radius:12px;background:var(--signal);box-shadow:0 0 28px rgba(184,255,61,.18);animation:none;transform:none}
.brand-mark img{filter:invert(1);mix-blend-mode:multiply}
.brand-name{font-size:1.04rem;letter-spacing:.08em;text-transform:uppercase}.brand-note{color:var(--signal);font-size:.58rem;letter-spacing:.14em}
.page{width:min(1380px,calc(100% - 48px));padding:74px 0 110px}
.eyebrow{color:var(--signal);font-size:.66rem;letter-spacing:.18em}
h1,h2,h3{color:var(--ink)}h1{font-size:clamp(4.2rem,10.5vw,10rem);line-height:.84;letter-spacing:-.095em;max-width:900px}
.hero h1{background:none;color:var(--ink);animation:none}.hero h1 span{display:inline-block;animation:night-rise .7s cubic-bezier(.2,.8,.2,1) both}.hero h1 span:nth-child(2){animation-delay:.08s}.hero h1 span:nth-child(3){animation-delay:.16s}.hero h1 span:nth-child(4){color:var(--signal);animation-delay:.24s}
.lede{color:#a3b0a8;font-size:1.06rem;line-height:1.65;max-width:560px}.hero{grid-template-columns:1fr .9fr;gap:clamp(35px,8vw,130px);min-height:calc(100vh - 155px);padding:35px 0 110px}
.hero-copy{animation:none}.hero-actions{margin-top:30px}.button{border-radius:8px;padding:13px 18px;background:var(--signal);color:#0b100d;box-shadow:0 0 0 1px rgba(184,255,61,.2),0 10px 30px rgba(184,255,61,.13);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{background:#d0ff79;box-shadow:0 0 30px rgba(184,255,61,.2);transform:translateY(-2px)}.button.secondary{background:#151d1b;border-color:#354640;color:var(--ink);box-shadow:none}.button.secondary:hover{border-color:var(--signal);background:#1a251f}.button b{font-size:1.2em;margin-left:8px}
.feature-list{margin-top:45px;gap:15px}.feature-list li{color:#a3b0a8}.feature-list li:before{background:var(--signal);box-shadow:inset 0 0 0 5px var(--paper)}
.hero-card{padding:28px;background:linear-gradient(145deg,#18231f,#0e1413);border:1px solid #304438;border-radius:24px;box-shadow:var(--shadow),0 0 70px rgba(120,190,50,.07);animation:card-in .8s .22s ease both,hero-float 7s 1.5s ease-in-out infinite}.hero-card:after{background:var(--signal);opacity:.12}.hero-card .metric-value{font-size:clamp(3.4rem,6vw,6rem);color:var(--signal)}.hero-card .metric-label{color:#aab9af;letter-spacing:.14em;text-transform:uppercase;font:500 .68rem "DM Mono",monospace}.hero-card-header{color:#e3eee4}.status-dot{color:var(--signal)}.status-dot:before{background:var(--signal);box-shadow:0 0 0 4px rgba(184,255,61,.12)}.mini-chart{height:170px;border-bottom-color:#31453a}.bar{background:#304238}.bar:nth-child(2),.bar:nth-child(5){background:#5c824d}.bar:nth-child(3),.bar:nth-child(6){background:var(--signal)}.bar:nth-child(7){background:#8abc54}.footer-note{color:#788a7f}
.cockpit-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:16px;color:#718279;font:500 .57rem "DM Mono",monospace;letter-spacing:.1em}.cockpit-readout b{display:block;margin-top:5px;color:#d9e7d9;font-size:.86rem;letter-spacing:-.04em}
.landing-story{grid-column:1/-1;margin-top:40px}.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;padding:110px 0 65px;border-top:1px solid var(--line)}.story-intro h2{font-size:clamp(3.5rem,8vw,8rem);line-height:.85;letter-spacing:-.08em;margin:0}.story-intro h2 em,.privacy-block em{color:var(--signal);font-style:normal}.story-intro p:last-child{max-width:360px;margin:0;color:var(--muted);line-height:1.7}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.story-grid article{min-height:205px;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#121b18,#0d1211);transition:transform .2s,border-color .2s}.story-grid article:hover{transform:translateY(-5px);border-color:#496b46}.story-grid .story-wide{grid-column:span 2;background:#14251a}.story-index{display:block;margin-bottom:55px;color:var(--signal);font:500 .67rem "DM Mono",monospace}.story-grid strong{font-size:1.2rem}.story-grid p{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.truth-strip{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:110px 0;padding:58px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.truth-strip h2,.privacy-block h2,.story-cta h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.07em}.truth-strip ol{display:grid;gap:20px;margin:0;padding:0;list-style:none}.truth-strip li{display:grid;grid-template-columns:48px 1fr;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.9rem;line-height:1.5}.truth-strip li b{color:var(--signal);font:500 .7rem "DM Mono",monospace}.privacy-block{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:65px 0}.privacy-block p:last-child{max-width:390px;margin:32px 0 0;color:var(--muted);line-height:1.7}.story-cta{margin-top:55px;padding:75px clamp(24px,6vw,90px);border-radius:20px;background:linear-gradient(115deg,#1c3421,#101914);border:1px solid #3c5c3d}.story-cta h2{margin-bottom:28px}.story-cta .eyebrow{margin-bottom:12px}
.auth-layout{max-width:1080px;min-height:70vh;align-items:center}.auth-card,.panel,.metric{background:rgba(17,24,23,.88);border-color:var(--line);box-shadow:var(--shadow);color:var(--ink)}.auth-card{border-radius:18px}.auth-card p,.panel p{color:var(--muted)}.auth-copy h2{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.92}.tabs{background:#0a0f0e;border:1px solid var(--line)}.tab.active{background:#1c2921;color:var(--signal);box-shadow:none}.field label{color:#c9d5ca}.field input,.review-row input,.review-row select,.pie-controls select{background:#0b100f;border-color:#34443e;color:var(--ink)}.field input:focus,.review-row input:focus,.review-row select:focus{border-color:var(--signal);box-shadow:0 0 0 3px rgba(184,255,61,.12)}
.beta-progress{margin:0 0 28px}.beta-progress>div:last-child{display:flex;justify-content:space-between;margin-top:10px}.beta-progress b{color:#607068;font:500 .61rem "DM Mono",monospace}.beta-progress b.is-current{color:var(--signal)}.beta-progress-line{height:3px;border-radius:5px;background:#24332b;overflow:hidden}.beta-progress-line span{display:block;height:100%;background:var(--signal);transition:width .25s ease}.beta-step{display:none;animation:step-in .3s ease both}.beta-step.is-current{display:block}.beta-step-kicker{margin:0 0 7px!important;color:var(--signal)!important;font:500 .62rem "DM Mono",monospace!important;letter-spacing:.12em}.beta-step h3{font-size:1.55rem;margin-bottom:6px}.beta-step-copy{font-size:.8rem;margin-bottom:22px}.beta-controls{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.beta-controls button:disabled{opacity:.35;cursor:not-allowed}.beta-step fieldset{margin:0}.beta-step fieldset>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.beta-step fieldset label{padding:12px;border:1px solid var(--line);border-radius:9px;background:#0b100f;color:#becac0;transition:border-color .2s,background .2s}.beta-step fieldset label:has(input:checked){border-color:var(--signal);background:#182b1b;color:var(--signal)}
.review-table .review-row{background:linear-gradient(110deg,#111b17,#0c1210);padding:17px;border-left:3px solid #36543b}.review-row input,.review-row select{border-radius:6px}.review-row .remove-line{background:#141c19;color:var(--red);border-color:#3d4a43}.table-wrap table tr{transition:background .15s}.table-wrap table tbody tr:hover{background:#18231d}
@keyframes step-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.dashboard-header{padding:10px 0 25px}.dashboard-header h1{font-size:clamp(3.2rem,7vw,7rem)}.dashboard-header p{color:var(--muted)}.metrics{grid-template-columns:1.35fr repeat(3,1fr);gap:12px}.metric{min-height:126px;padding:22px;border-radius:16px}.metric.accent{background:linear-gradient(145deg,#1b2b20,#101714);border-color:#39543b}.metric.accent .metric-value{font-size:clamp(2.4rem,5vw,4.5rem);color:var(--signal)}.metric-label{color:#94a49a}.metric-value{color:var(--ink);font-size:2rem}.metric:hover,.panel:hover{box-shadow:0 20px 42px rgba(0,0,0,.3);transform:translateY(-3px)}
.dashboard-grid{gap:16px}.panel{border-radius:16px;padding:24px}.panel-heading{margin-bottom:22px}.panel-heading h2{font-size:1.35rem}.chart-wrap{min-height:250px}.pie-controls{border-bottom:1px solid var(--line);padding-bottom:12px}.bars{border-bottom-color:var(--line)}.platform-track{background:#26352d}.platform-fill{background:var(--signal)}.upload-box{background:#111b17;border-color:#466246}.upload-target{background:#0c1210;border-color:#456645}.upload-target:hover,.upload-target:focus-within{border-color:var(--signal);background:#111d16}.selected-files{color:var(--signal-dark)!important}.review-panel{border-color:#476244;background:#111b16}.review-row{border-color:var(--line);background:#0c1210}.table-wrap{border:1px solid var(--line);border-radius:11px;overflow:hidden}table{background:#0d1311}th,td{border-bottom-color:var(--line)}th{color:#819188}td{color:#dce8df}.positive{color:var(--signal)}.negative{color:var(--red)}.empty{color:var(--muted);padding:40px 15px}.notice{background:#17271b;color:#c9eca5;border:1px solid #36583a}.notice.error{background:#2a1717;color:#ffb1a9;border-color:#653531}.pro-insights{background:linear-gradient(145deg,#15271b,#0f1714);border-color:#39533b}.pro-insight-card{background:rgba(255,255,255,.03);border-color:#304638}.pro-insight-card strong{color:var(--signal)}
.assistant-panel{background:#101715;border-color:var(--line)}.assistant-messages{background:#0a100e}.assistant-message{color:var(--ink)}.assistant-message.assistant{background:#141d19;border-color:var(--line)}.assistant-message.user{background:#1b3021;color:#d8f3c8}.assistant-chip,.assistant-form input{background:#0c1210;border-color:var(--line);color:var(--ink)}.assistant-form button{background:var(--signal);color:#081009}
.footer-note{margin-top:30px}.hidden{display:none!important}
.night-nav{display:none;position:fixed;left:20px;top:108px;bottom:24px;width:174px;padding:18px 10px;border:1px solid var(--line);border-radius:18px;background:rgba(13,19,17,.88);backdrop-filter:blur(16px);z-index:10;flex-direction:column;gap:5px}.night-nav.is-visible{display:flex}.night-nav-kicker{padding:4px 10px 14px;color:#6f8176;font:500 .58rem "DM Mono",monospace;letter-spacing:.14em}.night-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#91a198;text-align:left;font:500 .78rem "DM Mono",monospace;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.night-nav-item:hover,.night-nav-item.is-active{background:#18281d;border-color:#314d35;color:var(--signal)}.nav-glyph{display:grid;place-items:center;width:22px;height:22px;color:currentColor;font-size:1rem}.nav-glyph svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.night-nav-foot{margin-top:auto;padding:12px 10px;border-top:1px solid var(--line);color:#627169;font:500 .56rem/1.6 "DM Mono",monospace;letter-spacing:.12em}.night-nav-foot strong{color:#b7c9bd;font-size:.7rem;letter-spacing:.04em}
@keyframes night-rise{from{opacity:0;transform:translateY(24px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes card-in{from{opacity:0;transform:translateY(30px) rotate(2deg)}to{opacity:1;transform:none}}@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(min-width:1100px){.night-nav.is-visible~.page{width:min(1180px,calc(100% - 285px));margin-left:250px;margin-right:34px}.night-nav.is-visible~.page .dashboard-header{padding-top:0}}
@media(max-width:850px){.page{width:min(100% - 32px,1380px);padding-top:42px}.hero{min-height:0;padding-top:20px}.hero h1{font-size:clamp(3.7rem,15vw,7rem)}.metrics{grid-template-columns:repeat(2,1fr)}.metric.accent{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:540px){.topbar{height:70px;padding:0 16px}.page{width:calc(100% - 28px);padding-bottom:80px}.hero{gap:34px}.hero h1{font-size:clamp(3.35rem,17vw,5rem)}.hero-card{padding:20px}.auth-layout{display:block}.auth-copy{padding:15px 0 28px}.auth-copy h2{font-size:3rem}.auth-card,.panel{padding:17px}.metrics{gap:8px}.metric{padding:16px;min-height:110px}.metric-value{font-size:1.5rem}.metric.accent .metric-value{font-size:2.9rem}.dashboard-header h1{font-size:3.5rem}.assistant-launcher{right:14px;bottom:72px}.assistant-panel{right:14px;bottom:125px}.night-nav.is-visible{left:10px;right:10px;top:auto;bottom:10px;width:auto;height:62px;padding:5px 8px;display:flex;flex-direction:row;justify-content:space-around;border-radius:16px}.night-nav-kicker,.night-nav-foot{display:none}.night-nav-item{width:auto;min-width:64px;justify-content:center;flex-direction:column;gap:1px;padding:5px 7px;font-size:.55rem}.nav-glyph{height:20px}}
@media(max-width:850px){.story-intro,.truth-strip,.privacy-block{grid-template-columns:1fr;gap:25px}.story-intro{padding-top:75px}.story-grid{grid-template-columns:repeat(2,1fr)}.story-grid .story-wide{grid-column:1/-1}}
@media(min-width:541px) and (max-width:1099px){.night-nav.is-visible{left:18px;right:18px;top:auto;bottom:16px;width:auto;height:66px;padding:6px 16px;display:flex;flex-direction:row;justify-content:space-evenly;border-radius:16px}.night-nav-kicker,.night-nav-foot{display:none}.night-nav-item{width:auto;min-width:96px;justify-content:center;flex-direction:column;gap:2px;padding:6px 12px;font-size:.6rem}.nav-glyph{height:22px}.night-nav.is-visible~.page{padding-bottom:120px}}
@media(max-width:540px){.landing-story{margin-top:12px}.story-intro h2{font-size:3.7rem}.story-grid{grid-template-columns:1fr}.story-grid article,.story-grid .story-wide{grid-column:auto;min-height:160px}.story-index{margin-bottom:35px}.truth-strip{margin:72px 0;padding:42px 0}.privacy-block{padding:42px 0}.story-cta{padding:48px 22px}.cockpit-readout{gap:4px}.cockpit-readout b{font-size:.72rem}.beta-step fieldset>div{grid-template-columns:1fr!important}.beta-controls .button{min-height:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1 span,.hero-card{animation:none}.hero-card{transform:none}}
.admin-test-switcher{display:flex;align-items:center;gap:4px;padding:3px 4px 3px 9px;border:1px solid #314438;border-radius:999px;background:#101916;color:#8fa096;font:500 .58rem "DM Mono",monospace;letter-spacing:.08em}.admin-test-switcher button{border:0;border-radius:999px;padding:5px 8px;background:transparent;color:#93a49a;font:inherit;cursor:pointer;letter-spacing:0}.admin-test-switcher button:hover,.admin-test-switcher button.is-active{background:var(--signal);color:#0b100d}.admin-test-switcher button:disabled{opacity:.5;cursor:wait}.admin-test-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:22px;background:rgba(3,6,5,.78);backdrop-filter:blur(12px)}.admin-test-modal.hidden{display:none}.admin-test-card{width:min(520px,100%);padding:26px;border:1px solid #3b5744;border-radius:18px;background:#101916;box-shadow:0 26px 90px rgba(0,0,0,.55);color:var(--ink)}.admin-test-card .panel-heading{margin-bottom:22px}.admin-test-card .panel-heading p:not(.eyebrow){max-width:340px;color:var(--muted);line-height:1.45}.admin-test-card .field{margin-bottom:15px}.admin-test-card input{width:100%;border-color:#3b5744;background:#080d0b;color:var(--ink);font-size:1.2rem;letter-spacing:.18em}.admin-test-card .button{width:100%}@media(max-width:700px){.topbar-actions{gap:7px}.admin-test-switcher>span{display:none}.admin-test-switcher{padding-left:4px}.admin-test-switcher button{padding:5px 6px}.admin-test-card{padding:20px}}
#transactions-table{max-height:390px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#587458 #0b120f;scrollbar-width:thin}#transactions-table table{min-width:620px}#transactions-table thead th{position:sticky;top:0;z-index:1;background:#1a2920;color:#f2faf1;border-bottom:1px solid #557259;text-shadow:0 1px 8px rgba(0,0,0,.45)}#transactions-table tbody td{background:#0d1712;color:#f0f7ef;border-bottom-color:#304238}#transactions-table tbody tr:nth-child(even) td{background:#111e17}#transactions-table tbody tr:hover td{background:#1b3021;color:#ffffff}#transactions-table tbody td.positive{color:#c9ff80}#transactions-table tbody td.negative{color:#ff9b91}@media(max-width:540px){#transactions-table{max-height:340px}#transactions-table table{min-width:570px}}
.pie-legend-row:hover,.pie-legend-row:focus-visible,.pie-legend-row.is-active{border-color:#4e754f;background:#172b1d;color:var(--signal);outline:none}.pie-legend-row.is-active>span:not(.pie-swatch),.pie-legend-row.is-active>strong,.pie-legend-row.is-active>strong small{color:var(--signal)}.pie-legend-row.is-active .pie-swatch{box-shadow:0 0 0 3px rgba(184,255,61,.2)}

/* Keep narrow screens inside the viewport. Tables become readable cards instead of requiring horizontal panning. */
html,body{max-width:100%;overflow-x:hidden}
.panel-heading{flex-wrap:wrap}
.pie-controls{flex-wrap:wrap}
@media(max-width:540px){
  .hero h1{font-size:clamp(3rem,15vw,4.6rem);line-height:.88}
  .story-intro h2{font-size:clamp(2.65rem,13vw,3.7rem)}
  .hero-card-header{align-items:flex-start;flex-wrap:wrap;gap:10px}
  .hero-card .metric-value{font-size:clamp(2.25rem,12vw,3.1rem)}
  .panel-heading{align-items:flex-start}
  .panel-heading h2{font-size:1.25rem}
  .pie-controls{display:grid;grid-template-columns:1fr;gap:8px}
  .pie-controls select{width:100%;min-width:0}
  .platform-name{width:82px;flex:none;overflow-wrap:anywhere}
  .platform-value{width:70px;flex:none}
  .dashboard-actions{width:100%}
  .dashboard-actions .button{flex:1}
  #transactions-table{max-height:390px;overflow-y:auto;overflow-x:hidden}
  #transactions-table table{width:100%;min-width:0;table-layout:fixed}
  #transactions-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #transactions-table tbody{display:grid;gap:7px}
  #transactions-table tbody tr{display:grid;grid-template-columns:68px minmax(0,1fr) auto;column-gap:9px;padding:8px 0;border-bottom:1px solid #304238}
  #transactions-table tbody td{display:block;min-width:0;padding:3px 0;border:0;white-space:normal;overflow-wrap:anywhere}
  #transactions-table tbody td:nth-child(1){grid-column:1;grid-row:1 / span 2;color:#9bb0a2;font-size:.68rem}
  #transactions-table tbody td:nth-child(2){grid-column:2 / span 2;grid-row:1;line-height:1.3}
  #transactions-table tbody td:nth-child(3){grid-column:2;grid-row:2;color:#9bb0a2;font-size:.68rem}
  #transactions-table tbody td:nth-child(4){grid-column:3;grid-row:2;align-self:end;font-size:.8rem}
}