/* LastingWeb free tools. System fonts only;strict CSP (no inline script). */
:root {
  --ivory:#fbf7f2;--paper:#fffdfa;--sand:#f3ebe4;--ink:#261820;--muted:#5f5157;
  --line:#e2d5d0;--line-2:#eee4df;--burg:#651b32;--deep:#481222;--rose:#98596b;--blush:#f1dfe3;
  --good:#17694a;--good-bg:#e4f1e9;--warn:#8f5407;--warn-bg:#fbefd8;--bad:#b0261e;--bad-bg:#f9e2df;
  --info:#3d5878;--info-bg:#e7edf4;
  --serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --r:14px;--r-s:9px;--gut:16px;
  --sh:0 1px 2px rgba(38,24,32,.04), 0 8px 28px -12px rgba(38,24,32,.14);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*, *::before, *::after { box-sizing:border-box;}
html { -webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body { margin:0;background:var(--ivory);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img, svg { display:block;max-width:100%;}
a { color:var(--burg);text-underline-offset:3px;text-decoration-thickness:1px;}
a:hover { color:var(--deep);}
h1, h2, h3 { font-family:var(--serif);font-weight:400;line-height:1.12;margin:0;letter-spacing:-.015em;}
h1 em, h2 em { font-style:italic;color:var(--burg);}
p { margin:0 0 1em;}
:is(a, button, summary, input, select, textarea, [tabindex]):focus-visible { outline:3px solid #9b3856;outline-offset:2px;border-radius:4px;}
[hidden] { display:none !important;}
.sr-only { position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip { position:absolute;left:8px;top:-60px;z-index:50;background:var(--burg);color:#fff;padding:10px 14px;border-radius:8px;}
.skip:focus { top:8px;}
.wrap { width:100%;max-width:1200px;margin:0 auto;padding:0 var(--gut);}
.card { background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);}
.eyebrow { font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--burg);margin:0;}
.eyebrow--light { color:#e7bfcb;}
.section-h { font-size:clamp(28px, 3.4vw, 40px);margin:0 0 24px;}
.section-h--tight { margin:0 0 6px;font-size:clamp(24px, 2.6vw, 32px);}

/* Buttons */
.btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid var(--burg);border-radius:999px;background:var(--burg);color:#fff;font:600 15px/1 var(--sans);text-decoration:none;cursor:pointer;transition:background .2s, transform .15s, box-shadow .2s;white-space:nowrap;}
.btn:hover { background:var(--deep);color:#fff;box-shadow:0 6px 18px -8px rgba(101,27,50,.6);}
.btn:active { transform:translateY(1px);}
.btn[disabled] { opacity:.65;cursor:progress;}
.btn--small { min-height:38px;padding:0 14px;font-size:13.5px;}
.btn--ghost { background:transparent;color:var(--burg);border-color:var(--line);}
.btn--ghost:hover { background:var(--sand);color:var(--deep);box-shadow:none;}
.btn--light { background:#fff;color:var(--burg);border-color:#fff;}
.btn--light:hover { background:var(--blush);color:var(--deep);}

/* Header */
.site-head { border-bottom:1px solid var(--line);background:rgba(251,247,242,.92);position:sticky;top:0;z-index:20;backdrop-filter:saturate(1.4) blur(8px);}
.site-head__in { display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px;}
.brand { display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 21px/1 var(--sans);letter-spacing:-.8px;}
.brand:hover { color:var(--ink);}
.brand__mark { min-width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--burg);color:var(--ivory);font:500 25px/1 var(--serif);letter-spacing:-2px;padding:0 3px 2px 0;border-radius:3px;}
.brand__mark > span { color:#e7bfcb;}
.brand--small { font-size:18px;}
.brand--small .brand__mark { min-width:30px;height:26px;font-size:21px;}
.site-nav { display:flex;align-items:center;gap:18px;font-size:14px;}
.site-nav a { color:var(--ink);text-decoration:none;padding:10px 0;background:linear-gradient(var(--burg), var(--burg)) 0 100%/0 1px no-repeat;transition:background-size .25s;}
.site-nav a:hover, .site-nav a[aria-current="page"] { background-size:100% 1px;color:var(--burg);}
.site-nav__opt { display:none;}
.site-nav .site-nav__login { border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:none;}
.site-nav .site-nav__login:hover { border-color:var(--burg);}
@media (max-width:420px) { .site-nav a[href="/#pricing"] { display:none;} }
@media (min-width:760px) { .site-nav { gap:30px;} .site-nav__opt { display:inline;} }

/* Hero */
.hero { position:relative;padding:40px 0 44px;background:radial-gradient(900px 420px at 88% 0%, var(--blush) 0%, transparent 62%), linear-gradient(180deg, var(--ivory), var(--sand));border-bottom:1px solid var(--line);}
.hero h1 { font-size:clamp(38px, 6.4vw, 70px);line-height:1.03;letter-spacing:-.035em;margin:14px 0 16px;max-width:15em;}
.hero__lead { color:var(--muted);font-size:clamp(16.5px, 1.6vw, 19px);line-height:1.65;max-width:38em;margin-bottom:26px;}
.hero__row { display:flex;align-items:center;gap:12px;margin-top:22px;}
.hero__icon { width:40px;height:40px;border-radius:11px;background:var(--paper);border:1px solid var(--line);color:var(--burg);display:grid;place-items:center;}
.hero--hub { padding:56px 0 60px;}
.hero--report h1 { font-size:clamp(32px, 5vw, 54px);overflow-wrap:anywhere;}
.crumbs { display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);}
.crumbs a { color:var(--muted);text-decoration:none;}
.crumbs a:hover { color:var(--burg);text-decoration:underline;}
@media (min-width:900px) { .hero { padding:56px 0 64px;} .hero--hub { padding:88px 0 96px;} }

/* URL form */
.urlform { display:flex;flex-wrap:wrap;gap:10px;max-width:680px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px -24px rgba(72,18,34,.35);}
.urlform input { flex:1 1 220px;min-width:0;min-height:52px;border:0;background:transparent;padding:0 14px;font:17px var(--sans);color:var(--ink);}
.urlform input::placeholder { color:#8d7f85;}
.urlform input:focus-visible { outline:none;}
.urlform:focus-within { border-color:var(--rose);box-shadow:0 0 0 4px rgba(152,89,107,.18), 0 18px 50px -24px rgba(72,18,34,.35);}
.urlform .btn { flex:1 0 auto;min-height:52px;border-radius:15px;padding:0 26px;font-size:16px;}
.urlform__msg { flex-basis:100%;margin:0;padding:0 12px;font-size:14px;color:var(--bad);min-height:0;}
.urlform__msg:empty { display:none;}
.urlform__msg.is-wait { color:var(--warn);}
@media (min-width:560px) { .urlform { flex-wrap:nowrap;border-radius:999px;} .urlform input { padding:0 20px;} .urlform .btn { flex:0 0 auto;border-radius:999px;} .urlform__msg { position:absolute;margin-top:70px;} .urlform { position:relative;} }
.trust { margin:16px 0 0;font-size:13.5px;color:var(--muted);}
.urlform + .trust { margin-top:18px;}

/* Tool cards */
.hub__grid-wrap { padding-top:56px;padding-bottom:24px;}
.tgrid { display:grid;gap:14px;grid-template-columns:1fr;}
@media (min-width:640px) { .tgrid { grid-template-columns:repeat(2, 1fr);} }
@media (min-width:1000px) { .tgrid { grid-template-columns:repeat(3, 1fr);gap:18px;} .tgrid--related { grid-template-columns:repeat(4, 1fr);} }
.tcard { display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:border-color .2s, transform .2s var(--ease), box-shadow .2s;}
.tcard:hover { color:var(--ink);border-color:var(--rose);transform:translateY(-2px);box-shadow:var(--sh);}
.tcard__icon { width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--blush);color:var(--burg);margin-bottom:6px;}
.tcard__name { font:400 22px/1.2 var(--serif);}
.tcard__lead { color:var(--muted);font-size:14.5px;line-height:1.55;flex:1;}
.tcard__go { font-size:13.5px;font-weight:600;color:var(--burg);margin-top:6px;}
@media (max-width:639px) {
  .tcard { display:grid;grid-template-columns:42px minmax(0, 1fr);gap:4px 14px;padding:18px;}
  .tcard__icon { grid-row:span 2;margin:0;}
  .tcard__go { display:none;}
}

.prose-band { padding:48px var(--gut) 72px;}
.prose { max-width:760px;}
.prose h2 { font-size:clamp(28px, 3.4vw, 40px);margin-bottom:18px;}
.prose p { color:var(--muted);font-size:17px;line-height:1.75;}

/* Explainer, FAQ, related */
.explain { padding-top:64px;padding-bottom:16px;}
.explain__grid { display:grid;gap:16px;}
@media (min-width:900px) { .explain__grid { grid-template-columns:1fr 1fr;gap:20px;} }
.explain__sec { background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px;}
.explain__sec h3 { font-size:24px;margin-bottom:12px;}
.explain__sec p, .explain__sec li { overflow-wrap:anywhere;color:var(--muted);font-size:15.5px;line-height:1.72;}
.explain__sec ul { margin:0;padding:0;list-style:none;}
.explain__sec li { position:relative;padding-left:22px;margin:6px 0;}
.explain__sec li::before { content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--rose);transform:rotate(45deg);opacity:.8;}
.faq { padding-top:48px;}
.faq__list { max-width:860px;border-top:1px solid var(--line);}
.faq__item { border-bottom:1px solid var(--line);}
.faq__item summary { cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font:400 19px/1.35 var(--serif);}
.faq__item summary::-webkit-details-marker { display:none;}
.faq__item summary::after { content:"+";position:absolute;right:6px;top:14px;font:300 26px/1 var(--sans);color:var(--burg);transition:transform .2s;}
.faq__item[open] summary::after { transform:rotate(45deg);}
.faq__item p { color:var(--muted);max-width:46em;padding-bottom:8px;}
.related { padding-top:56px;padding-bottom:72px;}

/* CTA + footer */
.cta-band { background:radial-gradient(700px 300px at 90% 0%, #7d2a44 0%, transparent 70%), var(--deep);color:#f6ecee;padding:56px 0;}
.cta-band__in { display:grid;gap:24px;align-items:center;}
.cta-band h2 { font-size:clamp(28px, 3.6vw, 42px);margin:10px 0 12px;color:#fff;}
.cta-band h2 em { color:#e7bfcb;}
.cta-band p { color:#e3cfd5;max-width:36em;margin:0;}
@media (min-width:900px) { .cta-band__in { grid-template-columns:1fr auto;} }
.site-foot { background:var(--sand);border-top:1px solid var(--line);padding:40px 0 24px;font-size:14px;color:var(--muted);}
.site-foot__in { display:grid;gap:24px;}
.site-foot nav { display:flex;flex-wrap:wrap;gap:8px 18px;}
.site-foot nav a { color:var(--ink);text-decoration:none;}
.site-foot nav a:hover { color:var(--burg);text-decoration:underline;}
.site-foot__brand p { margin:10px 0 0;}
.site-foot__copy { margin-top:28px;font-size:12.5px;}
@media (min-width:900px) { .site-foot__in { grid-template-columns:1.1fr 2fr auto;} }

/* ---------- Run panel ---------- */
.run { padding:32px 0 8px;scroll-margin-top:64px;}
.run__top { display:grid;gap:14px;}
@media (min-width:980px) { .run__top { grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);gap:18px;} .run__top:has(> .feed[hidden]) { grid-template-columns:minmax(0,1fr); } }
.run__score { display:grid;gap:20px;padding:22px;align-items:center;grid-template-columns:1fr;justify-items:center;}
@media (min-width:520px) { .run__score { grid-template-columns:auto 1fr;justify-items:stretch;} }
.run__meta { min-width:0;width:100%;}
.run__eyebrow { font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--burg);margin:0 0 4px;}
.run__url { font:400 22px/1.25 var(--serif);margin:0 0 14px;overflow-wrap:anywhere;}
.run__phase { font-size:13.5px;color:var(--muted);margin:8px 0 14px;min-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pbar { height:8px;background:var(--sand);border-radius:99px;overflow:hidden;position:relative;}
.pbar > span { position:absolute;inset:0 auto 0 0;width:0;border-radius:99px;background:linear-gradient(90deg, var(--rose), var(--burg));transition:width .5s var(--ease);}
.pbar > span::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);animation:sheen 1.4s linear infinite;}
.run.is-done .pbar > span::after { display:none;}
@keyframes sheen { from { transform:translateX(-100%);} to { transform:translateX(100%);} }
.counters { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;margin:0;}
@media (min-width:440px) { .counters { grid-template-columns:repeat(4, minmax(0, 1fr));} .counters > div { padding:8px;} }
.counters > div { background:var(--ivory);border:1px solid var(--line-2);border-radius:var(--r-s);padding:8px 10px;}
.counters dt { font-size:11px;color:var(--muted);white-space:nowrap;}
.counters dd { margin:0;font:600 20px/1.2 var(--sans);font-variant-numeric:tabular-nums;}
.counters > div { display:flex;flex-direction:column-reverse;}
.run__actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}

/* Gauges */
.gauge { --s:64px;width:var(--s);height:var(--s);position:relative;flex:none;}
.gauge--xl { --s:168px;}
.gauge svg { width:100%;height:100%;transform:rotate(-90deg);}
.gauge .g-track { stroke:var(--sand);}
.gauge .g-arc { stroke:var(--rose);transition:stroke-dashoffset 1.2s var(--ease), stroke .4s;}
.gauge.is-spin svg { animation:spin 1.1s linear infinite;}
.gauge.is-spin .g-arc { transition:none;}
.gauge[data-band="good"] .g-arc { stroke:var(--good);}
.gauge[data-band="mid"] .g-arc { stroke:#c27b12;}
.gauge[data-band="bad"] .g-arc { stroke:var(--bad);}
.gauge__val { position:absolute;inset:0;display:grid;place-content:center;text-align:center;}
.gauge__num { font:600 calc(var(--s) * .3)/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.gauge--xl .gauge__num { font:400 54px/1 var(--serif);}
.gauge__sub { font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:.04em;}
.gauge__grade { display:inline-block;margin-top:6px;padding:2px 9px;border-radius:99px;font:700 12px/1.5 var(--sans);background:var(--sand);color:var(--ink);}
.gauge[data-band="good"] .gauge__grade { background:var(--good-bg);color:var(--good);}
.gauge[data-band="mid"] .gauge__grade { background:var(--warn-bg);color:var(--warn);}
.gauge[data-band="bad"] .gauge__grade { background:var(--bad-bg);color:var(--bad);}
@keyframes spin { to { transform:rotate(270deg);} }

/* Live feed */
.feed { display:flex;flex-direction:column;min-width:0;height:340px;overflow:hidden;}
@media (min-width:980px) { .feed { height:auto;min-height:300px;max-height:340px;} }
.feed__head { display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-2);font-size:13px;font-weight:600;letter-spacing:.03em;}
.feed__dot { width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 rgba(23,105,74,.5);animation:pulse 1.6s infinite;}
.run.is-done .feed__dot { animation:none;background:var(--muted);}
@keyframes pulse { 70% { box-shadow:0 0 0 8px rgba(23,105,74,0);} 100% { box-shadow:0 0 0 0 rgba(23,105,74,0);} }
.feed__count { margin-left:auto;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums;}
.feed__list { list-style:none;margin:0;padding:6px 0;overflow-y:auto;flex:1;font-size:13.5px;overscroll-behavior:contain;scrollbar-width:thin;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 24px);mask-image:linear-gradient(180deg, transparent 0, #000 24px);}
.fl { display:grid;grid-template-columns:18px auto minmax(0, 1fr) auto;gap:10px;align-items:center;padding:4px 18px;animation:flIn .32s var(--ease) both;}
.fl__ic { width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--sans);color:#fff;}
.fl__mod { font:600 10.5px/1.6 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--burg);background:var(--blush);padding:0 6px;border-radius:4px;}
.fl__lab { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fl__t { font:12px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;}
.fl--ok .fl__ic { background:var(--good);}
.fl--warn .fl__ic { background:#c27b12;}
.fl--fail .fl__ic { background:var(--bad);}
.fl--info .fl__ic { background:var(--info);}
.fl--running .fl__ic { border:2px solid var(--line);border-top-color:var(--burg);animation:spin360 .7s linear infinite;}
.fl--running .fl__lab { color:var(--muted);}
.fl--quick { animation:none;}
.fl--resolved { opacity:.55;}
.fl--resolved .fl__ic { animation:none;border:0;background:var(--line);}
.fl--fail .fl__lab { color:var(--bad);}
@keyframes spin360 { to { transform:rotate(360deg);} }
@keyframes flIn { from { opacity:0;transform:translateY(8px);} to { opacity:1;transform:none;} }

/* Mini scoreboard */
.minis:has(> :only-child) { display:none;}
.minis { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin:14px 0 0;}
@media (min-width:640px) { .minis { grid-template-columns:repeat(3, minmax(0, 1fr));} }
@media (min-width:980px) { .minis { grid-template-columns:repeat(5, minmax(0, 1fr));gap:12px;} }
.mini { display:flex;align-items:center;gap:10px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);color:var(--ink);text-decoration:none;min-width:0;transition:border-color .2s, background .3s;}
.mini:hover { border-color:var(--rose);color:var(--ink);}
.mini .gauge { --s:40px;}
@media (min-width:640px) { .mini { padding:12px;gap:12px;} .mini .gauge { --s:48px;} }
.mini .gauge__num { font-size:14px;}
.mini__t { min-width:0;}
.mini__name { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;font-size:13.5px;line-height:1.25;hyphens:auto;}
.mini__st { display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mini.is-new { animation:pop .6s var(--ease);}
@keyframes pop { 0% { background:var(--blush);} 100% { background:var(--paper);} }

/* Module sections */
.mods { display:grid;gap:16px;margin-top:22px;}
.mod { padding:0;overflow:hidden;scroll-margin-top:80px;}
.mod__head { display:grid;grid-template-columns:auto minmax(0, 1fr);gap:14px;align-items:start;padding:16px;border-bottom:1px solid var(--line-2);}
.mod__head .gauge { --s:56px;}
@media (min-width:640px) { .mod__head { padding:22px 24px;gap:20px;} .mod__head .gauge { --s:72px;} .mod__body { padding:20px 24px 24px;} }
.mod__h { font-size:clamp(22px, 2.4vw, 28px);margin-bottom:4px;}
.mod__sum { color:var(--muted);margin:0;font-size:15px;}
.mod__pills { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.pill { display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font:600 12px/1.6 var(--sans);background:var(--sand);color:var(--ink);}
.pill--fail { background:var(--bad-bg);color:var(--bad);}
.pill--warn { background:var(--warn-bg);color:var(--warn);}
.pill--pass { background:var(--good-bg);color:var(--good);}
.pill--info { background:var(--info-bg);color:var(--info);}
.mod__body { padding:16px;display:grid;gap:18px;min-width:0;}
.mod--error .mod__head { background:var(--bad-bg);}
.sub-h { font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;}

/* Skeletons */
.skel { position:relative;overflow:hidden;background:var(--sand);border-radius:6px;}
.skel::after { content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent, rgba(255,253,250,.75), transparent);animation:shimmer 1.3s infinite;}
.skel--h { height:22px;width:42%;margin-bottom:10px;}
.skel--l { height:12px;margin:10px 0;}
.skel--l:nth-child(2n) { width:86%;} .skel--l:nth-child(3n) { width:64%;}
.mod--skel .mod__body { gap:0;}
.mod--skel .gauge { opacity:.9;}
@keyframes shimmer { to { transform:translateX(100%);} }
.mod.is-filled { animation:fillIn .5s var(--ease);}
@keyframes fillIn { from { opacity:.3;transform:translateY(6px);} to { opacity:1;transform:none;} }

/* Metrics */
.tiles { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}
@media (min-width:640px) { .tiles { grid-template-columns:repeat(3, minmax(0, 1fr));} }
@media (min-width:1000px) { .tiles { grid-template-columns:repeat(6, minmax(0, 1fr));} }
.tile { border:1px solid var(--line-2);border-left:4px solid var(--line);border-radius:var(--r-s);padding:10px 12px;background:var(--ivory);min-width:0;}
.tile__l { font-size:12px;color:var(--muted);line-height:1.3;display:block;}
.tile__v { font:600 22px/1.3 var(--sans);font-variant-numeric:tabular-nums;display:block;overflow-wrap:anywhere;}
.tile--good { border-left-color:var(--good);} .tile--good .tile__v { color:var(--good);}
.tile--needs-improvement { border-left-color:#c27b12;} .tile--needs-improvement .tile__v { color:var(--warn);}
.tile--poor { border-left-color:var(--bad);} .tile--poor .tile__v { color:var(--bad);}
.seg { display:inline-flex;background:var(--sand);border-radius:99px;padding:3px;gap:2px;margin-bottom:12px;}
.seg__b { border:0;background:transparent;padding:7px 14px;min-height:34px;border-radius:99px;font:600 13px var(--sans);color:var(--muted);cursor:pointer;}
.seg__b[aria-pressed="true"] { background:var(--paper);color:var(--ink);box-shadow:0 1px 3px rgba(38,24,32,.12);}
.lhscores { display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:12px;font-size:14px;color:var(--muted);}
.lhscores b { color:var(--ink);font-variant-numeric:tabular-nums;}

/* Screenshot + filmstrip */
.shots { display:grid;gap:14px;grid-template-columns:minmax(0, 1fr);}
@media (min-width:760px) { .shots { grid-template-columns:180px minmax(0, 1fr);align-items:start;} }
.shot { border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sand);max-width:200px;aspect-ratio:9 / 16;}
.shot img { width:100%;height:100%;object-fit:cover;object-position:top;}
.film { display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;min-width:0;scrollbar-width:thin;}
.film figure { margin:0;flex:0 0 74px;}
.film img { width:74px;height:132px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:6px;background:var(--sand);}
.film figcaption { font:11px var(--mono);color:var(--muted);text-align:center;margin-top:4px;}

/* Opportunities */
.opps { list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2);}
.opps li { display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:14.5px;}
.opps__s { font:600 13px var(--mono);color:var(--warn);white-space:nowrap;}
.opps__d { grid-column:1 / -1;color:var(--muted);font-size:13.5px;}
.opps__bar { grid-column:1 / -1;height:4px;background:var(--sand);border-radius:99px;overflow:hidden;}
.opps__bar span { display:block;height:100%;background:#c27b12;border-radius:99px;}

/* Checks */
.cgroup { border:1px solid var(--line-2);border-radius:var(--r-s);overflow:hidden;}
.cgroup + .cgroup { margin-top:10px;}
.cgroup > summary { list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:600;font-size:14.5px;background:var(--ivory);}
.cgroup > summary::-webkit-details-marker { display:none;}
.cgroup > summary::after { content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;}
.cgroup[open] > summary::after { transform:rotate(-135deg);}
.check { padding:14px 12px;border-top:1px solid var(--line-2);display:grid;grid-template-columns:22px minmax(0, 1fr);gap:4px 12px;}
.check__ic { width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--sans);color:#fff;margin-top:1px;}
.check--pass .check__ic { background:var(--good);} .check--warn .check__ic { background:#c27b12;}
.check--fail .check__ic { background:var(--bad);} .check--info .check__ic { background:var(--info);}
.check__t { font-weight:600;font-size:15px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:baseline;}
.check__imp { font:600 11px/1.6 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);}
.check__b { grid-column:2;min-width:0;font-size:14.5px;}
.check__b p { margin:4px 0 0;overflow-wrap:anywhere;}
.check__why, .check__fix { color:var(--muted);}
.check__b strong { color:var(--ink);font-weight:600;}
.check__fix { background:var(--ivory);border-left:3px solid var(--rose);padding:8px 10px !important;border-radius:0 6px 6px 0;margin-top:8px !important;}
.items { margin:8px 0 0;padding:0;list-style:none;font:12.5px/1.55 var(--mono);max-height:220px;overflow:auto;background:var(--ivory);border:1px solid var(--line-2);border-radius:6px;}
.items li { padding:4px 10px;border-bottom:1px solid var(--line-2);overflow-wrap:anywhere;}
.items li:last-child { border-bottom:0;}

/* DNS records */
.dns { display:grid;gap:10px;}
.dns__r { border:1px solid var(--line-2);border-radius:var(--r-s);overflow:hidden;}
.dns__k { font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:9px 12px;background:var(--ivory);border-bottom:1px solid var(--line-2);}
.dns pre { margin:0;padding:10px 12px;font:13px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#2a1c23;color:#f3e7ea;}
.dns pre.is-empty { background:var(--paper);color:var(--muted);}

/* SERP + social previews */
.previews { display:grid;gap:14px;}
@media (min-width:1000px) { .previews { grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);} }
.serp { background:#fff;border:1px solid #dadce0;border-radius:12px;padding:16px 18px;font-family:arial, sans-serif;color:#202124;min-width:0;}
.serp__site { display:flex;align-items:center;gap:10px;margin-bottom:6px;min-width:0;}
.serp__fav { width:28px;height:28px;border-radius:50%;background:#f1f3f4;border:1px solid #ecedef;display:grid;place-items:center;overflow:hidden;flex:none;}
.serp__fav img { width:18px;height:18px;}
.serp__name { font-size:14px;line-height:20px;color:#202124;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.serp__url { font-size:12px;line-height:18px;color:#4d5156;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.serp__title { display:block;font-size:20px;line-height:26px;color:#1a0dab;margin:0 0 3px;overflow-wrap:anywhere;}
.serp__desc { font-size:14px;line-height:22px;color:#4d5156;margin:0;overflow-wrap:anywhere;}
.serp--mobile { max-width:380px;border-radius:16px;}
.serp--mobile .serp__title { font-size:18px;line-height:24px;}
.ogc { border:1px solid #dadde1;border-radius:10px;overflow:hidden;background:#fff;font-family:var(--sans);min-width:0;}
.ogc__img { aspect-ratio:1.91 / 1;background:linear-gradient(135deg, var(--sand), var(--blush));display:grid;place-items:center;color:var(--rose);font:400 20px var(--serif);overflow:hidden;}
.ogc__img img { width:100%;height:100%;object-fit:cover;}
.ogc__b { padding:10px 12px;background:#f2f3f5;border-top:1px solid #dadde1;}
.ogc__dom { font-size:12px;text-transform:uppercase;color:#606770;}
.ogc__t { font-weight:600;font-size:16px;line-height:1.3;color:#1d2129;margin:3px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ogc__d { font-size:14px;color:#606770;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.ogc--x { border-radius:16px;border-color:#cfd9de;}
.ogc--x .ogc__b { background:#fff;}
.ogc--x .ogc__dom { text-transform:none;color:#536471;}
.social-cards { display:grid;gap:14px;}
@media (min-width:640px) { .social-cards { grid-template-columns:1fr 1fr;} }
.cap { font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;}

/* SERP editor */
.serped { padding-top:40px;}
.serped__card { padding:22px;}
.serped__head p { color:var(--muted);margin:0 0 18px;max-width:46em;}
.serped__grid { display:grid;gap:22px;}
@media (min-width:980px) { .serped__grid { grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr);} }
.serped__form label { display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:14px;margin:14px 0 6px;}
.serped__form label:first-child { margin-top:0;}
:is(.serped, .calc, .lead) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), textarea, select) { width:100%;min-height:44px;border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px;font:15px/1.45 var(--sans);color:var(--ink);background:#fff;}
:is(.serped, .calc, .lead) textarea { resize:vertical;}
:is(.serped, .calc, .lead) :is(input, textarea, select):focus-visible { outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(152,89,107,.2);}
.meter { font:500 12.5px var(--mono);color:var(--good);}
.meter.is-over { color:var(--bad);}
.pxbar { height:5px;background:var(--sand);border-radius:99px;overflow:hidden;margin-top:6px;}
.pxbar span { display:block;height:100%;width:0;background:var(--good);transition:width .15s, background .2s;}
.pxbar span.is-over { background:var(--bad);}

/* Code output (generators) */
.sg__code { overflow:hidden;}
.sg__bar { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 10px 18px;border-bottom:1px solid #3d2a33;background:#2a1c23;color:#e7bfcb;font:600 12px var(--mono);letter-spacing:.08em;}
.sg__btns { display:flex;gap:6px;}
.btn--dark { color:#f3e7ea;border-color:#5a4450;}
.btn--dark:hover { background:#3d2a33;color:#fff;}
.sg__code pre { margin:0;padding:16px 18px;background:#2a1c23;color:#f3e7ea;font:13px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;}
.sg__hints { list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px;font-size:14px;}
.sg__hints li { padding:8px 12px;border-radius:var(--r-s);background:var(--warn-bg);color:var(--warn);}
.sg__hints li.is-ok { background:var(--good-bg);color:var(--good);}
.sg__hints li.is-bad { background:var(--bad-bg);color:var(--bad);}
.sg__hours { display:grid;gap:6px;}
.hrow { display:grid;grid-template-columns:44px auto minmax(0, 1fr) minmax(0, 1fr);gap:8px;align-items:center;font-size:14px;}
.hrow input[type="checkbox"] { width:20px;min-height:20px;height:20px;accent-color:var(--burg);}
.calc .hrow input[type="time"] { min-height:38px;padding:6px 8px;}
.hrow.is-closed input[type="time"] { opacity:.4;}

.report-msg { margin:32px 0;padding:18px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);}
.toast { position:fixed;left:50%;bottom:24px;transform:translate(-50%, 20px);opacity:0;background:var(--ink);color:#fff;padding:10px 18px;border-radius:99px;font-size:14px;z-index:60;transition:opacity .2s, transform .2s;pointer-events:none;}
.toast.is-on { opacity:1;transform:translate(-50%, 0);}
.log-details { margin-top:16px;}
.log-details > summary { cursor:pointer;font-size:14px;color:var(--muted);padding:8px 0;}

/* ================= Phase 2 ================= */
.sub-h--gap { margin-top:18px;}
.muted { color:var(--muted);}
.mono { font-family:var(--mono);font-size:.92em;white-space:pre-line;overflow-wrap:anywhere;}
.tx-bad { color:var(--bad);} .tx-good { color:var(--good);}
.note { font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.55;}
.okline, .badline, .warnline { margin:6px 0 0;padding:8px 12px;border-radius:var(--r-s);font-size:14px;background:var(--good-bg);color:var(--good);}
.badline { background:var(--bad-bg);color:var(--bad);}
.warnline { background:var(--warn-bg);color:var(--warn);margin:0 0 12px;}
.mod__line { font-size:14px;margin:6px 0 10px;}
.xr { display:grid;gap:0;min-width:0;}
.xr > .sub-h:first-child { margin-top:0;}

/* Chips + marks */
.chips { display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.chip { display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font:600 12px/1.6 var(--sans);background:var(--sand);color:var(--ink);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.chip small { font-weight:500;color:var(--muted);}
.chip--good { background:var(--good-bg);color:var(--good);}
.chip--warn { background:var(--warn-bg);color:var(--warn);}
.chip--bad { background:var(--bad-bg);color:var(--bad);}
.chip--info { background:var(--info-bg);color:var(--info);}
.chip--brand { background:var(--blush);color:var(--burg);}
.chip--tech { background:var(--paper);border:1px solid var(--line);font-weight:500;}
.chip--tech.is-low { border-style:dashed;color:var(--muted);}
.mk { display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;white-space:nowrap;}
.mk > span { width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;font:700 11px/1 var(--sans);color:#fff;flex:none;}
.mk--ok { color:var(--good);} .mk--ok > span { background:var(--good);}
.mk--bad { color:var(--bad);} .mk--bad > span { background:var(--bad);}
.mk--warn { color:var(--warn);} .mk--warn > span { background:#c27b12;}
.mk--na { color:var(--muted);}

/* Tables + key/value */
.tbl { overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--paper);scrollbar-width:thin;}
.tbl table { width:100%;border-collapse:collapse;font-size:13.5px;}
.tbl th, .tbl td { text-align:left;padding:9px 12px;border-bottom:1px solid var(--line-2);vertical-align:top;}
.tbl thead th { font:600 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--ivory);white-space:nowrap;}
.tbl tbody th { font-weight:600;}
.tbl tr:last-child > * { border-bottom:0;}
.tbl__n { display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px;white-space:normal;}
.tbl__url { white-space:normal;word-break:break-all;}
.tbl--ai table, .tbl--bl table { min-width:600px;}
.tbl--ai tbody th { min-width:190px;}
@media (max-width:639px) { :is(.tbl--ai,.tbl--bl) table { min-width:0; } :is(.tbl--ai,.tbl--bl) thead { display:none; } :is(.tbl--ai,.tbl--bl) tr { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:10px 12px;border-bottom:1px solid var(--line-2); } :is(.tbl--ai,.tbl--bl) :is(th,td) { padding:0;border:0; } :is(.tbl--ai,.tbl--bl) tbody th { grid-column:1/-1;min-width:0; } }
.kv { display:grid;margin:0;border:1px solid var(--line-2);border-radius:var(--r-s);overflow:hidden;background:var(--paper);}
.kv > div { display:grid;grid-template-columns:minmax(0, 1fr);gap:2px;padding:9px 12px;border-bottom:1px solid var(--line-2);font-size:14px;}
.kv > div:last-child { border-bottom:0;}
.kv dt { font:600 11.5px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.kv dd { margin:0;min-width:0;overflow-wrap:anywhere;}
@media (min-width:640px) { .kv > div { grid-template-columns:210px minmax(0, 1fr);gap:14px;align-items:baseline;} }
.kv--mono dd { font-family:var(--mono);font-size:13px;}

/* Phase chips */
.phases { display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 0;min-height:30px;}
.phases:empty { display:none;}
.phases__n { font:600 12px var(--sans);color:var(--muted);letter-spacing:.04em;margin-right:4px;font-variant-numeric:tabular-nums;}
.phase { display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:99px;background:var(--paper);border:1px solid var(--line);font-size:13px;color:var(--ink);animation:flIn .3s var(--ease) both;transition:background .3s, color .3s, opacity .4s;}
.phase__dot { width:9px;height:9px;border-radius:50%;border:2px solid var(--blush);border-top-color:var(--burg);animation:spin360 .8s linear infinite;}
.phase.is-done { background:var(--good-bg);color:var(--good);border-color:transparent;opacity:.4;}
.phase.is-done .phase__dot { animation:none;border-color:var(--good);background:var(--good);}

/* Growth scorecard */
.growth { margin-top:14px;}
.gsum { padding:20px 16px;}
@media (min-width:640px) { .gsum { padding:26px 28px;} }
.gsum__h { display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 20px;margin-bottom:16px;}
.gsum__t { font-size:clamp(24px, 2.8vw, 32px);}
.gsum__h p { margin:0;font-size:14px;}
.cats { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;}
@media (min-width:560px) { .cats { grid-template-columns:repeat(5, minmax(0, 1fr));gap:10px;} }
.cat { display:grid;justify-items:center;text-align:center;gap:4px;padding:14px 6px 12px;border-radius:var(--r-s);background:var(--ivory);border:1px solid var(--line-2);color:var(--ink);text-decoration:none;transition:border-color .2s, transform .2s var(--ease);min-width:0;}
.cat:hover { border-color:var(--rose);color:var(--ink);transform:translateY(-1px);}
.cat .gauge { --s:64px;margin-bottom:2px;}
.cat .gauge__num { font-size:19px;}
.cat__n { font-weight:600;font-size:13.5px;line-height:1.25;}
.cat__st { font-size:11.5px;color:var(--muted);}
@media (max-width:559px) { .cat { grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;gap:0 10px;padding:10px; } .cat__n { font-size:12.5px;min-width:0;overflow-wrap:anywhere; } .cat .gauge { --s:46px;grid-row:span 2;margin:0; } .cat .gauge__num { font-size:15px; } .cat__n { align-self:end; } .cat__st { align-self:start; } }
.cat.is-new { animation:pop .7s var(--ease);}
.gsum__iss { display:grid;gap:14px;margin-top:20px;}
@media (min-width:900px) { .gsum__iss { grid-template-columns:1fr 1fr;gap:20px;} }
.iss-col h3 { font-size:22px;margin-bottom:10px;}
.iss-list { list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.iss { display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--paper);color:var(--ink);text-decoration:none;transition:border-color .2s, box-shadow .2s;min-width:0;}
.iss:hover { color:var(--ink);border-color:var(--rose);box-shadow:var(--sh);}
.iss__m { display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted);font-weight:600;}
.iss__t { font-size:15px;line-height:1.35;}
.iss__d { font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
.iss__f { font-size:13.5px;border-left:3px solid var(--good);padding-left:9px;overflow-wrap:anywhere;}
.gsum__more { grid-column:1 / -1;margin:4px 0 0;}

/* After:lead capture + CTA cards */
.after { display:grid;gap:28px;margin-top:28px;}
.lead { display:grid;gap:20px;padding:22px 18px;background:linear-gradient(160deg, var(--paper), var(--ivory) 70%);border-color:#dcc7c9;}
@media (min-width:900px) { .lead { grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);gap:36px;padding:32px;} }
.lead h2 { font-size:clamp(26px, 3vw, 34px);margin:8px 0 10px;}
.lead__b { list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;font-size:14.5px;}
.lead__b li { position:relative;padding-left:24px;}
.lead__b li::before { content:"✓";position:absolute;left:0;top:0;color:var(--good);font-weight:700;}
.lead__g { display:grid;gap:0 12px;}
@media (min-width:560px) { .lead__g { grid-template-columns:1fr 1fr;} }
.lf label { display:block;font-weight:600;font-size:14px;margin:12px 0 6px;}
.lead__f > .lf:first-child label, .lead__g .lf:nth-child(-n+2) label { margin-top:0;}
.lead__c { display:grid;grid-template-columns:22px minmax(0, 1fr);gap:10px;align-items:start;margin:14px 0;font-size:13.5px;color:var(--muted);}
.lead__c input { width:20px;height:20px;margin:1px 0 0;accent-color:var(--burg);}
.lead__a { display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.lead__msg { margin:0;font-size:14px;color:var(--muted);}
.lead__msg.is-bad { color:var(--bad);}
.lead__ok { display:grid;grid-template-columns:44px minmax(0, 1fr);gap:14px;align-items:start;padding:18px;border-radius:var(--r);background:var(--good-bg);color:var(--ink);}
.lead__ok p { margin:4px 0 0;color:var(--muted);}
.lead__okic { width:44px;height:44px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font:700 22px/1 var(--sans);}
.ctas { display:grid;gap:14px;}
@media (min-width:760px) { .ctas { grid-template-columns:1fr 1fr;gap:18px;} }
.ctac { display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r);background:var(--deep);background:radial-gradient(520px 220px at 100% 0%, #7d2a44 0%, transparent 70%), var(--deep);color:#f6ecee;text-decoration:none;transition:transform .2s var(--ease), box-shadow .2s;min-width:0;}
.ctac:hover { color:#fff;transform:translateY(-2px);box-shadow:0 14px 34px -16px rgba(72,18,34,.7);}
.ctac .eyebrow { color:#e7bfcb;}
.ctac__t { font:400 26px/1.15 var(--serif);color:#fff;}
.ctac__w { display:flex;flex-wrap:wrap;gap:6px;}
.ctac__d { color:#e3cfd5;font-size:14.5px;line-height:1.55;flex:1;}
.ctac__go { font-weight:600;font-size:14px;color:#fff;}
.ctac--calc { margin-top:14px;}

/* a11y violations */
.viol { list-style:none;margin:10px 0 0;padding:0;border:1px solid var(--line-2);border-radius:var(--r-s);overflow:hidden;}
.viol > li { padding:12px 14px;border-bottom:1px solid var(--line-2);background:var(--paper);}
.viol > li:last-child { border-bottom:0;}
.viol__t { display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14.5px;}
.viol__m { display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12.5px;color:var(--muted);}
.viol__m code { font:12px var(--mono);color:var(--ink);background:var(--sand);padding:0 6px;border-radius:4px;}
.viol__x > summary { cursor:pointer;font-size:12.5px;color:var(--burg);margin-top:6px;}

/* Device frames */
.devs { display:flex;gap:18px;align-items:flex-end;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;}
.dev { margin:0;flex:none;text-align:center;}
.dev__frame { background:#241820;border-radius:22px;padding:10px 7px;box-shadow:0 16px 34px -18px rgba(38,24,32,.6), inset 0 0 0 1px #4a3640;}
.dev__screen { background:#fff;border-radius:13px;overflow:hidden;}
.dev__screen img { width:100%;height:auto;max-height:360px;object-fit:cover;object-position:top;}
.dev--phone .dev__frame { width:150px;}
.dev--tablet .dev__frame { width:230px;border-radius:18px;padding:10px;}
.dev--tablet .dev__screen { border-radius:8px;}
.dev--desktop .dev__frame { width:360px;border-radius:10px;padding:0 0 8px;background:#e9e1dc;box-shadow:0 16px 34px -18px rgba(38,24,32,.45), inset 0 0 0 1px var(--line);}
.dev--desktop .dev__screen { border-radius:0;margin:0 8px;}
.dev--desktop .dev__screen img { max-height:230px;}
.dev__bar { display:flex;gap:5px;padding:8px 10px;}
.dev__bar i { width:8px;height:8px;border-radius:50%;background:#cdbfba;}
.dev figcaption { margin-top:8px;font-size:12.5px;color:var(--muted);display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;}
.dev figcaption strong { color:var(--ink);}

/* Consent visits */
.visits { display:grid;gap:10px;}
@media (min-width:900px) { .visits { grid-template-columns:repeat(3, minmax(0, 1fr));} }
.visit { border:1px solid var(--line-2);border-top:4px solid var(--line);border-radius:var(--r-s);padding:14px;background:var(--paper);min-width:0;}
.visit--bad { border-top-color:var(--bad);}
.visit--ok { border-top-color:var(--good);}
.visit--na { background:var(--ivory);}
.visit h5 { margin:0;font:600 15px var(--sans);}
.visit__c { font-size:12.5px;color:var(--muted);margin:2px 0 10px;overflow-wrap:anywhere;}
.visit__n { display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:6px;margin-bottom:10px;}
.visit__n div { background:var(--ivory);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;}
.visit__n b { font:600 20px/1.2 var(--sans);font-variant-numeric:tabular-nums;}
.visit__n span { font-size:11px;color:var(--muted);line-height:1.25;}
.visit--bad .visit__n div:last-child b { color:var(--bad);}
.visit__t { list-style:none;margin:0;padding:0;font-size:13.5px;}
.visit__t li { display:flex;flex-direction:column;padding:5px 0;border-top:1px solid var(--line-2);}
.visit__t small { color:var(--muted);font-size:11.5px;overflow-wrap:anywhere;}
.visit__k { font-size:12.5px;margin:8px 0 0;overflow-wrap:anywhere;}
.visit__k code { font:12px var(--mono);}

/* Leads quad, leak lists, opportunity ranking */
.quad { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}
@media (min-width:640px) { .quad { grid-template-columns:repeat(4, minmax(0, 1fr));} }
.quad__i { display:grid;justify-items:center;gap:6px;padding:14px 8px;border-radius:var(--r-s);background:var(--ivory);border:1px solid var(--line-2);font-weight:600;font-size:13.5px;text-align:center;}
.quad__i .gauge { --s:72px;}
.quad__i .gauge__num { font-size:20px;}
.leaks { margin:0;padding:0;list-style:none;counter-reset:lk;display:grid;gap:6px;}
.leaks li { counter-increment:lk;display:grid;grid-template-columns:26px minmax(0, 1fr);gap:10px;align-items:center;padding:9px 12px;border-radius:var(--r-s);background:var(--bad-bg);color:#6e1a14;font-size:14.5px;}
.leaks li::before { content:counter(lk);width:26px;height:26px;border-radius:50%;background:var(--bad);color:#fff;display:grid;place-items:center;font:700 12.5px/1 var(--sans);}
.opps2 { list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.opps2 > li { display:grid;grid-template-columns:34px minmax(0, 1fr);gap:12px;padding:14px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--paper);}
.opps2__n { width:34px;height:34px;border-radius:10px;background:var(--blush);color:var(--burg);display:grid;place-items:center;font:400 19px/1 var(--serif);}
.opps2 > li:nth-child(-n+3) .opps2__n { background:var(--burg);color:#fff;}
.opps2__b strong { font-size:15.5px;}
.opps2__b p { margin:4px 0 8px;font-size:14px;color:var(--muted);}
.opps2__m { display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:12.5px;}
.opps2__h { font-weight:600;color:var(--good);}
.lvl { display:inline-flex;align-items:center;gap:2px;color:var(--muted);font-weight:600;}
.lvl i { width:6px;height:12px;border-radius:2px;background:var(--line);}
.lvl > span { margin-left:5px;}
.lvl--1 i:nth-child(-n+1), .lvl--2 i:nth-child(-n+2), .lvl--3 i:nth-child(-n+3) { background:var(--burg);}

/* Meters, tech groups, signal lists */
.meter2 { margin:2px 0 6px;}
.meter2__h { display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;margin-bottom:6px;}
.meter2__h span, .meter2__h small { color:var(--muted);}
.meter2__bar { height:10px;background:var(--sand);border-radius:99px;overflow:hidden;}
.meter2__bar span { display:block;height:100%;border-radius:99px;background:var(--rose);transition:width 1s var(--ease);}
.meter2__bar[data-band="good"] span { background:var(--good);} .meter2__bar[data-band="mid"] span { background:#c27b12;} .meter2__bar[data-band="bad"] span { background:var(--bad);}
.meter2__s { display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.06em;text-transform:uppercase;}
.tgroups { display:grid;gap:8px;}
.tgroup { display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--ivory);}
@media (min-width:640px) { .tgroup { grid-template-columns:180px minmax(0, 1fr);align-items:center;} }
.tgroup__k { font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.sig { list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px;}
.sig li { position:relative;padding:4px 0 4px 20px;}
.sig li::before { content:"";position:absolute;left:4px;top:.85em;width:7px;height:7px;border-radius:50%;background:#c27b12;}

/* Email risk + SPF tree */
.risk { border-radius:var(--r);padding:16px 18px;border:1px solid;}
.risk--good { background:var(--good-bg);border-color:#bfdccb;}
.risk--warn { background:var(--warn-bg);border-color:#ecd3a6;}
.risk--bad { background:var(--bad-bg);border-color:#efc1bb;}
.risk__b { display:flex;align-items:center;gap:12px;font:400 24px/1.2 var(--serif);}
.risk__ic { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 17px/1 var(--sans);flex:none;}
.risk--good .risk__ic { background:var(--good);} .risk--warn .risk__ic { background:#c27b12;} .risk--bad .risk__ic { background:var(--bad);}
.risk--bad .risk__b { color:var(--bad);} .risk--good .risk__b { color:var(--good);} .risk--warn .risk__b { color:var(--warn);}
.risk p, .risk ul { margin:8px 0 0;font-size:14px;}
.risk ul { padding-left:20px;}
.xr > .chips { margin-top:12px;}
.spf, .spf ul { list-style:none;margin:0;padding:0;}
.spf ul { margin-left:12px;padding-left:14px;border-left:2px solid var(--line);}
.spf li { padding:6px 0 0;min-width:0;}
.spf__n { display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.spf__d { font:600 13.5px var(--mono);overflow-wrap:anywhere;}
.spf__r { display:block;margin-top:4px;padding:6px 10px;border-radius:6px;background:#2a1c23;color:#f3e7ea;font:12.5px/1.5 var(--mono);overflow-wrap:anywhere;}

/* Assets */
.stack { display:flex;height:22px;border-radius:6px;overflow:hidden;background:var(--sand);gap:2px;}
.stack span { display:block;height:100%;min-width:3px;}
.stack--thin { height:10px;border-radius:99px;}
.legend { list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:6px 16px;font-size:13.5px;}
@media (min-width:760px) { .legend { grid-template-columns:repeat(4, minmax(0, 1fr));} }
.legend li { display:flex;align-items:center;gap:7px;min-width:0;}
.legend i { width:11px;height:11px;border-radius:3px;flex:none;}
.legend b { margin-left:auto;font-variant-numeric:tabular-nums;}
.legend small { color:var(--muted);white-space:nowrap;}
.eco { display:grid;gap:14px;margin-top:18px;padding:16px;border-radius:var(--r);background:linear-gradient(135deg, #eef5ef, var(--ivory));border:1px solid #d6e6da;}
@media (min-width:760px) { .eco { grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:24px;} }
.eco__n { display:flex;flex-direction:column;}
.eco__v { font:400 40px/1.05 var(--serif);color:var(--good);}
.eco__n span:nth-child(2) { font-weight:600;font-size:14px;}
.eco__n small, .eco .note { color:var(--muted);}
.eco .note { margin-top:8px;}

/* Forms, trust, console */
.forms { display:grid;gap:10px;}
@media (min-width:900px) { .forms { grid-template-columns:repeat(2, minmax(0, 1fr));} }
.formc { border:1px solid var(--line-2);border-radius:var(--r-s);padding:14px;background:var(--paper);display:grid;gap:10px;min-width:0;}
.formc__h { display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:14.5px;}
.formc__h span { font-size:13px;overflow-wrap:anywhere;}
.formc__n { display:flex;gap:16px;font-size:13.5px;color:var(--muted);}
.formc__n b { color:var(--ink);font-size:18px;margin-right:3px;}
.tsig { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));gap:6px;}
.tsig li { display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;background:var(--ivory);color:var(--muted);font-size:13.5px;border:1px solid var(--line-2);}
.tsig li > span:first-child { width:18px;height:18px;border-radius:50%;background:var(--line);color:#fff;display:grid;place-items:center;font:700 11px/1 var(--sans);flex:none;}
.tsig li.is-on { color:var(--ink);background:var(--paper);}
.tsig li.is-on > span:first-child { background:var(--good);}
.errs { list-style:none;margin:0;padding:0;border:1px solid var(--line-2);border-radius:var(--r-s);overflow:hidden;}
.errs li { padding:8px 12px;border-bottom:1px solid var(--line-2);display:grid;gap:2px;}
.errs li:last-child { border-bottom:0;}
.errs code { font:12.5px/1.5 var(--mono);color:var(--bad);overflow-wrap:anywhere;}
.errs small { color:var(--muted);font-size:12px;overflow-wrap:anywhere;}
.biggrade { display:flex;gap:18px;align-items:center;padding:18px;border-radius:var(--r);background:var(--ivory);border:1px solid var(--line-2);}
.biggrade__g { flex:none;width:96px;height:96px;border-radius:22px;display:grid;place-items:center;font:400 54px/1 var(--serif);color:#fff;background:var(--rose);}
.biggrade[data-band="good"] .biggrade__g { background:var(--good);} .biggrade[data-band="mid"] .biggrade__g { background:#c27b12;} .biggrade[data-band="bad"] .biggrade__g { background:var(--bad);}
.biggrade p { margin:4px 0 0;font-size:14px;color:var(--muted);}

/* Hub */
.hub__hero { display:grid;gap:32px;align-items:center;}
@media (min-width:1000px) { .hub__hero { grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);gap:48px;} }
.feat { position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:20px;color:#f6ecee;text-decoration:none;background:radial-gradient(520px 300px at 100% 0%, #8a3150 0%, transparent 65%), linear-gradient(160deg, #5a1830, var(--deep));box-shadow:0 30px 60px -30px rgba(72,18,34,.75);transition:transform .25s var(--ease), box-shadow .25s;overflow:hidden;}
.feat:hover { color:#fff;transform:translateY(-3px);box-shadow:0 36px 70px -30px rgba(72,18,34,.85);}
.feat__badge { align-self:flex-start;font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.12);color:#f3d3dc;}
.feat__icon { width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff;}
.feat__name { font:400 clamp(28px, 3vw, 36px)/1.1 var(--serif);color:#fff;}
.feat__lead { color:#e3cfd5;font-size:15px;line-height:1.6;}
.feat__cats { display:flex;flex-wrap:wrap;gap:6px;}
.feat__cats i { font-style:normal;font-size:12px;padding:3px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.18);color:#f6ecee;}
.feat__go { font-weight:600;margin-top:4px;}
.hub__bar { display:grid;gap:12px;align-items:center;margin-bottom:8px;}
@media (min-width:900px) { .hub__bar { grid-template-columns:auto minmax(0, 420px) 1fr;gap:24px;} }
.hub__bar .section-h { margin:0;}
.hub__search { position:relative;display:flex;align-items:center;}
.hub__search svg { position:absolute;left:14px;color:var(--muted);pointer-events:none;}
.hub__search input { width:100%;min-height:48px;padding:0 40px 0 42px;border:1px solid var(--line);border-radius:99px;background:var(--paper);font:15.5px var(--sans);color:var(--ink);}
.hub__search input:focus-visible { outline:none;border-color:var(--rose);box-shadow:0 0 0 4px rgba(152,89,107,.18);}
.hub__search kbd { position:absolute;right:14px;font:600 12px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 6px;background:var(--ivory);}
.hub__count { margin:0;font-size:13.5px;color:var(--muted);}
@media (min-width:900px) { .hub__count { text-align:right;} }
.hubg { padding-top:36px;}
.hubg__h { display:grid;gap:4px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);}
@media (min-width:900px) { .hubg__h { grid-template-columns:auto 1fr;gap:24px;align-items:baseline;} }
.hubg__h h3 { font-size:clamp(24px, 2.6vw, 30px);}
.hubg__h p { margin:0;color:var(--muted);font-size:14.5px;}
.hub__empty { margin:32px 0 0;padding:18px;border-radius:var(--r);background:var(--paper);border:1px dashed var(--line);}
.hubg .tcard__lead { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
@media (max-width:899px) { .hub__search kbd { display:none; } }
.hubg .tcard__name { font-size:20px;}
@media (min-width:1000px) { .hubg .tgrid { grid-template-columns:repeat(4, 1fr);gap:14px;} .hubg .tcard { padding:18px;} .hubg .tcard__lead { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;} }
.site-foot__tools { max-height:none;}
@media (min-width:900px) { .site-foot nav.site-foot__tools { display:block;columns:3;column-gap:24px;} .site-foot__tools a { display:block;padding:2px 0;break-inside:avoid;} }

/* Competitor comparison */
.cmpform { display:grid;gap:10px;max-width:860px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px -24px rgba(72,18,34,.35);}
.cmpform__f { display:grid;gap:4px;min-width:0;}
.cmpform label { font:600 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-left:14px;}
.cmpform input { min-height:50px;border:1px solid var(--line-2);border-radius:14px;background:var(--ivory);padding:0 14px;font:16.5px var(--sans);color:var(--ink);min-width:0;width:100%;}
.cmpform input:focus-visible { outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(152,89,107,.2);}
.cmpform__vs { justify-self:center;font:italic 400 20px/1 var(--serif);color:var(--rose);}
.cmpform .btn { min-height:52px;border-radius:15px;}
.cmpform .urlform__msg { position:static;margin:0;}
@media (min-width:760px) { .cmpform { grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto;align-items:end;} .cmpform__vs { align-self:center;margin-top:20px;} .cmpform .urlform__msg { grid-column:1 / -1;} }
.cmp { padding:32px 0 8px;scroll-margin-top:64px;}
.cmp__feeds { display:grid;gap:14px;}
@media (min-width:900px) { .cmp__feeds { grid-template-columns:1fr 1fr;gap:18px;} }
.cfeed { padding:16px;min-width:0;border-top:4px solid var(--burg);}
.cfeed--b { border-top-color:#3d5878;}
.cfeed__h { display:grid;grid-template-columns:auto minmax(0, 1fr);gap:14px;align-items:center;margin-bottom:12px;}
.gauge--cmp { --s:76px;}
.gauge--cmp .gauge__num { font-size:22px;}
.cfeed__u { font:400 22px/1.2 var(--serif);margin:2px 0;overflow-wrap:anywhere;}
.cfeed__c { font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
.cfeed__ph { font-size:13px;color:var(--muted);margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cfeed__l { list-style:none;margin:0 -16px -16px;padding:4px 0 8px;font-size:13px;height:196px;overflow:hidden;border-top:1px solid var(--line-2);}
.cfeed__l .fl { grid-template-columns:18px auto minmax(0, 1fr);padding:3px 16px;}
.cfeed.is-done .pbar > span::after { display:none;}
.cmp__res { display:grid;gap:16px;margin-top:18px;}
.cmp__sum { padding:22px 18px;}
@media (min-width:760px) { .cmp__sum { padding:28px;} }
.cmp__vs { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center;}
.cmp__vs > div { display:grid;justify-items:center;gap:4px;min-width:0;}
.cmp__big { font:400 clamp(48px, 7vw, 72px)/1 var(--serif);color:var(--rose);}
.cmp__big[data-band="good"] { color:var(--good);} .cmp__big[data-band="mid"] { color:#b06d0c;} .cmp__big[data-band="bad"] { color:var(--bad);}
.cmp__who { font-weight:600;overflow-wrap:anywhere;font-size:14.5px;}
.cmp__x { font:italic 400 24px var(--serif);color:var(--muted);}
.cmp__lead { text-align:center;font:400 20px/1.3 var(--serif);margin:14px 0 18px;}
.cmp__legend { display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-bottom:10px;font-size:13px;}
.lg { display:inline-flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere;}
.lg::before { content:"";width:12px;height:12px;border-radius:3px;flex:none;}
.lg--a::before { background:var(--burg);} .lg--b::before { background:#3d5878;} .lg--c::before { background:#c9b8b3;} .lg--g::before { background:var(--good);}
.crows { display:grid;gap:4px;}
.crow { display:grid;grid-template-columns:minmax(0, 1fr);gap:3px 14px;padding:8px 0;border-top:1px solid var(--line-2);color:var(--ink);text-decoration:none;}
@media (min-width:640px) { .crow { grid-template-columns:200px minmax(0, 1fr);} .crow__l { grid-row:span 2;align-self:center;} }
.crow__l { font-weight:600;font-size:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.cbar { display:grid;grid-template-columns:minmax(0, 1fr) 32px;gap:8px;align-items:center;}
.cbar > span { height:9px;border-radius:99px;background:var(--sand);position:relative;overflow:hidden;display:block;}
.cbar__f { position:absolute !important;inset:0 auto 0 0;border-radius:99px;transition:width 1s var(--ease);}
.cbar--a .cbar__f { background:var(--burg);} .cbar--b .cbar__f { background:#3d5878;}
.cbar b { font:600 13px var(--sans);font-variant-numeric:tabular-nums;text-align:right;}
.cmp__cols { display:grid;gap:16px;scroll-margin-top:80px;}
@media (min-width:900px) { .cmp__cols { grid-template-columns:1.2fr 1fr;} }
.cmp__col { padding:20px;min-width:0;}
.cmp__col h3 { font-size:22px;margin-bottom:10px;overflow-wrap:anywhere;}
.cmp__l { list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14.5px;}
.cmp__l li { padding:8px 10px;border-radius:8px;background:var(--ivory);}
.cmp__l--c li { display:grid;gap:4px;justify-items:start;}
.cmp__l--c .muted { font-size:13px;}
.cmp__links { display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.cmp__cta { display:grid;gap:14px;padding:22px;align-items:center;}
.cmp__cta h3 { font-size:24px;}
.cmp__cta p { margin:6px 0 0;}
@media (min-width:760px) { .cmp__cta { grid-template-columns:1fr auto;} }

/* Calculators + generators */
.calc { padding-top:32px;}
.calc__ph { padding:40px 24px;min-height:420px;color:var(--muted);}
.calc__grid { display:grid;gap:16px;}
@media (min-width:980px) { .calc__grid { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:start;gap:22px;} .calc__out { position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;padding:2px;} }
.calc__out > div { display:grid;gap:14px;min-width:0; }
.calc__out .sg__hints { margin:0; }
.calc__in { padding:6px 18px 20px;min-width:0;}
@media (min-width:640px) { .calc__in { padding:8px 24px 24px;} }
.calc__in fieldset { border:0;padding:0 0 18px;margin:0;border-bottom:1px solid var(--line-2);min-width:0;}
.calc__in fieldset:last-child { border-bottom:0;padding-bottom:0;}
.calc__in legend { font:400 22px var(--serif);padding:18px 0 8px;}
.calc__intro { margin:18px 0 0;color:var(--muted);font-size:14.5px;}
.cfg { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}
.cf { grid-column:1 / -1;min-width:0;display:grid;gap:6px;align-content:start;}
@media (min-width:520px) { .cf--half { grid-column:span 1;} }
.cf > label { display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:14px;}
.cf__o { font:600 14px var(--sans);color:var(--burg);font-variant-numeric:tabular-nums;}
.cf__h { color:var(--muted);font-size:12.5px;line-height:1.45;}
.cf__u { display:flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;overflow:hidden;}
.cf__u input { border:0 !important;border-radius:0 !important;box-shadow:none !important;}
.cf__u span { display:grid;place-items:center;padding:0 12px;background:var(--ivory);color:var(--muted);font-size:13.5px;border-left:1px solid var(--line-2);white-space:nowrap;}
.cf__u:focus-within { border-color:var(--rose);box-shadow:0 0 0 3px rgba(152,89,107,.2);}
.cf--check { display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;min-height:44px;}
.cf--check input { width:20px;height:20px;accent-color:var(--burg);}
.calc input[type=range] { width:100%;accent-color:var(--burg);min-height:32px;}
.rep { display:grid;gap:10px;justify-items:start;}
.rep__l { display:grid;gap:10px;width:100%;}
.rep__r { position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;width:100%;padding:12px 44px 12px 12px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--ivory);}
.rep__x { position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--muted);font:18px/1 var(--sans);cursor:pointer;}
.rep__x:hover { color:var(--bad);border-color:var(--bad);}
.calc__res { padding:20px;display:grid;gap:16px;min-width:0;}
.calc__res > .eyebrow { margin-bottom:-6px;}
.stats { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}
.stat { display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r-s);background:var(--ivory);border:1px solid var(--line-2);min-width:0;}
.stat__l { font-size:12.5px;color:var(--muted);font-weight:600;}
.stat__v { font:600 clamp(17px,4.6vw,22px)/1.25 var(--sans);font-variant-numeric:tabular-nums; }
.stat__s { font-size:12px;color:var(--muted);line-height:1.4;}
.stat--hero { grid-column:1 / -1;background:var(--paper);border-color:var(--line);}
.stat--hero .stat__v { font:400 clamp(38px, 5vw, 50px)/1.05 var(--serif);color:var(--burg);}
.stat--good .stat__v { color:var(--good);} .stat--bad .stat__v { color:var(--bad);}
.stat--hero.stat--bad .stat__v { color:var(--bad);}
.bars { margin:0;display:grid;gap:4px;}
.bars__r { display:grid;grid-template-columns:minmax(0, 132px) minmax(0, 1fr) auto;gap:10px;align-items:center;font-size:13px;}
.bars__l { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);}
.bars__s { width:100%;height:22px;display:block;}
.bars__bg { fill:var(--sand);}
.bars__f { fill:var(--rose);}
.bars__f.is-good { fill:var(--good);} .bars__f.is-bad { fill:var(--bad);}
.bars__v { font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;}
.yrs__c { display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;align-items:end;}
.yrs__y { display:grid;justify-items:center;gap:4px;font-size:13px;font-weight:600;}
.yrs__y small { font-weight:500;color:var(--muted);}
.yrs__b { display:flex;gap:6px;align-items:flex-end;height:140px;width:100%;justify-content:center;border-bottom:1px solid var(--line);}
.yrs__b span { width:28%;max-width:36px;border-radius:5px 5px 0 0;min-height:2px;transition:height .5s var(--ease);}
.yrs__cost { background:#c9b8b3;} .yrs__gain { background:var(--good);}
.yrs .cmp__legend { margin:10px 0 0;}
.aiq legend { font-size:20px !important;}
.aiq__q { padding:10px 0;border-top:1px solid var(--line-2);}
.aiq__q:first-of-type { border-top:0;}
.aiq__q p { margin:0 0 8px;font-size:14.5px;}
.aiq__a { display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:4px;background:var(--sand);padding:3px;border-radius:12px;}
.aiq__a label { position:relative;}
.aiq__a input { position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.aiq__a span { display:block;text-align:center;padding:8px 4px;border-radius:9px;font:600 13px var(--sans);color:var(--muted);}
.aiq__a input:checked + span { background:var(--paper);color:var(--burg);box-shadow:0 1px 3px rgba(38,24,32,.14);}
.aiq__a input:focus-visible + span { outline:3px solid #9b3856;outline-offset:1px;}
.aires { display:grid;grid-template-columns:auto minmax(0, 1fr);gap:18px;align-items:center;}
.gauge--lg { --s:116px;}
.gauge--lg .gauge__num { font:400 38px/1 var(--serif);}
.aires__l { font-size:30px;margin:4px 0 6px;color:var(--burg);}
.aires p { margin:0;font-size:14px;}
.mat { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:3px;}
.mat li { text-align:center;padding:7px 2px;font-size:11.5px;font-weight:600;background:var(--sand);color:var(--muted);line-height:1.2;}
.mat li:first-child { border-radius:8px 0 0 8px;} .mat li:last-child { border-radius:0 8px 8px 0;}
.mat li.is-on { background:var(--burg);color:#fff;}
.recs { margin:0;padding:0;list-style:none;display:grid;gap:8px;}
.recs li { display:grid;gap:6px;justify-items:start;padding:12px;border-radius:var(--r-s);background:var(--ivory);border:1px solid var(--line-2);font-size:14.5px;}
.bots { display:grid;gap:14px;margin-top:14px;}
.bots__g .sub-h { margin-bottom:6px;}
.bots__g { display:grid;grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));gap:6px;}
.bots__g .sub-h { grid-column:1 / -1;}
.bot { display:flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--ivory);font-size:13.5px;cursor:pointer;min-width:0;}
.bot input { width:18px;height:18px;accent-color:var(--good);flex:none;}
.bot small { color:var(--muted);}
.bot:has(input:not(:checked)) { background:var(--bad-bg);border-color:#efc1bb;}
.utm { margin:0;padding:12px 14px;border-radius:var(--r-s);background:#2a1c23;color:#f3e7ea;font:13.5px/1.55 var(--mono);word-break:break-all;}

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .skel::after, .pbar > span::after { display:none;}
}

@media print {
  @page { margin:14mm;}
  body { background:#fff;font-size:11pt;}
  .site-head, .skip, .hero form, .hero .trust, .explain, .faq, .related, .cta-band, .site-foot, .feed, .run__actions, .serped, .seg, .toast, .log-details, .phases, .lead, .ctas, .gsum__more, .calc__in { display:none !important;}
  .calc__grid { display:block !important;}
  .dev__screen img { max-height:340px;}
  .hero { background:none;padding:0 0 12px;border:0;}
  .card, .mod { box-shadow:none;break-inside:avoid-page;}
  .run__top { grid-template-columns:1fr;}
  .mod { break-inside:auto;}
  .check { break-inside:avoid;}
  .items { max-height:none;overflow:visible;}
  .pbar > span::after { display:none;}
  a { color:var(--ink);}
}