:root { color-scheme: dark; --bg:#050b13; --panel:#0a1521; --panel2:#0d1c2a; --line:#243c52; --muted:#93a8ba; --green:#58ef96; --red:#ff5a69; --blue:#6388ff; --gold:#f3c758; }
* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; }
body { margin:0; color:#eef7ff; background:radial-gradient(circle at 80% 0,#10233b 0,transparent 35%),var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button,input,select,textarea { font:inherit; }
a { color:inherit; }
.metrics-skip { position:fixed; left:14px; top:-80px; z-index:1000; padding:12px 16px; color:#04120a; background:var(--green); font-weight:900; }
.metrics-skip:focus { top:14px; }
.metrics-topbar { position:sticky; z-index:50; top:0; min-height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding:12px clamp(18px,4vw,60px); border-bottom:1px solid #203549; background:rgba(4,10,17,.92); backdrop-filter:blur(18px); }
.metrics-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-size:13px; font-weight:1000; letter-spacing:.16em; }
.metrics-brand img { border-radius:9px; }
.metrics-topbar nav { display:flex; gap:26px; }
.metrics-topbar nav a { color:#9cafc0; text-decoration:none; font-size:11px; font-weight:900; letter-spacing:.13em; }
.metrics-topbar nav a[aria-current="page"] { color:var(--green); }
.metrics-wallet { justify-self:end; min-height:40px; padding:9px 14px; color:#dfffea; background:#0d251b; border:1px solid #2a7b50; border-radius:999px; font-size:11px; font-weight:900; letter-spacing:.08em; cursor:pointer; }
.metrics-hero { position:relative; min-height:min(670px,78vh); overflow:hidden; display:flex; align-items:flex-end; border-bottom:1px solid var(--line); }
.metrics-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.9) contrast(1.05); }
.metrics-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,8,15,.98) 0%,rgba(3,8,15,.82) 48%,rgba(3,8,15,.18) 80%),linear-gradient(0deg,#050b13 0,transparent 40%); }
.metrics-hero-copy { position:relative; z-index:2; width:min(1120px,100%); margin:0 auto; padding:clamp(50px,8vw,100px) clamp(20px,5vw,70px); }
.metrics-live { display:inline-flex; align-items:center; gap:9px; color:#9fffc4; font-size:12px; font-weight:900; letter-spacing:.17em; }
.metrics-live i { width:9px; height:9px; border-radius:2px; background:var(--green); box-shadow:0 0 18px var(--green); }
.metrics-hero h1 { max-width:800px; margin:18px 0; font-size:clamp(58px,10vw,132px); line-height:.82; letter-spacing:-.065em; }
.metrics-hero p { max-width:680px; margin:0; color:#c3d1dd; font-size:clamp(17px,2vw,23px); line-height:1.5; }
.metrics-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.metrics-primary,.metrics-hero-actions button,.admin-actions button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 18px; border:1px solid #3e5b72; border-radius:10px; color:#e8f4ff; background:#102031; text-decoration:none; font-size:12px; font-weight:1000; letter-spacing:.07em; cursor:pointer; }
.metrics-primary { color:#04130a; background:var(--green); border-color:#76ffad; }
.metrics-secondary { min-height:44px; padding:10px 14px; border:1px solid #8a3340; border-radius:9px; color:#ffb8c1; background:#2a1016; font-size:11px; font-weight:900; letter-spacing:.06em; cursor:pointer; }
.metrics-proofline { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; color:#92a7b8; font-size:10px; font-weight:900; letter-spacing:.12em; }
.metrics-proofline span::before { content:"■"; margin-right:8px; color:var(--green); }
.metrics-shell,.admin-section { width:min(1240px,calc(100% - 36px)); margin:0 auto; padding:clamp(56px,8vw,100px) 0; }
.metrics-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.metrics-section-head span,.support-copy > span,.metrics-panel-head span,.partner-form-head span { color:var(--green); font-size:11px; font-weight:900; letter-spacing:.17em; }
.metrics-section-head h2,.support-copy h2 { margin:7px 0 0; font-size:clamp(34px,5vw,68px); line-height:.98; letter-spacing:-.045em; }
.metrics-range,.admin-actions { display:flex; gap:7px; flex-wrap:wrap; }
.metrics-range button { min-width:54px; padding:9px; color:#8ea4b6; background:#0b1723; border:1px solid var(--line); border-radius:8px; font-size:11px; font-weight:900; cursor:pointer; }
.metrics-range button.is-active { color:#07120c; background:var(--green); border-color:var(--green); }
.metrics-status { margin:0 0 18px; padding:12px 14px; color:#a9bdcd; background:#0a1723; border:1px solid var(--line); border-radius:9px; font-size:13px; }
.metrics-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:10px; }
.metric-kpi { min-height:152px; padding:20px; background:linear-gradient(145deg,#0e1e2c,#08131f); border:1px solid var(--line); border-radius:14px; box-shadow:inset 0 1px #ffffff08; }
.metric-kpi span { display:block; color:#8fa5b8; font-size:10px; font-weight:900; letter-spacing:.13em; }
.metric-kpi strong { display:block; margin:18px 0 8px; color:#fff; font-size:clamp(30px,4vw,50px); line-height:.9; }
.metric-kpi small { color:#7890a4; line-height:1.4; }
.metric-kpi.is-green strong { color:var(--green); text-shadow:0 0 25px #58ef9630; }
.metrics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.metrics-panel { padding:clamp(20px,3vw,30px); background:linear-gradient(145deg,#0c1926,#08121c); border:1px solid var(--line); border-radius:14px; }
.metrics-panel-head { display:flex; justify-content:space-between; gap:18px; margin-bottom:26px; }
.metrics-panel-head strong { display:block; margin-top:5px; font-size:20px; }
.metrics-panel-head small,.metrics-panel-head a { color:#758da1; font-size:9px; font-weight:900; letter-spacing:.11em; text-decoration:none; }
.metrics-bars { display:grid; gap:14px; }
.metric-bar-row { display:grid; grid-template-columns:110px 1fr 58px; align-items:center; gap:12px; font-size:12px; font-weight:800; }
.metric-bar-track { height:10px; overflow:hidden; background:#122434; border-radius:3px; }
.metric-bar-track i { display:block; height:100%; min-width:2px; background:linear-gradient(90deg,var(--green),#89ffc0); box-shadow:0 0 16px #58ef9650; }
.metric-bar-row:nth-child(2n) .metric-bar-track i { background:linear-gradient(90deg,var(--blue),#9badff); }
.metric-bar-row b { text-align:right; }
.metrics-funnel { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; align-items:end; min-height:160px; }
.metrics-funnel article { display:flex; flex-direction:column; justify-content:flex-end; min-height:100px; padding:16px; background:#102131; border-bottom:4px solid var(--green); }
.metrics-funnel article:nth-child(2) { min-height:130px; border-color:var(--blue); }
.metrics-funnel article:nth-child(3) { min-height:160px; border-color:var(--gold); }
.metrics-funnel span { color:#879caf; font-size:10px; font-weight:900; }
.metrics-funnel strong { margin-top:8px; font-size:28px; }
.methodology-panel { margin-top:10px; }
.methodology-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.methodology-grid article { padding:16px; background:#0e1c29; border:1px solid #20394e; border-radius:10px; }
.methodology-grid strong { display:block; color:#e5f2fd; font-size:12px; letter-spacing:.05em; }
.methodology-grid p { margin:8px 0 0; color:#8fa5b6; font-size:12px; line-height:1.5; }
.metrics-as-of { margin:20px 0 0; color:#70879a; font-size:11px; }
.support-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(30px,6vw,80px); width:min(1240px,calc(100% - 36px)); margin:0 auto; padding:clamp(60px,9vw,120px) 0; border-top:1px solid var(--line); }
.support-copy { align-self:start; position:sticky; top:110px; }
.support-copy p { color:#aabccd; font-size:18px; line-height:1.65; }
.support-copy ul { display:grid; gap:10px; padding:0; list-style:none; color:#d9e7f2; }
.support-copy li::before { content:"■"; margin-right:10px; color:var(--green); }
.stonks-partner-form { display:grid; gap:16px; padding:clamp(22px,5vw,42px); background:#091622; border:1px solid #2a485f; border-radius:18px; box-shadow:0 28px 80px #0007; }
.partner-form-head strong { display:block; margin-top:6px; font-size:27px; }
.form-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.stonks-partner-form label { display:grid; gap:7px; color:#c8d7e3; font-size:12px; font-weight:800; }
.stonks-partner-form label small { color:#71899b; }
.stonks-partner-form input,.stonks-partner-form select,.stonks-partner-form textarea { width:100%; min-height:46px; padding:11px 12px; color:#edf8ff; background:#0e1d2a; border:1px solid #2a455b; border-radius:9px; outline:none; }
.stonks-partner-form textarea { min-height:150px; resize:vertical; }
.stonks-partner-form input:focus,.stonks-partner-form select:focus,.stonks-partner-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px #58ef9615; }
.partner-consent { grid-template-columns:auto 1fr!important; align-items:start; }
.partner-consent input { width:20px; min-height:20px; accent-color:var(--green); }
.partner-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
#partner-status { margin:0; color:#859bad; font-size:12px; line-height:1.5; }
.admin-section { border-top:1px solid var(--line); }
.admin-section[hidden] { display:none; }
.admin-filter-form { display:grid; grid-template-columns:repeat(5,minmax(130px,1fr)); gap:10px; margin:18px 0 24px; padding:14px; border:1px solid #223d53; border-radius:12px; background:#0a1824; }
.admin-filter-form label { display:grid; gap:6px; color:#7892a6; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.admin-filter-form input,.admin-filter-form select { width:100%; min-height:40px; padding:8px; color:#e9f5ff; border:1px solid #2c4a61; border-radius:7px; background:#102231; }
.admin-analysis-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:14px 0; }
.admin-analysis-grid .metrics-panel { min-width:0; }
.admin-table-wrap { overflow:auto; max-height:380px; }
.admin-table { width:100%; border-collapse:collapse; font-size:11px; }
.admin-table th,.admin-table td { padding:9px 8px; border-bottom:1px solid #1f374a; text-align:left; white-space:nowrap; }
.admin-table th { color:#79f2a5; font-size:9px; letter-spacing:.08em; }
.admin-daily { min-height:180px; margin:10px 0; }
.admin-leads { display:grid; gap:10px; }
.admin-lead { display:grid; grid-template-columns:1fr auto; gap:16px; padding:16px; background:#0e1c29; border:1px solid #223c51; border-radius:10px; }
.admin-lead h3 { margin:0; }
.admin-lead p { margin:7px 0; color:#9fb1c1; line-height:1.45; }
.admin-lead small { color:#71899a; }
.admin-lead-actions { display:grid; gap:7px; align-content:start; }
.admin-lead select,.admin-lead button,.admin-lead textarea { min-height:38px; padding:8px; color:#eaf5ff; background:#122638; border:1px solid #31516c; border-radius:7px; }
.admin-lead textarea { width:min(320px,40vw); min-height:90px; resize:vertical; }
.metrics-footer { display:grid; grid-template-columns:1fr 2fr auto; gap:22px; align-items:center; padding:28px clamp(18px,4vw,60px); color:#7f95a8; border-top:1px solid var(--line); font-size:11px; }
.metrics-footer span { color:#d5e5f1; font-weight:900; letter-spacing:.1em; }
.metrics-footer nav { display:flex; gap:15px; }

@media (max-width:1000px) { .metrics-kpis { grid-template-columns:repeat(3,1fr); } .support-section { grid-template-columns:1fr; } .support-copy { position:static; } .admin-filter-form { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .metrics-topbar { grid-template-columns:1fr auto; min-height:64px; } .metrics-topbar nav { display:none; } .metrics-hero { min-height:620px; } .metrics-hero h1 { font-size:62px; } .metrics-section-head { align-items:flex-start; flex-direction:column; } .metrics-kpis,.metrics-grid,.methodology-grid,.admin-analysis-grid { grid-template-columns:1fr; } .metric-kpi { min-height:125px; } .form-two { grid-template-columns:1fr; } .metrics-footer { grid-template-columns:1fr; } .admin-lead { grid-template-columns:1fr; } .admin-lead textarea { width:100%; } .admin-filter-form { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }