:root{--bg:#0b1020;--panel:#121a2f;--panel2:#17223c;--text:#eef3ff;--muted:#9eabc7;--line:#25324f;--brand:#6ee7ff;--brand2:#8b5cf6;--ok:#34d399;--warn:#fbbf24;--bad:#fb7185;--white:#fff;--shadow:0 20px 60px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#08101f 0%,#0b1020 70%);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(8,16,31,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:22px;letter-spacing:-.4px}.logo{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;box-shadow:0 8px 30px rgba(110,231,255,.2)}.logo:after{content:'S';font-weight:900;color:#07111d}.links{display:flex;align-items:center;gap:28px;color:#c8d2e7;font-size:14px}.actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:10px;border:1px solid var(--line);background:#131c31;color:var(--text);font-weight:700;cursor:pointer}.btn.primary{border:0;background:linear-gradient(135deg,var(--brand),#7dd3fc);color:#07111d}.btn.ghost{background:transparent}.hero{padding:100px 0 70px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(110,231,255,.25);background:rgba(110,231,255,.07);color:#9cf1ff;font-size:13px;font-weight:800}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-2.8px;margin:18px 0 22px}.gradient{background:linear-gradient(90deg,#fff,var(--brand),#bfa8ff);-webkit-background-clip:text;color:transparent}.lead{font-size:19px;color:#afbad2;max-width:680px}.hero-cta{display:flex;gap:12px;margin-top:30px}.code-card{background:#0b1325;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.code-top{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;gap:7px}.dot{width:10px;height:10px;border-radius:50%;background:#39445e}.code{padding:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9d7f2;font-size:13px;overflow:auto}.code .k{color:#7dd3fc}.code .s{color:#86efac}.code .m{color:#c4b5fd}.section{padding:78px 0}.section h2{font-size:40px;letter-spacing:-1.5px;margin:0 0 12px}.section-intro{color:var(--muted);max-width:700px;margin-bottom:34px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(23,34,60,.9),rgba(17,25,45,.9));border:1px solid var(--line);border-radius:16px;padding:24px}.card h3{margin:12px 0 7px}.icon{width:42px;height:42px;border-radius:12px;background:rgba(110,231,255,.1);border:1px solid rgba(110,231,255,.18);display:grid;place-items:center;color:var(--brand);font-weight:900}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px;border-radius:14px;background:#10192c;border:1px solid var(--line)}.stat strong{display:block;font-size:28px}.footer{border-top:1px solid var(--line);padding:46px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px}.footer h4{color:var(--text);margin:0 0 12px}.footer a{display:block;margin:7px 0}.page-head{padding:70px 0 30px}.page-head h1{font-size:48px;margin:0 0 12px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative}.price{font-size:42px;font-weight:900}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(52,211,153,.12);color:#7ff0c3;font-size:12px;font-weight:800}.list{padding-left:20px;color:#c7d1e6}.form-wrap{max-width:520px;margin:50px auto}.form-card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:#cbd5e1}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #2a3859;background:#0c1427;color:var(--text);outline:none}.field input:focus,.field textarea:focus{border-color:#5ddff7}.notice{padding:13px 15px;border-radius:11px;background:rgba(110,231,255,.07);border:1px solid rgba(110,231,255,.2);color:#bcefff}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#0a1121;border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:8px 9px 20px}.side-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#65728f;margin:18px 12px 8px}.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:#aebad2;margin:2px 0;font-size:14px}.side-link:hover,.side-link.active{background:#17233c;color:white}.main{min-width:0}.topbar{height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(11,16,32,.85);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.content{padding:26px}.content h1{font-size:28px;margin:0}.sub{color:var(--muted);margin-top:4px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.metric .n{font-size:28px;font-weight:900;margin-top:7px}.metric .trend{font-size:12px;color:var(--ok)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:18px;overflow:hidden}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 16px;border-bottom:1px solid #202d48;text-align:left;white-space:nowrap}th{color:#8290ad;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status.ok{background:rgba(52,211,153,.1);color:#75e9b9}.status.warn{background:rgba(251,191,36,.1);color:#ffd86b}.status.bad{background:rgba(251,113,133,.1);color:#ff9cad}.toolbar{display:flex;gap:10px;align-items:center}.search{padding:9px 12px;border:1px solid var(--line);background:#0c1427;border-radius:9px;color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kv{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.kv:last-child{border:0}.codebox{font-family:ui-monospace,monospace;background:#0a1224;border:1px solid var(--line);padding:14px;border-radius:10px;color:#c8d6f0;overflow:auto}.admin-accent .logo{background:linear-gradient(135deg,#f59e0b,#ef4444)}.admin-accent .logo:after{content:'A'}@media(max-width:900px){.hero-grid,.grid-3,.pricing,.footer-grid,.two-col,.three-col{grid-template-columns:1fr}.hero h1{font-size:45px}.links{display:none}.stats,.dash-grid{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:76px 1fr}.sidebar .brand span,.side-link span,.side-label{display:none}.sidebar{padding:16px 8px}.side-link{justify-content:center}.content{padding:18px}}@media(max-width:560px){.hero{padding-top:62px}.hero h1{font-size:38px}.stats,.dash-grid{grid-template-columns:1fr}.actions .ghost{display:none}.page-head h1{font-size:38px}}

.panel-body{padding:18px}.compact{margin:5px 0 0}.small{font-size:12px}.wide{width:100%}.good{color:var(--ok)}.score-row{display:flex;align-items:center;gap:16px}.score-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:6px solid rgba(52,211,153,.25);background:#0b1628;color:#7ff0c3;font-size:22px;font-weight:900;flex:0 0 auto}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px;margin-top:18px}.check-grid>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px}.flow div{padding:10px 13px;border:1px solid var(--line);background:#0d172a;border-radius:10px;font-weight:700;font-size:13px}.flow span{color:var(--muted)}.upload-zone{padding:54px 22px;text-align:center;border:1px dashed #334461;margin:18px;border-radius:14px;background:#0d1629}.upload-icon{font-size:34px;color:var(--brand)}.filters{margin-top:20px;flex-wrap:wrap}.bar-row{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:12px;margin:14px 0;font-size:13px}.bar{height:9px;background:#0a1224;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.toggle{width:42px;height:24px;border-radius:99px;background:#26334e;position:relative}.toggle:after{content:'';width:18px;height:18px;border-radius:50%;background:#cbd5e1;position:absolute;left:3px;top:3px}.toggle.on{background:rgba(52,211,153,.35)}.toggle.on:after{left:21px;background:#86efac}.mini-number{font-size:20px;font-weight:900;margin-top:5px}.mini-hero{padding-top:80px}.verify-demo{max-width:470px;margin-left:auto}.result-card{display:flex;gap:16px;align-items:center;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b1426}.result-card h3{margin:7px 0 3px}.split-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}.split-cta h2{font-size:32px;margin:0 0 7px}@media(max-width:900px){.check-grid{grid-template-columns:1fr}.split-cta{display:block}.split-cta .btn{margin-top:14px}}
/* v3 deliverability & reputation */
.health-score{display:flex;align-items:center;gap:18px}.health-big{font-size:44px;font-weight:900;line-height:1}.health-grade{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--ok);font-weight:800}.progress{height:9px;background:#0a1224;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.progress.bad>i{background:linear-gradient(90deg,#fb7185,#f59e0b)}.progress.warn>i{background:linear-gradient(90deg,#fbbf24,#f97316)}.chart{height:260px;padding:18px 20px 10px;position:relative}.chart-grid{position:absolute;left:52px;right:20px;top:18px;bottom:36px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 44px),repeating-linear-gradient(to right,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 70px);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.chart svg{position:absolute;left:52px;right:20px;top:18px;width:calc(100% - 72px);height:calc(100% - 54px)}.legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend b{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.legend .sent{background:#86efac}.legend .opened{background:#67e8f9}.legend .bounce{background:#fb7185}.hero-callout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#0c1528;font-size:12px;color:#cbd5e1}.risk-list{display:grid;gap:10px}.risk-row{display:grid;grid-template-columns:1fr 150px 90px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.risk-row:last-child{border:0}.reason{display:inline-flex;align-items:center;gap:7px}.dotx{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dotx.bad{background:var(--bad)}.dotx.warn{background:var(--warn)}.dotx.ok{background:var(--ok)}.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.kpi{border:1px solid var(--line);background:#0e172b;border-radius:12px;padding:14px}.kpi strong{display:block;font-size:20px;margin-top:4px}.callout-bad{background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.22);padding:14px;border-radius:11px;color:#ffd1d8}.callout-ok{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.22);padding:14px;border-radius:11px;color:#baf8dd}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 18px}.tab{padding:12px 13px;color:var(--muted);font-size:13px;border-bottom:2px solid transparent}.tab.active{color:white;border-bottom-color:var(--brand)}.table-actions{display:flex;gap:7px}.btn.sm{padding:7px 10px;font-size:12px}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.provider{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d1629}.provider strong{display:block;margin-bottom:7px}.provider .grade{font-size:24px;font-weight:900}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-row:last-child{border:0}.timeline-row time{color:var(--muted);font-size:12px}.landing-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-band .card strong{font-size:24px;display:block;margin-top:8px}
@media(max-width:900px){.hero-callout,.provider-grid,.landing-band{grid-template-columns:1fr}.kpi-strip{grid-template-columns:repeat(2,1fr)}.risk-row{grid-template-columns:1fr}.chart{height:220px}}

/* v4 theme system: Auto / Light / Dark */
:root,
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b1020;--panel:#121a2f;--panel2:#17223c;--text:#eef3ff;--muted:#9eabc7;--line:#25324f;
  --surface:#0c1427;--surface2:#0a1224;--navbg:rgba(8,16,31,.86);--topbg:rgba(11,16,32,.85);--sidebarbg:#0a1121;
  --cardgrad1:rgba(23,34,60,.9);--cardgrad2:rgba(17,25,45,.9);--tableline:#202d48;--inputborder:#2a3859;
  --shadow:0 20px 60px rgba(0,0,0,.25);--gridline:rgba(255,255,255,.06);--gridline2:rgba(255,255,255,.045);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f9fc;--panel:#ffffff;--panel2:#f3f6fb;--text:#172033;--muted:#64748b;--line:#dbe3ee;
  --surface:#ffffff;--surface2:#eef3f8;--navbg:rgba(255,255,255,.9);--topbg:rgba(255,255,255,.92);--sidebarbg:#ffffff;
  --cardgrad1:#ffffff;--cardgrad2:#fbfcfe;--tableline:#e6ebf2;--inputborder:#cbd5e1;
  --shadow:0 16px 42px rgba(15,23,42,.08);--gridline:rgba(15,23,42,.08);--gridline2:rgba(15,23,42,.055);
}
body{background:linear-gradient(180deg,var(--surface2) 0%,var(--bg) 70%);color:var(--text);transition:background-color .18s ease,color .18s ease}
.nav{background:var(--navbg);border-bottom-color:var(--line)}
.links{color:var(--muted)}
.btn{background:var(--panel2);color:var(--text);border-color:var(--line)}
.btn.ghost{background:transparent}
.gradient{background:linear-gradient(90deg,var(--text),var(--brand),#8b5cf6);-webkit-background-clip:text;color:transparent}
.lead{color:var(--muted)}
.code-card{background:var(--surface);border-color:var(--line)}
.code{color:var(--text)}
.card{background:linear-gradient(180deg,var(--cardgrad1),var(--cardgrad2));border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.02)}
.stat{background:var(--panel);border-color:var(--line)}
.form-card{background:var(--panel)}
.field label{color:var(--text)}
.field input,.field select,.field textarea,.search{background:var(--surface);border-color:var(--inputborder);color:var(--text)}
.sidebar{background:var(--sidebarbg);border-right-color:var(--line)}
.side-link{color:var(--muted)}
.side-link:hover,.side-link.active{background:var(--panel2);color:var(--text)}
.topbar{background:var(--topbg);border-bottom-color:var(--line)}
.metric,.panel{background:var(--panel);border-color:var(--line)}
th,td{border-bottom-color:var(--tableline)}
th{color:var(--muted)}
.codebox,.bar{background:var(--surface2)}
.score-ring{background:var(--surface2)}
.flow div,.upload-zone,.result-card,.pill,.kpi,.provider{background:var(--panel2);border-color:var(--line)}
.toggle{background:#cbd5e1}.toggle:after{background:#fff}.toggle.on{background:rgba(52,211,153,.45)}
.progress{background:var(--surface2)}
.chart-grid{background:repeating-linear-gradient(to bottom,var(--gridline) 0,var(--gridline) 1px,transparent 1px,transparent 44px),repeating-linear-gradient(to right,var(--gridline2) 0,var(--gridline2) 1px,transparent 1px,transparent 70px)}
.tab.active{color:var(--text)}
html[data-theme="light"] .eyebrow{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}
html[data-theme="light"] .badge{color:#047857;background:#ecfdf5}
html[data-theme="light"] .notice{color:#155e75;background:#ecfeff;border-color:#a5f3fc}
html[data-theme="light"] .status.ok{color:#047857;background:#ecfdf5}
html[data-theme="light"] .status.warn{color:#a16207;background:#fffbeb}
html[data-theme="light"] .status.bad{color:#be123c;background:#fff1f2}
html[data-theme="light"] .callout-bad{color:#9f1239;background:#fff1f2;border-color:#fecdd3}
html[data-theme="light"] .callout-ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}
html[data-theme="light"] .score-ring{color:#047857}
html[data-theme="light"] .code .k{color:#0369a1}html[data-theme="light"] .code .s{color:#15803d}html[data-theme="light"] .code .m{color:#7c3aed}
html[data-theme="light"] .logo:after{color:#07111d}

.theme-picker{display:inline-flex;align-items:center;gap:8px;min-width:0}
.theme-picker label{font-size:12px;color:var(--muted);font-weight:700}
.theme-select{appearance:auto;padding:8px 30px 8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;outline:none}
.theme-select:focus{border-color:var(--brand)}
.theme-picker.floating{position:fixed;right:18px;bottom:18px;z-index:99;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
@media(max-width:700px){.theme-picker label{display:none}.theme-select{max-width:92px}.topbar .theme-picker{margin-left:auto}}