:root {
  --bg:#07090F; --card:rgba(255,255,255,.032); --card2:rgba(255,255,255,.055);
  --ink:#E9ECF5; --muted:#96A0B6;
  --accent:#6E63F0; --accent2:#8FA7FF; --electric:#60B2FF;
  --ok:#5BC894; --warn:#E9B44C; --bad:#F07C7C;
  --line:rgba(255,255,255,.085);
}
* { box-sizing:border-box; margin:0; padding:0; }
html { -webkit-text-size-adjust:100%; }
body {
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.55; -webkit-font-smoothing:antialiased;
  min-height:100dvh;
}
.aurora { position:fixed; inset:0; z-index:0; pointer-events:none; background:
  radial-gradient(560px 420px at 22% 6%, rgba(110,99,240,.12), transparent 62%),
  radial-gradient(480px 380px at 85% 18%, rgba(96,178,255,.07), transparent 62%); }
.gridlayer { position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5; background-image:
  linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 20%, #000 40%, transparent 100%);
  mask-image:radial-gradient(120% 90% at 50% 20%, #000 40%, transparent 100%); }
#net { position:fixed; inset:0; z-index:0; pointer-events:none; width:100%; height:100%; }
.wrap { position:relative; z-index:1; max-width:560px; margin:0 auto; padding:0 18px 56px; }

header.top { display:flex; align-items:center; gap:10px; padding:18px 0 6px; }
.mark { width:32px; height:32px; border-radius:9px; background:linear-gradient(135deg,#7C6CF0,#5a49c9);
  display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; font-size:17px; flex:none; }
.brand { font-weight:800; font-size:15.5px; letter-spacing:.2px; }
.brand span { color:var(--muted); font-weight:600; }

/* Landing */
.hero { padding:40px 0 8px; }
.eyebrow { color:var(--accent2); font-weight:700; font-size:12px; letter-spacing:1.6px; text-transform:uppercase; }
h1 { font-size:clamp(28px,7.5vw,38px); line-height:1.12; font-weight:800; letter-spacing:-.5px; margin:12px 0 12px; text-wrap:balance; }
.lead { color:var(--muted); font-size:16.5px; margin-bottom:26px; }
.urlform { display:flex; flex-direction:column; gap:10px; }
.urlform input {
  width:100%; background:rgba(10,13,22,.72); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid var(--line); border-radius:14px;
  padding:16px 18px; color:var(--ink); font-size:16px; font-family:inherit; outline:none; transition:border-color .2s;
}
.urlform input:focus { border-color:rgba(110,99,240,.7); box-shadow:0 0 0 4px rgba(110,99,240,.12); }
.btn {
  display:block; width:100%; text-align:center; background:var(--accent); color:#fff; border:0; cursor:pointer;
  border-radius:14px; padding:16px 20px; font-size:16.5px; font-weight:800; font-family:inherit; letter-spacing:.2px;
}
.btn:active { transform:translateY(1px); }
.btn.ghost { background:none; border:1px solid var(--line); color:var(--ink); font-weight:600; }
.trust { display:flex; justify-content:center; gap:7px; flex-wrap:wrap; color:var(--muted); font-size:13px; margin-top:14px; }
.trust b { color:var(--ink); font-weight:600; }
.err { color:var(--bad); font-size:14px; min-height:20px; }
.caps { display:flex; flex-wrap:wrap; gap:7px; justify-content:center; margin-top:20px; }
.caps span { font-size:12px; font-weight:700; letter-spacing:.4px; color:var(--muted);
  border:1px solid var(--line); border-radius:999px; padding:5px 12px; background:rgba(255,255,255,.02); }
.caps span b { color:var(--accent2); font-weight:700; }

/* Live progress — vertical intelligence line, no containers */
.iline { display:flex; flex-direction:column; margin-top:30px; position:relative; padding-left:2px; }
.il { display:flex; align-items:baseline; gap:14px; padding:11px 0; font-size:15.5px;
  opacity:.3; transition:opacity .35s; border-bottom:1px solid rgba(255,255,255,.04); }
.il.on { opacity:1; }
.il .num { font-size:11.5px; font-weight:800; letter-spacing:1px; color:var(--muted); flex:none; width:22px; }
.il.on .num { color:var(--accent2); }
.il.done .num { color:var(--ok); }
.il .mk { flex:none; width:14px; text-align:center; font-size:12px; }
.il.on:not(.done) .mk::after { content:"●"; color:var(--electric); animation:blink 1.2s ease-in-out infinite; }
.il.done .mk::after { content:"✓"; color:var(--ok); }
@keyframes blink { 50% { opacity:.35; } }
.scanning-note { text-align:center; color:var(--muted); font-size:13px; margin-top:16px; }
.cached-banner { background:rgba(91,200,148,.1); border:1px solid rgba(91,200,148,.35); border-radius:13px;
  padding:13px 16px; font-size:14.5px; margin-top:22px; display:none; }
.cached-banner a { color:var(--ok); font-weight:700; text-decoration:none; }

/* Result */
#result { display:none; }
section.block { margin-top:22px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 18px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.biz { display:flex; align-items:center; gap:13px; }
.biz .icon { width:44px; height:44px; border-radius:12px; background:rgba(124,108,240,.16); color:var(--accent2);
  display:flex; align-items:center; justify-content:center; font-size:20px; flex:none; }
.biz .label { font-size:11.5px; letter-spacing:1.4px; text-transform:uppercase; color:var(--muted); font-weight:700; }
.biz .name { font-weight:800; font-size:17px; }
.biz .meta { color:var(--muted); font-size:13.5px; }

.opps { text-align:center; padding:26px 18px; }
.opps .big { font-family:inherit; font-size:44px; font-weight:800; line-height:1; letter-spacing:-1px; }
.opps .big span { color:var(--electric); text-shadow:0 0 28px rgba(96,178,255,.35); }
.opps h2 { font-size:19px; font-weight:800; margin-top:6px; }
.opps .hi { display:inline-block; margin-top:10px; background:rgba(240,124,124,.13); color:var(--bad);
  border-radius:999px; padding:5px 14px; font-size:13.5px; font-weight:700; }
.scoreline { margin-top:14px; color:var(--muted); font-size:13.5px; }
.scoreline b { color:var(--ink); font-size:15px; }

.mod { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.mod .t { font-weight:800; font-size:15px; }
.mod .s { color:var(--muted); font-size:13px; }
.mod .tag { flex:none; font-size:12px; font-weight:700; color:var(--muted); border:1px solid var(--line);
  border-radius:999px; padding:4px 11px; }
.card.muted { opacity:.75; }

.areas { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.area { background:var(--card); border:1px solid var(--line); border-radius:13px; padding:12px 14px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.area .k { color:var(--muted); font-size:12.5px; font-weight:600; }
.area .v { font-size:21px; font-weight:800; margin-top:2px; }
.area .v.na { color:var(--muted); font-size:14px; font-weight:600; }
.area .v.warn { color:var(--warn); } .area .v.bad { color:var(--bad); } .area .v.ok { color:var(--ok); }

h3.sec { font-size:12.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); margin:26px 0 10px; font-weight:700; }
.finding { border-left:3px solid var(--accent); }
.finding.critical, .finding.high { border-left-color:var(--bad); }
.finding.medium { border-left-color:var(--warn); }
.finding .chip { display:inline-block; font-size:11px; font-weight:800; letter-spacing:.8px; border-radius:6px; padding:2px 8px; margin-bottom:8px; }
.finding.critical .chip, .finding.high .chip { background:rgba(240,124,124,.14); color:var(--bad); }
.finding.medium .chip { background:rgba(233,180,76,.13); color:var(--warn); }
.finding.low .chip { background:rgba(162,159,190,.15); color:var(--muted); }
.finding h4 { font-size:15.5px; line-height:1.35; }
.finding .meta { color:var(--muted); font-size:13px; margin-top:6px; }
.finding details { margin-top:10px; }
.finding summary { color:var(--electric); font-size:13.5px; font-weight:700; cursor:pointer; list-style:none; }
.finding summary::before { content:"▸ "; }
.finding details[open] summary::before { content:"▾ "; }
.ev { background:rgba(255,255,255,.045); border-radius:10px; padding:10px 13px; margin-top:8px; font-size:12.5px; color:var(--muted); overflow-x:auto; }
.ev b { color:var(--ink); }
.ev code { font-family:'SF Mono',Menlo,monospace; font-size:11.5px; word-break:break-all; }

.locked { position:relative; overflow:hidden; }
.locked .blurlist { filter:blur(5px); opacity:.55; user-select:none; pointer-events:none; }
.locked .over { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.locked .over .lock { font-size:22px; }
.locked .over .t { font-weight:800; font-size:15.5px; text-align:center; padding:0 18px; }
.blurrow { display:flex; justify-content:space-between; padding:9px 2px; border-bottom:1px solid var(--line); font-size:14px; }

.cta-box { text-align:center; margin-top:26px; }
.cta-box .sub { color:var(--muted); font-size:13.5px; margin-top:10px; }
.cta-box .alt { margin-top:16px; font-size:14px; color:var(--muted); }
.cta-box .alt a { color:var(--accent2); font-weight:700; text-decoration:none; }

.dq { margin-top:26px; color:var(--muted); font-size:12.5px; }
.dq summary { cursor:pointer; }
footer.bottom { margin-top:36px; text-align:center; color:var(--muted); font-size:12.5px; }
footer.bottom a { color:var(--muted); }

/* Asymmetric cinematic hero */
.hero.split { display:flex; flex-direction:column; gap:6px; padding:26px 0 8px; }
.hero-map { position:relative; height:300px; margin:0 -10px; }
.hero-map canvas, .mapbox canvas { display:block; width:100%; height:100%; }

/* Digital Intelligence Map (result) */
h3.sec.center { text-align:center; }
.imap { display:flex; flex-direction:column; gap:4px; }
.mapbox { position:relative; height:340px; margin:0 -10px; }
.maphint { text-align:center; color:var(--muted); font-size:11.5px; letter-spacing:.3px; opacity:.7; }
.ipanel { border:1px solid var(--line); border-radius:16px; padding:16px 16px 14px; margin-top:10px;
  background:rgba(10,13,22,.55); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); min-height:120px; }
.ipanel .ptitle { font-weight:800; font-size:16.5px; }
.ipanel .ptitle .tw { font-weight:800; }
.tw.ok { color:var(--ok); } .tw.warn { color:var(--warn); } .tw.risk { color:var(--bad); } .tw.intel { color:var(--electric); } .tw.muted { color:var(--muted); }
.ipanel .pscore { color:var(--muted); font-size:12.5px; margin-top:8px; }
.ipanel .pscore .sc { font-size:14px; }
.sc.ok { color:var(--ok); } .sc.warn { color:var(--warn); } .sc.risk { color:var(--bad); } .sc.intel { color:var(--electric); }
.ipanel .pn { color:var(--muted); font-size:13.5px; margin:10px 0 8px; }
.ipanel .card.finding { margin-top:10px; }
.lockedrow { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:13.5px;
  border:1px dashed rgba(255,255,255,.12); border-radius:11px; padding:10px 13px; margin-top:8px; }

#progress { max-width:640px; margin:0 auto; }
#result > :not(.imap) { max-width:640px; margin-left:auto; margin-right:auto; }

/* Intelligence feed — no card metaphor: number + severity carry the color */
.feed { margin-top:4px; }
.fi { padding:18px 2px 16px; border-bottom:1px solid rgba(255,255,255,.07); }
.ipanel .fi { border-bottom:0; padding:10px 0 2px; }
.fihead { display:flex; align-items:baseline; gap:12px; }
.finum { font-size:12px; font-weight:800; letter-spacing:1px; color:var(--muted); }
.fisev { font-size:11px; font-weight:800; letter-spacing:.8px; }
.finum.critical, .fisev.critical, .finum.high, .fisev.high { color:var(--bad); }
.finum.medium, .fisev.medium { color:var(--warn); }
.finum.low, .fisev.low { color:var(--muted); }
.fi h4 { font-size:15.5px; line-height:1.35; margin-top:7px; }
.fi .meta { color:var(--muted); font-size:13px; margin-top:5px; }
.fi details { margin-top:9px; }
.fi summary { color:var(--electric); font-size:13.5px; font-weight:700; cursor:pointer; list-style:none; }
.fi summary::before { content:"▸ "; }
.fi details[open] summary::before { content:"▾ "; }
.lockedrow { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:13.5px;
  border-top:1px dashed rgba(255,255,255,.12); padding:12px 2px 2px; margin-top:12px; }
.lockedrow a { color:var(--accent2); font-weight:700; text-decoration:none; }
.scw { font-weight:700; }

/* mobile map overflow chips */
.mapchips { display:flex; flex-wrap:wrap; gap:7px; justify-content:center; margin-top:10px; }
.mchip { background:none; border:0; border-bottom:1px solid rgba(255,255,255,.14); color:var(--muted);
  font-family:inherit; font-size:12.5px; font-weight:700; padding:4px 2px; cursor:pointer; }

/* technology / AI ecosystem rails — network motif, official marks, not a logo wall */
.techrow { margin-top:6px; padding:26px 0 10px; overflow:hidden; display:flex; flex-direction:column; gap:26px;
  border-top:1px solid rgba(255,255,255,.05); }
.techlabel { text-align:center; font-size:11px; font-weight:800; letter-spacing:2.4px; color:var(--muted); margin-bottom:16px; }
.marquee { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.mtrack { display:flex; align-items:center; width:max-content; animation:mscroll 36s linear infinite; }
.mtrack.rev { animation:mscrollrev 42s linear infinite; }
.marquee:hover .mtrack { animation-play-state:paused; }
.mitem { display:flex; align-items:center; gap:11px; white-space:nowrap; opacity:.85; transition:opacity .25s, transform .25s; }
.marquee:hover .mitem { opacity:.35; }
.marquee .mitem:hover { opacity:1; transform:scale(1.06); }
.lgw { display:flex; align-items:center; }
.lg { width:24px; height:24px; display:block; }
.mtx { display:flex; flex-direction:column; line-height:1.15; }
.mtx b { color:var(--ink); font-weight:700; font-size:15px; }
.mtx i { font-style:normal; color:var(--muted); font-size:11px; opacity:0; transition:opacity .25s; }
.mitem:hover .mtx i { opacity:1; }
.mlink { width:84px; height:1px; margin:0 22px; flex:none; background:linear-gradient(90deg, rgba(112,110,220,.08), rgba(112,110,220,.5), rgba(112,110,220,.08));
  background-size:200% 100%; animation:msignal 2.6s linear infinite; }
@keyframes mscroll { to { transform:translateX(-33.333%); } }
@keyframes mscrollrev { from { transform:translateX(-33.333%); } to { transform:translateX(0); } }
@keyframes msignal { to { background-position:-200% 0; } }
@media (max-width:699px) {
  .mtx b { font-size:13.5px; }
  .lg { width:20px; height:20px; }
  .mlink { width:44px; margin:0 14px; }
  .techrow { gap:20px; padding-top:20px; }
}
@media (prefers-reduced-motion: reduce) { .mtrack, .mtrack.rev, .mlink { animation:none; } }

/* Result story */
.story { text-align:center; padding:30px 0 4px; }
.story-big { font-size:88px; font-weight:800; line-height:1; letter-spacing:-3px; margin-top:14px;
  color:var(--electric); text-shadow:0 0 44px rgba(96,178,255,.3); }
.story-sub { font-size:19px; font-weight:700; margin-top:8px; text-wrap:balance; }
.split { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; margin-top:16px; font-size:13.5px; color:var(--muted); }
.split .sp b { font-size:15px; }
.sp.risk b { color:var(--bad); } .sp.opp b { color:#BEE886; } .sp.ok b { color:var(--ok); }

@media (min-width:700px) {
  .wrap { max-width:640px; }
  .wrap.wide { max-width:1060px; }
  .urlform { flex-direction:row; }
  .urlform input { flex:1; }
  .urlform .btn { width:auto; padding:16px 28px; }
  .hero.split { flex-direction:row; align-items:center; gap:34px; padding:48px 0 12px; min-height:66vh; }
  .hero-copy { flex:1.05; }
  .hero-map { flex:1; height:460px; margin:0; }
  .imap { display:grid; grid-template-columns:1.15fr 1fr; gap:20px 20px; align-items:start; }
  .imap .mapbox { grid-column:1; grid-row:1; }
  .imap .maphint { grid-column:1; grid-row:2; }
  .imap .ipanel { grid-column:2; grid-row:1 / span 2; }
  .mapbox { height:440px; margin:0; }
  .ipanel { margin-top:0; position:sticky; top:20px; }
  .story-big { font-size:112px; }
}
@media (prefers-reduced-motion: reduce) { .step.on:not(.done) .dot { animation:none; } }
.scope-note { text-align:center; color:var(--muted); font-size:13px; margin:22px auto 0; max-width:520px; line-height:1.55; }
/* AI Visibility module (Sprint 6) — module-scoped, no global redesign */
.ai-sec { font-size:12px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted);
  font-weight:800; margin:18px 0 8px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.ai-tag { font-size:10px; letter-spacing:.6px; color:var(--electric); border:1px solid rgba(96,178,255,.35);
  border-radius:999px; padding:1px 8px; text-transform:none; }
.ai-sub { font-size:11px; letter-spacing:.2px; color:var(--muted); font-weight:600; text-transform:none; }
.ai-head { font-size:15.5px; line-height:1.45; margin:4px 0 6px; }
.ai-head b { color:var(--electric); }
.unavailable-note { opacity:.75; }
.prows { margin-top:8px; }
.prow { display:block; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:13.5px; }
.prow summary { display:flex; align-items:baseline; gap:10px; cursor:pointer; list-style:none; }
.prow summary::after { content:"▸"; margin-left:auto; color:var(--muted); font-size:11px; }
.prow[open] summary::after { content:"▾"; }
.prow.flat { display:flex; gap:10px; align-items:baseline; }
.prow.unavailable { opacity:.55; }
.pname { font-weight:700; min-width:86px; }
.pstat { color:var(--muted); font-size:12.5px; }
.pstat.err { color:var(--warn); }
.pmark { font-weight:700; font-size:12.5px; }
.pmark.ok { color:var(--ok); } .pmark.warn { color:var(--warn); } .pmark.muted { color:var(--muted); }
.pcit { color:var(--muted); font-size:12px; }
.pq { padding:8px 0 4px 12px; border-left:1px solid rgba(255,255,255,.08); margin:6px 0; }
.pqh { font-size:12px; font-weight:700; color:var(--accent2); }
.pqx { color:var(--muted); font-size:12.5px; margin-top:4px; line-height:1.45; }
.pqc { font-size:11.5px; color:var(--muted); margin-top:4px; overflow-wrap:anywhere; }
.pqc code { font-size:10.5px; }
.pqe { font-size:11px; color:var(--muted); opacity:.8; margin-top:3px; }
.accrow { display:flex; flex-wrap:wrap; gap:7px; }
.acc { font-size:12px; font-weight:700; border:1px solid var(--line); border-radius:999px; padding:3px 10px; color:var(--muted); }
.acc.ok { color:var(--ok); } .acc.bad { color:var(--bad); }
.ai-hist { font-size:11.5px; color:var(--muted); margin-top:8px; }
.ai-ctas { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:16px; padding-top:12px; border-top:1px solid rgba(255,255,255,.07); }
.ai-ctas a { color:var(--accent2); font-weight:700; font-size:13px; text-decoration:none; }
.ai-ctas a:last-child { color:var(--electric); }
/* Sprint 6.1 — AI panel conversion hierarchy: business result dominates */
.ai-hero { margin:10px 0 4px; }
.ai-big { display:block; font-size:46px; font-weight:800; letter-spacing:-1.5px; line-height:1;
  color:var(--electric); text-shadow:0 0 30px rgba(96,178,255,.28); }
.ai-lead { display:block; font-size:17px; font-weight:700; line-height:1.4; margin-top:6px; text-wrap:balance; }
.ai-hero.unavailable .ai-lead { color:var(--muted); font-weight:600; }
.ai-strip { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 2px; }
.ps { font-size:13px; font-weight:800; border:1px solid var(--line); border-radius:999px; padding:4px 12px; }
.ps.ok { color:var(--ok); border-color:rgba(91,200,148,.4); }
.ps.warn { color:var(--warn); border-color:rgba(233,180,76,.4); }
.ps.muted { color:var(--muted); opacity:.65; }
.ai-meaning { font-size:15px; line-height:1.55; }
.ai-comp { margin-top:12px; font-size:14px; color:var(--ink); }
.ai-comp b { color:var(--warn); font-size:16px; }
.ai-comp.score-first b { font-size:18px; }
.ai-prescore { display:block; color:var(--muted); font-size:12.5px; margin-top:3px; }
.ai-improve { margin:2px 0 0 18px; font-size:14.5px; line-height:1.7; }
.ai-improve li::marker { color:var(--accent2); }
.ai-cta-main { display:block; text-align:center; background:var(--accent); color:#fff !important; border-radius:12px;
  padding:13px 18px; font-size:15px; font-weight:800; }
.ai-cta-alt { display:block; text-align:center; margin-top:9px; font-size:13.5px; }
.ai-tech { margin-top:18px; border-top:1px solid rgba(255,255,255,.07); padding-top:12px; }
.ai-tech > summary { color:var(--muted); font-size:13px; font-weight:700; cursor:pointer; list-style:none; }
.ai-tech > summary::before { content:"▸ "; }
.ai-tech[open] > summary::before { content:"▾ "; }
@media (max-width:699px) { .ai-big { font-size:52px; } .ai-lead { font-size:18px; } }
/* Sprint 8 — Competitor Intelligence panel (module-scoped) */
.crow { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.07); }
.cinfo b { font-size:14.5px; }
.cmeta { display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.cacts { display:flex; gap:7px; flex:none; }
.cbtn { background:none; border:1px solid var(--line); color:var(--muted); border-radius:9px;
  padding:6px 12px; font-family:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
.cbtn.ok { color:var(--ok); border-color:rgba(91,200,148,.4); }
.cbtn:disabled { opacity:.5; cursor:default; }
.cnote { color:var(--muted); font-size:11.5px; line-height:1.5; margin-top:6px; }
.cmpbox { border-left:1px solid rgba(255,255,255,.09); padding:10px 0 6px 13px; margin:4px 0 10px; }
.cmp-scores { font-size:14px; }
.cmp-scores b { font-size:16px; }
.cmp-scores .ok { color:var(--ok); } .cmp-scores .bad { color:var(--bad); }
.cmpbox h6 { font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted);
  font-weight:800; margin:12px 0 6px; }
.gapt { font-size:13px; }
.gaprow { display:flex; justify-content:space-between; gap:10px; padding:5px 0;
  border-bottom:1px dashed rgba(255,255,255,.06); }
.gaprow span:last-child { color:var(--muted); font-size:12px; flex:none; }
.caddrow { display:flex; gap:8px; margin-top:16px; }
.caddrow input { flex:1; background:rgba(10,13,22,.72); border:1px solid var(--line); border-radius:10px;
  padding:9px 12px; color:var(--ink); font-size:13.5px; font-family:inherit; outline:none; }
.cerr { color:var(--bad); font-size:12.5px; min-height:16px; margin-top:4px; }

/* Commerce Intelligence панел (Sprint 10 Batch 2) — същият визуален език */
.cm-card { display:flex; flex-direction:column; gap:12px; }
.cm-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.cm-title { font-weight:800; font-size:16.5px; }
.cm-score b { font-size:18px; } .cm-score span { color:var(--muted); font-size:13px; }
.cm-headline { font-size:14.5px; }
.cm-note { color:var(--muted); font-size:13px; }
.cm-cols { display:grid; gap:14px; grid-template-columns:1fr; }
@media(min-width:560px){ .cm-cols { grid-template-columns:1fr 1fr; } }
.cm-col-label { font-size:11.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--muted); margin-bottom:7px; }
.cm-row { font-size:13.5px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.04); }
.cm-row:last-child { border-bottom:0; }
.cm-row.ok { color:var(--ink); } .cm-row.mut { color:var(--muted); }
.cm-ex { font-size:13px; color:var(--muted); padding:8px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.cm-ex:last-child { border-bottom:0; }
.cm-ex-p { color:var(--ink); font-weight:700; }
.cm-ex-url { color:var(--muted); font-weight:400; font-size:12px; word-break:break-all; }
.cm-prov { margin-top:8px; }
.cm-prov-row { font-size:12px; color:var(--muted); padding:2px 0; }
.cm-details a { color:var(--accent2); }

/* Merchant блокове (commerce_v2) */
.cm-row.warn { color:var(--warn); }
.cm-tablewrap { overflow-x:auto; margin:4px 0; }
.cm-table { width:100%; border-collapse:collapse; font-size:12.5px; }
.cm-table th { text-align:left; color:var(--muted); font-weight:700; padding:5px 8px; border-bottom:1px solid var(--line); white-space:nowrap; }
.cm-table td { padding:5px 8px; border-bottom:1px solid rgba(255,255,255,.05); }
.cm-table tr.bad td { color:var(--warn); }