:root {
  color-scheme: light;
  --bg: #f8f3e7; --surface: #fffdf6; --surface-2: #eee8d8; --border: #d8d2c0;
  --text: #2c382c; --muted: #655f50; --accent: #315b40; --accent-ink: #fffdf1;
  --link: #9f3d2b; --tomato: #b74730; --mustard: #ebbf56; --crit: #b13d30; --high: #a34f16;
  --med: #e0bd49; --low: #386d91; --info: #64705e; --radius: 16px; --max: 1160px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 28px; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .4; background-image: radial-gradient(#bfb39a .5px, transparent .5px); background-size: 7px 7px; }
a { color: inherit; text-underline-offset: 4px; }
button, input { font: inherit; }
button, a, input, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--tomato); outline-offset: 5px; }
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 28px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; top: -100px; left: 20px; padding: 10px 18px; background: var(--surface); z-index: 10; }
.skip-link:focus { top: 12px; }
nav { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--border); }
.logo { display: inline-flex; gap: 9px; align-items: center; text-decoration: none; font-size: 27px; font-weight: 850; letter-spacing: -.055em; white-space: nowrap; }
.logo-mark { width: 38px; height: 40px; display: grid; place-items: center; flex: none; transform: rotate(-7deg); }
.logo-mark img { width: 38px; height: 38px; }
nav .links { display: flex; gap: 26px; align-items: center; }
nav .links a { font-size: 13px; font-weight: 650; text-decoration: none; }
nav .links a:hover { color: var(--tomato); }
nav .links .nav-cta { border: 1px solid var(--text); padding: 9px 14px; border-radius: 7px; }
.hero { padding: 72px 0 48px; text-align: center; }
.hero-home { display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: 20px; padding: 70px 0 54px; text-align: left; }
.eyebrow, .section-label, .art-caption, .step-n, .plan-kicker, .note-number, .report-eyebrow { font: 600 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { display: inline-flex; gap: 8px; align-items: center; padding: 7px 10px; border: 1px solid var(--border); border-radius: 5px; margin-bottom: 24px; color: var(--accent); }
.status-dot { width: 6px; height: 6px; background: var(--accent); border-radius: 50%; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.055em; }
h1 { font-size: clamp(38px, 5.9vw, 70px); line-height: 1.04; margin: 0 0 24px; }
h1 em, h2 em { color: var(--tomato); font-weight: 500; }
.hero-home h1 { font-size: clamp(46px, 6.2vw, 76px); }
.sub { color: var(--muted); font-size: 18px; line-height: 1.7; max-width: 670px; margin: 0 auto 28px; }
.hero-home .sub { max-width: 440px; margin: 0 0 28px; font-size: 16px; }
.scan-form { display: flex; gap: 6px; max-width: 640px; margin: 0 auto; background: var(--surface); border: 1px solid var(--text); border-radius: 9px; padding: 6px; box-shadow: 3px 4px 0 #ddd6bf; }
.hero-home .scan-form { margin-left: 0; }
.scan-form input { flex: 1; min-width: 0; background: transparent; border: 0; color: var(--text); font-size: 14px; padding: 12px 10px; border-radius: 4px; }
.scan-form input:focus-visible { outline-offset: 0; }
.scan-form input::placeholder { color: #7b7667; }
.btn { background: var(--accent); color: var(--accent-ink); border: 1px solid var(--accent); border-radius: 6px; padding: 13px 18px; font-weight: 700; font-size: 14px; cursor: pointer; text-decoration: none; display: inline-block; text-align: center; white-space: nowrap; transition: background .15s, transform .15s; }
.btn:hover { background: #24472f; transform: translateY(-1px); }
.btn:disabled { opacity: .55; cursor: default; transform: none; }
.btn.ghost { background: transparent; color: var(--text); border-color: var(--border); }
.btn.ghost:hover { background: var(--surface-2); }
.err { color: var(--crit); font-size: 14px; margin-top: 10px; min-height: 1em; }
.trust-row { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; color: var(--muted); font-size: 11px; margin-top: 2px; }
.hero-home .trust-row { justify-content: flex-start; }
.hero-art { position: relative; text-align: center; }
.hero-art img { display: block; width: 100%; height: auto; }
.art-caption { color: var(--muted); font-size: 10px; margin-bottom: -7px; }
.art-note { font-family: Georgia, serif; font-size: 18px; margin: -6px 0 0; }
.art-note em { color: var(--tomato); }
.platform-strip { padding: 22px 0; border-block: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.platform-strip > span { color: var(--muted); font-size: 12px; }
.platform-strip > div { font-size: 16px; font-weight: 750; letter-spacing: -.025em; display: flex; align-items: center; gap: 22px; }
.platform-strip i { color: var(--tomato); font-size: 14px; font-style: normal; }
.platform-list-block { padding: 24px 0; border-block: 1px solid var(--border); }
.platform-name-row { display: flex; align-items: center; gap: 28px; }
.platform-list-label { flex: 0 0 190px; font-size: 12px; color: var(--muted); }
.platform-name-row ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; flex: 1; min-width: 0; list-style: none; margin: 0; padding: 0; }
.platform-name-row li { display:flex; align-items:center; gap:10px; min-width:0; padding:13px 12px; border:1px solid var(--border); border-radius:8px; background:var(--surface); font-size:14px; font-weight:650; letter-spacing:-.015em; }
.platform-name-row li img { display:block; width:24px; height:24px; flex-shrink:0; object-fit:contain; }
.platform-name-row li span { overflow-wrap:anywhere; }

.platform-scope { margin: 14px 0 0; font-size: 12px; color: var(--muted); max-width: 940px; }
.platform-scope a { font-weight: 650; color: var(--accent); }
.coding-tools { margin-bottom: 20px; }
.coding-tools .platform-name-row ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
.difference-link { font-weight: 700; color: var(--accent); }
.difference-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.difference-grid article { min-width: 0; border-top: 2px solid var(--accent); padding-top: 18px; }
.difference-mark { font: 600 11px ui-monospace, monospace; color: var(--tomato); }
.difference-grid h3 { font-size: 18px; letter-spacing: -.025em; margin: 12px 0; }
.difference-grid p { font-size: 14px; color: var(--muted); margin-bottom: 0; }
.difference-link { display: inline-block; margin-top: 28px; font-size: 14px; }
@media (max-width: 1000px) {
  .platform-list-label { flex-basis:150px; }
  .platform-name-row ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .difference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .difference-grid { grid-template-columns: minmax(0, 1fr); }
  .platform-name-row { flex-direction: column; align-items:stretch; gap: 12px; }
  .platform-list-label { flex-basis: auto; }
  .platform-name-row ul,.coding-tools .platform-name-row ul { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
section { padding: 72px 0; }
section + section { border-top: 1px solid var(--border); }
.section-label { color: var(--tomato); margin-bottom: 16px; display: block; }
h2 { font-size: clamp(30px, 3.9vw, 46px); line-height: 1.12; margin: 0 0 20px; }
h3 { line-height: 1.35; }
p { margin: 0 0 16px; }
.section-sub { color: var(--muted); margin: 0 0 28px; max-width: 650px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 36px; }
.section-heading h2 { margin-bottom: 0; }
.section-heading .section-sub { max-width: 350px; font-size: 14px; margin-bottom: 0; }
.grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.grid.two { grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.problem .section-sub { margin-bottom: 14px; }
.problem .grid > div > p:last-child { color: var(--muted); font-size: 14px; }
.kitchen-note { background: #f0dfaa; border: 1px solid #d4bd78; border-radius: 2px; padding: 30px; transform: rotate(2deg); box-shadow: 5px 6px 0 #e7dfcb; position: relative; }
.kitchen-note::before { content: ""; height: 18px; width: 95px; background: #e7ddbfcc; position: absolute; top: -10px; left: calc(50% - 47px); transform: rotate(-5deg); }
.note-number { display: block; padding-bottom: 12px; border-bottom: 1px dashed #b8a16a; font-size: 10px; }
.kitchen-note h3 { font: 500 30px/1.12 Georgia, serif; letter-spacing: -.04em; margin: 22px 0 16px; }
.kitchen-note p { color: #5f5339; font-size: 14px; }
.note-bottom { font: 600 10px/1.5 ui-monospace,monospace; letter-spacing: .09em; border-top: 1px dashed #b8a16a; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.note-bottom span { font-size: 24px; color: var(--tomato); }
.menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.menu-item { display: flex; gap: 20px; border-top: 1px solid var(--border); padding: 28px 0; }
.menu-number { font: italic 28px/1 Georgia, serif; color: var(--tomato); min-width: 32px; margin-top: 3px; }
.menu-item h3 { font-size: 19px; margin: 0 0 10px; letter-spacing: -.025em; }
.menu-item p { color: var(--muted); font-size: 14px; margin: 0 0 14px; }
.menu-tag { font: 600 9px/1.6 ui-monospace,monospace; letter-spacing: .07em; color: var(--accent); }
.menu-footnote { color: var(--muted); font-size: 12px; padding: 16px 0 0; margin: 0; border-top: 1px solid var(--border); }
.evidence-heading { align-items: center; }
.evidence-heading .section-sub { max-width: 390px; font-size: 16px; }
.evidence-intro { max-width: 920px; color: var(--muted); font-size: 14px; margin: 0 0 24px; }
.evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.evidence-card { display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--border); border-top: 4px solid var(--accent); border-radius: 9px; background: #edf0e2; }
.evidence-secrets { background: #f4efdd; border-top-color: #8a651b; }
.evidence-data { background: #f7eae0; border-top-color: var(--tomato); }
.evidence-kicker { display: block; font: 600 10px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .09em; color: var(--accent); }
.evidence-secrets .evidence-kicker { color: #785817; }
.evidence-data .evidence-kicker { color: var(--tomato); }
.evidence-card .evidence-stat { font-size: clamp(46px, 5vw, 66px); line-height: 1; font-weight: 650; letter-spacing: -.065em; color: var(--accent); margin: 28px 0 24px; }
.evidence-secrets .evidence-stat { color: #785817; }
.evidence-data .evidence-stat { color: var(--tomato); }
.evidence-stat span { display: block; font: 600 13px/1.5 ui-sans-serif, system-ui, sans-serif; letter-spacing: 0; margin-top: 12px; color: var(--text); }
.evidence-card h3 { font: 600 19px/1.35 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.035em; margin: 0 0 14px; }
.evidence-card > p:not(.evidence-stat) { font-size: 14px; color: var(--muted); }
.evidence-card > p.evidence-context { font-size: 12px; }
.evidence-source { margin-top: auto; padding-top: 16px; border-top: 1px dashed #c7c8b6; font-size: 12px; font-weight: 650; }
.evidence-standard { display: grid; grid-template-columns: 1.35fr 1fr; gap: 38px; align-items: center; padding: 28px 0; margin-top: 10px; border-bottom: 1px solid var(--border); }
.evidence-standard h3, .evidence-takeaway h3 { font-size: 20px; letter-spacing: -.025em; margin: 10px 0; }
.evidence-standard p { color: var(--muted); font-size: 14px; margin: 0; }
.evidence-standard .evidence-connection { border-left: 2px solid var(--mustard); padding-left: 22px; font-size: 13px; }
.evidence-takeaway { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 26px 0 6px; }
.evidence-takeaway .section-label { font-size: 10px; margin-bottom: 0; }
.evidence-takeaway p { max-width: 660px; font-size: 14px; color: var(--muted); margin-bottom: 0; }
.evidence-methods { margin-top: 20px; }
.evidence-methods summary { font-size: 13px; }
.evidence-methods p { max-width: 900px; font-size: 12px; }
.evidence-methods .evidence-reviewed { font-size: 11px; }
@media (max-width: 760px) {
  .evidence-grid, .evidence-standard { grid-template-columns: 1fr; }
  .evidence-card { padding: 24px; }
  .evidence-standard { gap: 20px; }
  .evidence-takeaway { align-items: flex-start; flex-direction: column; gap: 20px; }
  .evidence-takeaway .btn { white-space: normal; }
}
.demo { border: 1px solid var(--text); border-radius: 10px; overflow: hidden; background: var(--surface); box-shadow: 6px 7px 0 #e3dbc6; }
.demo-bar { display: flex; gap: 5px; align-items: center; padding: 13px 18px; background: var(--surface-2); border-bottom: 1px solid var(--border); }
.demo-bar > span:not(.demo-stamp) { width: 7px; height: 7px; border-radius: 50%; background: #aaac96; }
.demo-url { margin-left: 10px; font: 11px/1.5 ui-monospace,monospace; color: var(--muted); }
.demo-stamp { margin-left: auto; border: 1px solid var(--tomato); color: var(--tomato); font: 600 9px/1.5 ui-monospace,monospace; padding: 2px 6px; border-radius: 2px; }
.demo-body { padding: 5px 28px 20px; }
.demo .report-head { padding-bottom: 22px; }
.sample-score { display: flex; flex: none; flex-direction: column; align-items: center; gap: 9px; }
.sample-score .score > div { text-align: center; line-height: 1; }
.sample-score .score small { margin-top: 6px; font-size: 10px; line-height: 1.4; font-weight: 400; letter-spacing: 0; }
.sample-score-label { font-size: 11px; line-height: 1.4; font-weight: 600; color: var(--muted); }
.sample-prompt-label { display: inline-block; margin-top: 12px; font-size: 12px; color: var(--accent); }
.report-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 18px; color: var(--muted); font-size: 12px; }
.report-bottom a { font-weight: 700; color: var(--accent); flex: none; }
.report-bottom a.btn { color: var(--surface); }
.steps { gap: 44px; margin-top: 38px; }
.step-n { color: var(--tomato); display: block; font-size: 10px; border-bottom: 1px dashed var(--border); padding-bottom: 15px; margin-bottom: 20px; }
.steps h3 { font-size: 18px; letter-spacing: -.025em; margin: 0 0 12px; }
.steps p { color: var(--muted); font-size: 14px; }
.card { background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 26px; }
.card h3 { margin: 12px 0 6px; font-family: Georgia,serif; font-size: 29px; font-weight: 500; letter-spacing: -.03em; }
.card p { color: var(--muted); font-size: 13px; margin: 10px 0 0; }
.plan-kicker { color: var(--muted); font-size: 9px; }
.price { font-size: 44px; font-weight: 650; letter-spacing: -.055em; margin: 12px 0; line-height: 1.15; }
.price small { font-size: 12px; letter-spacing: 0; font-weight: 400; color: var(--muted); }
.price-card { display: flex; flex-direction: column; align-items: flex-start; }
.price-card ul { list-style: none; padding: 0; color: var(--muted); font-size: 12px; margin: 22px 0 26px; }
.price-card li { margin: 9px 0; padding-left: 18px; position: relative; }
.price-card li::before { content: "✓"; color: var(--accent); position: absolute; left: 0; }
.price-card .btn { margin-top: auto; width: 100%; font-size: 12px; }
.card.featured { background: #edf0e2; border-color: var(--accent); box-shadow: 3px 4px 0 #d4d9c1; }
.badge { display: inline-block; font: 600 9px/1.5 ui-monospace,monospace; letter-spacing: .1em; color: var(--accent); }
details { border-bottom: 1px solid var(--border); padding: 19px 0; }
details:first-of-type { border-top: 1px solid var(--border); margin-top: 30px; }
summary { cursor: pointer; font-weight: 650; font-size: 15px; }
details p { color: var(--muted); font-size: 14px; margin: 14px 0 0; max-width: 800px; }
.cta-final { text-align: center; background: #ecdfb7; border: 1px solid #d7c595; border-radius: 12px; margin: 20px 0 68px; padding: 62px 24px; position: relative; }
.cta-final::before, .cta-final::after { content: "✳"; color: var(--tomato); font-size: 40px; position: absolute; top: calc(50% - 32px); }
.cta-final::before { left: 7%; } .cta-final::after { right: 7%; }
.cta-final h2 { font-size: clamp(34px, 4.7vw, 56px); }
.cta-final .section-sub { margin: 0 auto 24px; }
footer { border-top: 1px solid var(--border); padding: 30px 0 24px; color: var(--muted); font-size: 12px; }
.footer-top { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 26px; }
.footer-top .logo { color: var(--text); font-size: 24px; }
.footer-top > span { font-family: Georgia,serif; font-style: italic; font-size: 17px; color: var(--tomato); }
.footer-top > a:last-child { font-size: 11px; text-decoration: none; }
.footer-links { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 11px; padding-top: 24px; border-top: 1px dashed var(--border); }
.footer-links a { text-decoration: none; }
footer p { margin: 20px 0 0; font-size: 10px; }
.muted { color: var(--muted); }
/* Reports retain direct severity labels and readable evidence. */
.report-eyebrow { margin-top: 36px; color: var(--tomato); font-size: 10px; }
.report-head { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; padding: 28px 0 12px; }
.score { width: 112px; height: 112px; border-radius: 50%; display: grid; place-items: center; font-size: 34px; font-weight: 750; border: 7px solid var(--border); flex: none; background: var(--surface); }
.score small { display: block; font: 10px/1.4 ui-monospace,monospace; color: var(--muted); text-align: center; margin-top: -2px; }
.site { font-size: 22px; font-weight: 700; overflow-wrap: anywhere; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.chip { font-size: 11px; padding: 4px 9px; border-radius: 5px; background: var(--surface-2); border: 1px solid var(--border); }
.sev { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; padding: 4px 7px; border-radius: 4px; color: #fff; }
.sev.critical { background: var(--crit); } .sev.high { background: var(--high); } .sev.medium { background: var(--med); color: #372d12; } .sev.low { background: var(--low); } .sev.info { background: var(--info); }
.confidence { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 3px 6px; border-radius: 4px; border: 1px solid currentColor; }
.confidence.confirmed { color: var(--accent); }
.confidence.possible { color: var(--muted); border-style: dashed; }
.confirmed-toggle { display: block; margin: 8px 0 14px; color: var(--muted); font-size: 14px; }
.confirmed-only .finding.possible { display: none; }
.finding { background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 20px; margin-bottom: 14px; }
.finding-top { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.finding h3 { margin: 0; font-size: 17px; }
.finding p { color: var(--muted); margin: 10px 0 0; font-size: 14px; overflow-wrap: anywhere; }
.locked { margin-top: 14px; border: 1px dashed var(--border); border-radius: 6px; padding: 14px; position: relative; overflow: hidden; }
.locked .blur { filter: blur(5px); user-select: none; color: var(--muted); font-size: 13px; }
.locked .lock-cta { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 12px; font-weight: 700; font-size: 13px; }
.fix { margin-top: 14px; background: #edf0e2; border-left: 3px solid var(--accent); border-radius: 3px; padding: 12px 14px; font-size: 14px; }
.prompt { margin-top: 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 5px; padding: 14px; font: 12px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.copy { margin-top: 10px; font-size: 12px; padding: 7px 12px; }
.panel { background: var(--surface); border: 1px solid var(--border); border-top: 3px solid var(--accent); border-radius: 7px; padding: 22px; margin: 22px 0; }
.panel h3 { margin: 0 0 8px; font-size: 19px; }
.panel p { color: var(--muted); margin: 0 0 14px; font-size: 14px; }
code.block { display: block; background: var(--bg); border: 1px solid var(--border); border-radius: 5px; padding: 12px; font-size: 12px; overflow-x: auto; margin: 10px 0; }
.row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.row input { background: var(--bg); border: 1px solid var(--border); color: var(--text); border-radius: 5px; padding: 12px; font-size: 14px; min-width: min(220px,100%); flex: 1; }
.spinner { width: 20px; height: 20px; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; display: inline-block; vertical-align: middle; margin-right: 10px; }
@keyframes spin { to { transform: rotate(360deg); } }
.tabs { display: flex; gap: 8px; margin: 12px 0; }
.tabs button { background: var(--surface-2); color: var(--text); border: 1px solid var(--border); border-radius: 5px; padding: 7px 12px; cursor: pointer; font-size: 13px; }
.tabs button.active { border-color: var(--accent); background: #e4eadb; }
.seo-body { max-width: 820px; margin: 0 auto; }
.seo-body h2 { margin-top: 34px; }
.seo-body p, .seo-body li { color: var(--muted); }
.seo-body ol, .seo-body ul { padding-left: 22px; }
.seo-body code { background: var(--surface-2); padding: 2px 6px; border-radius: 4px; font-size: 13px; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  nav .links { gap: 17px; } nav .links a { font-size: 12px; }
  .hero-home { gap: 0; } .hero-home h1 { font-size: 64px; }
  .hero-home .scan-form { flex-direction: column; }
  .hero-home .scan-form .btn { padding: 11px 14px; }
  .grid.two { gap: 50px; }
  .platform-strip > div { gap: 14px; font-size: 14px; }
  .price-card { padding: 22px; }
}
@media (max-width: 760px) {
  .wrap { padding: 0 22px; }
  nav .links a { display: none; } nav .links a[href$="#pricing"] { display: inline-block; }
  .hero-home { grid-template-columns: 1fr; text-align: center; padding: 44px 0 34px; }
  .hero-home h1 { font-size: clamp(48px,10.5vw,68px); }
  .hero-home h1 br:last-child { display: none; }
  .hero-home .sub { margin: 0 auto 24px; }
  .hero-home .scan-form { margin: 0 auto; flex-direction: row; }
  .hero-home .trust-row { justify-content: center; }
  .hero-art { max-width: 400px; margin: 34px auto 0; }
  .art-caption { font-size: 9px; }
  .platform-strip { flex-direction: column; text-align: center; padding: 20px 0; gap: 12px; }
  .platform-strip > div { flex-wrap: wrap; justify-content: center; gap: 14px; }
  section { padding: 48px 0; }
  .grid.two, .menu-grid { grid-template-columns: 1fr; }
  .grid.two { gap: 34px; }
  .kitchen-note { transform: rotate(1deg); }
  .section-heading { display: block; margin-bottom: 24px; }
  .section-heading .section-sub { max-width: none; margin-top: 20px; }
  .steps { gap: 18px; grid-template-columns: 1fr; }
  .menu-grid { gap: 0; }
  .cta-final { margin-bottom: 40px; padding: 44px 18px; }
  .cta-final::before, .cta-final::after { display: none; }
  .footer-top { flex-wrap: wrap; justify-content: flex-start; }
  .footer-top > a:last-child { width: 100%; }
  .report-bottom { flex-direction: column; gap: 8px; }
}
@media (max-width: 480px) {
  .wrap { padding: 0 18px; }
  .logo { font-size: 24px; } nav { padding: 17px 0; }
  .hero-home .scan-form, .scan-form { flex-direction: column; }
  .hero-home .scan-form .btn { padding: 13px 14px; }
  .trust-row { gap: 11px; font-size: 10px; }
  .hero-art { max-width: 330px; }
  .hero { padding-top: 40px; }
  .eyebrow { font-size: 9px; }
  .demo-body { padding: 4px 15px 16px; }
  .demo-url { font-size: 9px; margin-left: 4px; }
  .demo-bar { padding: 12px; }
  .demo-stamp { display: none; }
  .report-head { gap: 16px; }
  .score { width: 94px; height: 94px; font-size: 28px; border-width: 6px; }
  .site { font-size: 18px; }
  .panel { padding: 18px; }
  .panel .row > .btn { width: 100%; }
  .pricing-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; }
}

.beta-banner{margin:18px 0 0;padding:12px 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:.9rem;text-align:center;color:var(--text)}
.beta-banner a { font-weight: 700; }
.pricing-feedback { margin: 26px 0 0; color: var(--muted); font-size: 14px; }
.pricing-feedback a { color: var(--accent); font-weight: 700; }
.feedback-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start; padding: 64px 0 72px; }
.feedback-intro { padding-top: 18px; }
.feedback-intro h1 { font-size: clamp(42px, 5.2vw, 64px); }
.feedback-intro .sub { font-size: 17px; margin: 0 0 32px; }
.feedback-note { border-top: 1px dashed var(--border); padding-top: 26px; }
.feedback-note h2 { font-size: 26px; letter-spacing: -.03em; }
.feedback-note p { color: var(--muted); font-size: 14px; }
.feedback-card { padding: 30px; box-shadow: 4px 5px 0 #e3dbc6; }
.feedback-card h2 { font-size: 34px; margin-bottom: 10px; }
.feedback-card > p { margin: 0 0 24px; }
.feedback-field { display: grid; gap: 7px; margin-bottom: 20px; }
.feedback-field label { font-weight: 650; font-size: 14px; }
.feedback-field label .muted { font-weight: 400; }
.feedback-field input, .feedback-field select, .feedback-field textarea { width: 100%; min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--text); font: inherit; }
.feedback-field textarea { resize: vertical; min-height: 150px; }
.feedback-field small { color: var(--muted); font-size: 12px; }
.feedback-card .feedback-privacy { font-size: 12px; margin: 0 0 20px; }
.feedback-card .btn { width: 100%; }
.feedback-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.feedback-status { color: var(--accent); font-size: 14px; }
.feedback-status:not(:empty) { margin-top: 16px; padding: 14px; background: #edf0e2; border: 1px solid var(--accent); border-radius: 6px; }
@media (max-width: 760px) {
  .feedback-layout { grid-template-columns: 1fr; gap: 26px; padding: 34px 0 48px; }
  .feedback-card { padding: 22px; }
  nav .links a[href="/feedback"] { display: inline-block; }
  .feedback-nav .links a[href$="#pricing"] { display: none; }
}

.hero-home .hero-scope {max-width:460px;font-size:12px;line-height:1.6;color:var(--muted);margin:-12px 0 22px;padding-left:12px;border-left:2px solid var(--accent)}
.hero-assurance {max-width:460px;margin:15px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.hero-home .hero-scope{margin:-8px auto 22px;text-align:left}.hero-assurance{margin:15px auto 0}.hero-home h1{font-size:clamp(43px,9.6vw,68px)}}

.analytics-view main{padding:48px 0}.analytics-view h1{font-size:clamp(36px,5vw,60px)}.analytics-private{font:600 10px ui-monospace,monospace;color:var(--accent);letter-spacing:.08em}.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:30px 0}.analytics-metrics strong{display:block;font-size:44px;margin:14px 0;letter-spacing:-.04em}.analytics-metrics .card p{font-size:12px}.analytics-section{padding:30px 0}.analytics-section .section-heading{align-items:center;margin-bottom:20px}.analytics-view h2{font:500 28px Georgia,serif;letter-spacing:-.03em}.analytics-bars{height:170px;display:flex;gap:5px;align-items:flex-end;border-bottom:1px solid var(--border);padding:8px 0 0}.analytics-bar{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-width:2px}.analytics-chart-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px}.analytics-tables{display:grid;grid-template-columns:1fr 1fr;gap:36px}.analytics-tables section{padding:16px 0}.analytics-view table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.analytics-view th,.analytics-view td{padding:12px 8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.analytics-view th:last-child,.analytics-view td:last-child{text-align:right}.analytics-view th{font-size:11px;color:var(--muted)}.analytics-table-scroll{overflow-x:auto}.analytics-note{margin-top:32px}.analytics-note p{font-size:12px;color:var(--muted)}@media(max-width:760px){.analytics-metrics,.analytics-tables{grid-template-columns:1fr}.analytics-metrics{gap:12px}.analytics-bars{gap:3px}.analytics-view main{padding:28px 0}}

.scan-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.scan-url-help{font-size:12px;color:var(--muted);margin:10px 0;max-width:560px}

.pilot-preview { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; margin:48px 0 24px; padding:40px; background:#e9eddf; border:1px solid #ccd4bd; border-radius:var(--radius); }
.pilot-offer { min-width:0; }
.pilot-offer .section-label { margin-bottom:12px; }
.pilot-status { display:inline-flex; align-items:center; gap:8px; font:650 9px/1.5 ui-monospace,monospace; letter-spacing:.07em; color:var(--accent); margin:0 0 22px; }
.pilot-status > span { color:var(--tomato); font-size:17px; }
.pilot-offer h2 { font-size:clamp(32px,3.7vw,45px); }
.pilot-offer .section-sub { font-size:14px; line-height:1.8; margin-bottom:24px; }
.pilot-free-note { color:var(--muted); font-size:11px; margin:12px 0 26px; }
.pilot-verification { display:flex; gap:14px; align-items:start; padding-top:24px; border-top:1px dashed #b9c4aa; }
.pilot-code-mark { flex:none; width:42px; height:42px; display:grid; place-items:center; background:var(--surface); border:1px solid #c4ceb6; border-radius:8px; font:650 13px ui-monospace,monospace; color:var(--accent); }
.pilot-verification h3 { margin:0 0 8px; font-size:16px; letter-spacing:-.02em; }
.pilot-verification p { font-size:12px; color:var(--muted); margin:0; line-height:1.8; }
.pilot-verification code { font-size:11px; }
.pilot-scope { font-size:11px; color:var(--muted); margin:14px 0 0; }
.pilot-teasers { min-width:0; }
.pilot-preview-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:14px; color:var(--accent); }
.pilot-preview-heading .plan-kicker { font-size:9px; }
.pilot-preview-badge { font:650 8px/1.5 ui-monospace,monospace; letter-spacing:.06em; padding:4px 6px; border:1px solid #bdc8af; border-radius:4px; }
.pilot-message { background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:18px 20px; margin-bottom:12px; box-shadow:3px 3px 0 #d9dfcd; }
.pilot-message-top { display:flex; gap:9px; align-items:center; margin-bottom:10px; color:var(--accent); }
.pilot-message-top .plan-kicker { font-size:9px; letter-spacing:.06em; }
.pilot-message-icon { display:grid; place-items:center; flex:none; width:23px; height:23px; border:1px solid #c7d2bc; background:#edf0e2; border-radius:6px; font:700 13px/1 ui-monospace,monospace; }
.pilot-message h3 { margin:0 0 7px; font-size:16px; letter-spacing:-.02em; }
.pilot-message p { margin:0; font-size:12px; color:var(--muted); line-height:1.7; }
.pilot-message-meta { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; border-top:1px solid #e8e3d5; padding-top:10px; margin-top:12px; font:600 8px/1.5 ui-monospace,monospace; letter-spacing:.04em; color:var(--muted); }
.pilot-message-meta > span { font:400 10px/1.5 ui-sans-serif,system-ui,sans-serif; letter-spacing:0; }
.pilot-message-alert { border-left:3px solid var(--tomato); }
.pilot-message-alert .pilot-message-icon { background:#f7eae0; border-color:#e2c4b6; color:var(--tomato); }
.pilot-priority { margin-left:auto; padding:3px 6px; border-radius:4px; color:var(--crit); background:#f7eae0; font:700 8px/1.5 ui-monospace,monospace; }
.pilot-report-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.pilot-report-tags > span { border:1px solid #ddd7c8; border-radius:4px; padding:3px 6px; color:var(--accent); font-size:9px; }
.pilot-preview-note { font-size:10px; color:var(--muted); line-height:1.6; margin:15px 0 0; }
@media(max-width:900px) { .pilot-preview { gap:28px; padding:28px; } .pilot-message { padding:16px; } }
@media(max-width:760px) { .pilot-preview { grid-template-columns:minmax(0,1fr); padding:24px; gap:30px; margin-top:32px; } .pilot-offer h2 { font-size:36px; } .pilot-offer .btn { white-space:normal; } .pilot-preview-heading { gap:10px; } }

.pilot-subscribe-link { display:block; width:fit-content; margin-top:14px; font-size:12px; color:var(--accent); font-weight:650; }
.newsletter-signup { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:40px; margin:0 0 48px; padding:30px 40px; border:1px solid #c9d1ba; border-radius:12px; background:var(--surface); }
.newsletter-signup h2 { font:500 32px/1.15 Georgia,serif; letter-spacing:-.03em; margin:0 0 12px; }
.newsletter-signup .section-label { font-size:9px; }
.newsletter-signup header > p { font-size:13px; color:var(--muted); margin:0; }
.newsletter-signup form > label:first-child { display:block; font-size:12px; font-weight:650; margin-bottom:7px; }
.newsletter-fields { display:flex; gap:8px; }
.newsletter-fields input { width:100%; min-width:0; border:1px solid #b4bfa5; border-radius:6px; padding:12px; background:var(--surface); color:var(--text); font:inherit; font-size:13px; }
.newsletter-fields .btn { flex:none; font-size:12px; padding:12px; }
.newsletter-consent { display:flex; align-items:flex-start; gap:9px; margin:14px 0 10px; font-size:11px; color:var(--text); cursor:pointer; }
.newsletter-consent input { flex:none; width:16px; height:16px; margin:2px 0 0; accent-color:var(--accent); }
.newsletter-promise { font-size:10px; color:var(--muted); line-height:1.7; margin:0; }
.newsletter-signup .err:empty,.newsletter-status:empty { display:none; }
.newsletter-signup .err { min-height:0; margin:10px 0 0; font-size:12px; }
.newsletter-status:not(:empty) { background:var(--surface); border:1px solid #b4bfa5; border-radius:6px; padding:12px; margin:14px 0 0; color:var(--accent); font-size:12px; }
.newsletter-page { max-width:750px; padding:48px 0; }
.newsletter-page h2 { font-size:28px; margin-top:28px; }
.newsletter-page #unsubscribe-status { margin-top:18px; }
.newsletter-owner { margin:26px 0; padding:24px; border:1px solid var(--border); background:var(--surface); border-radius:9px; }
.newsletter-owner h2 { font-size:28px; }
.newsletter-owner p { font-size:13px; color:var(--muted); }
@media(max-width:420px) { .newsletter-fields { flex-direction:column; } .newsletter-fields .btn { width:100%; } }
@media(max-width:760px) { .newsletter-signup { grid-template-columns:minmax(0,1fr); padding:24px; gap:24px; } }

/* About: the same welcoming table, with clear security boundaries. */
.about-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px;padding:70px 0 64px;align-items:center}
.about-hero h1{font-size:clamp(40px,5vw,64px)}.about-hero .sub{font-size:18px;margin:0 0 20px}.about-hero p{color:var(--muted)}.about-hero .btn{margin-top:12px}
.about-mission{background:#e9eddd;border:1px solid #c9d2bd;border-radius:var(--radius);padding:36px;box-shadow:5px 5px 0 #dce1cd;position:relative}
.about-mission h2{font-size:clamp(30px,3.2vw,40px)}.about-mission p{font-size:16px}.about-mission-note{border-top:1px dashed #b8c3aa;margin-top:28px;padding-top:22px;font:italic 22px/1.4 Georgia,serif;color:var(--accent)}.about-mission-note span{float:left;margin-right:14px;font-size:34px}
.about-purpose{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--border)}.about-purpose p{color:var(--muted);margin:0 0 18px}
.about-approach{border-top:1px solid var(--border)}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.about-values .card{padding:28px}.about-values h3{font-size:20px;letter-spacing:-.03em}.about-values p{color:var(--muted);font-size:14px}.about-scope{max-width:850px;color:var(--muted);font-size:14px;margin:28px 0 0}
.about-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border-top:1px solid var(--border)}.about-contact p{color:var(--muted)}.about-contact-options{align-self:center;min-width:0}.about-email{display:block;font-size:clamp(18px,2.5vw,28px);font-weight:650;color:var(--accent);overflow-wrap:anywhere;margin-bottom:24px}.about-contact-options p{font-size:13px;margin-top:24px;max-width:430px}
.about-invite{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:24px 28px;margin:0 0 48px;display:flex;justify-content:space-between;align-items:center;gap:24px}.about-invite p{margin:0}.about-invite a{flex-shrink:0;font-weight:650;font-size:13px}
@media(min-width:761px) and (max-width:1000px){.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero,.about-purpose,.about-contact{gap:32px}}
@media(max-width:760px){.about-hero,.about-purpose,.about-contact{grid-template-columns:minmax(0,1fr);gap:28px}.about-hero{padding:40px 0}.about-mission{padding:28px}.about-values{grid-template-columns:minmax(0,1fr);gap:14px}.about-invite{display:block;padding:24px}.about-invite a{display:inline-block;margin-top:16px}.about-hero .btn{white-space:normal}}
@media(max-width:1000px){.feedback-nav{flex-wrap:wrap}.feedback-nav .links{margin-left:auto}}
@media(max-width:760px){nav .links a[href="/about"]{display:inline-block}}

.analytics-platforms{border-top:1px solid var(--border);padding:32px 0}.analytics-platforms>p{color:var(--muted);font-size:13px;max-width:940px}.analytics-platforms table{table-layout:fixed}.analytics-platforms th:first-child{width:46%}.analytics-platforms tbody th{color:var(--text);font-size:14px;font-weight:650}.analytics-platforms td:nth-child(2),.analytics-platforms th:nth-child(2){text-align:right}.platform-share{height:6px;display:block;background:var(--surface-2);border-radius:4px;margin:6px 0 0 auto;max-width:210px;overflow:hidden}.platform-share>span{display:block;height:100%;background:var(--accent);border-radius:4px}@media(max-width:480px){.analytics-platforms th:first-child{width:44%}.analytics-platforms th,.analytics-platforms td{padding:12px 5px}}

/* Explicit authorization is separate from the compact URL entry row. */
.scan-authorization{display:flex;align-items:flex-start;gap:10px;margin:18px 0 10px;font-size:14px;line-height:1.55;cursor:pointer;text-align:left;max-width:680px}
.scan-authorization input[type=checkbox]{width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:2px 0 0;padding:0;accent-color:var(--accent)}
.scan-use-note{font-size:12px;line-height:1.6;color:var(--muted);max-width:640px;margin:8px 0}
.scan-use-note a{text-decoration:underline;text-underline-offset:3px}
.owner-security main{max-width:700px;padding:55px 0 80px}.owner-security h1{margin:20px 0}.owner-security .panel{margin:28px 0}
.owner-security label{display:block;font-weight:600;margin-bottom:10px}.owner-security input{width:100%;margin-bottom:10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:12px 14px}.owner-security form .btn{margin-top:14px}
.owner-controls{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 12px}
[hidden]{display:none!important}

.report-exports h2{margin-top:0}.report-export-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.report-exports .muted{font-size:12px;max-width:740px}

/* Source-backed evidence: the number leads, with scope kept visible. */
.evidence-card{background:#244a35;border-color:#244a35;border-top:0;padding:28px 26px;color:#fffdf2;box-shadow:4px 5px 0 #ddd6bf}
.evidence-secrets{background:#efc452;border-color:#efc452;color:#302d22}.evidence-data{background:#a73f2c;border-color:#a73f2c;color:#fffdf2}
.evidence-card .evidence-kicker,.evidence-card h3,.evidence-card > p:not(.evidence-stat),.evidence-card .evidence-stat,.evidence-card .evidence-stat span{color:inherit}
.evidence-card .evidence-stat{font-size:clamp(58px,6.1vw,88px);font-weight:850;letter-spacing:-.075em;margin:26px 0}
.evidence-stat strong{font:inherit;display:block;line-height:1.05}.evidence-card .evidence-stat span{font-size:16px;line-height:1.45;font-weight:700;letter-spacing:0;margin-top:16px}
.evidence-card > p.evidence-context{font-size:12px;line-height:1.65;opacity:.94}.evidence-card .evidence-source{border-color:currentColor;font-size:11px;line-height:1.7;margin-top:auto}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-grid > a{display:block;border:1px solid var(--border);border-radius:9px;padding:24px;text-decoration:none;background:var(--surface)}
.guide-grid > a:hover{border-color:var(--accent)}.guide-grid span{font:600 10px/1.6 ui-monospace,monospace;letter-spacing:.08em;color:var(--tomato)}.guide-grid h3{font-size:20px;line-height:1.4}.guide-grid p{font-size:14px;color:var(--muted)}
.guide-page{max-width:880px;margin:0 auto;padding:35px 0 70px}.guide-page header{padding:22px 0 30px}.guide-page h1{font-size:clamp(38px,6vw,66px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.guide-lede{font-size:20px;line-height:1.7;color:var(--muted)}
.guide-breadcrumb,.guide-byline{font-size:12px;color:var(--muted)}.guide-page section{padding:26px 0}.guide-page h2{font-size:29px;line-height:1.3;letter-spacing:-.025em}.guide-page article > p,.guide-page li{line-height:1.8}.guide-page li{margin-bottom:14px}
.guide-table{overflow-x:auto}.guide-table table{border-collapse:collapse;width:100%;font-size:14px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:16px;border:1px solid var(--border)}.guide-table th{background:var(--surface-2)}
.launch-checklist{padding-left:25px}.launch-checklist > li{padding:16px 0;border-top:1px solid var(--border)}.launch-checklist h2{margin-top:0}.guide-callout{margin-top:38px;padding:28px;border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:9px;background:var(--surface)}.guide-callout h2{margin-top:0}.guide-callout .muted{font-size:12px;margin-bottom:0}
@media(max-width:760px){.evidence-card .evidence-stat{font-size:clamp(58px,16vw,82px)}.guide-grid{grid-template-columns:1fr}.guide-page .guide-lede{font-size:18px}.guide-page nav{flex-wrap:wrap}}

.analytics-geography{margin:45px 0}.analytics-geography svg{display:block;width:100%;height:auto;background:#f4efdf;border:1px solid var(--border);border-radius:12px;margin:24px 0}.country-muted{fill:#d8d3c0;stroke:#fffdf6;stroke-width:.5}.country-active{fill:#315b40;stroke:#fffdf6;stroke-width:.7}.guide-page form .btn{margin:6px 8px 6px 0}

/* Approved deli price labels: typography remains available to assistive tools. */
.pricing-beta .price{width:100%;min-height:clamp(112px,12vw,154px);display:flex;align-items:center}
.pricing-beta .price-sticker{position:relative;justify-content:center;margin:8px 0 12px}
.price-sticker img{display:block;width:calc(100% + 20px);max-width:340px;height:auto;flex-shrink:0}
@media(max-width:760px){.pricing-beta .price{min-height:130px}.price-sticker img{max-width:310px}}

/* A full-width assurance band separates the scan form from the rest of the page. */
.trust-banner { background:#e8eddf; box-shadow:0 0 0 100vmax #e8eddf; clip-path:inset(0 -100vmax); padding:24px 0; }
.trust-banner-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:36px; align-items:center; }
.trust-banner-points { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px 24px; padding:0; margin:0; list-style:none; }
.trust-banner-points li { display:flex; align-items:center; gap:9px; color:var(--accent); font-size:13px; font-weight:650; }
.trust-banner-points li::before { content:"✓"; display:grid; place-items:center; width:22px; height:22px; flex:none; border:1px solid #becab2; border-radius:50%; background:#f6f8ef; font-size:12px; }
.trust-banner .hero-assurance { max-width:none; margin:0; padding-left:30px; border-left:1px solid #c2ccb7; font-size:12px; line-height:1.7; }
.trust-banner .hero-assurance strong { color:var(--text); }

/* Newsletter invitation: warm paper, an envelope mark, and a separate email form. */
.newsletter-signup { position:relative; grid-template-columns:1fr 1.1fr; align-items:center; gap:40px; padding:40px; border:1px solid #d5b360; border-top:5px solid var(--tomato); background:#f0ce78; box-shadow:5px 6px 0 #e8dfc6; }
.newsletter-signup header { position:relative; padding-left:76px; min-width:0; }
.newsletter-icon { position:absolute; left:0; top:3px; display:grid; place-items:center; width:58px; height:58px; border:1px solid #d3ad58; border-radius:50%; background:#fff5d8; color:var(--accent); transform:rotate(-8deg); }
.newsletter-icon svg { width:38px; height:38px; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.newsletter-signup h2 { font-size:36px; line-height:1.15; }
.newsletter-signup .section-label { font-size:9px; color:#843322; line-height:1.8; margin-bottom:14px; }
.newsletter-signup header > p { color:#53472f; font-size:14px; line-height:1.8; }
.newsletter-signup form { min-width:0; padding:24px; border:1px solid #dec58b; border-radius:9px; background:#fffaf0; }
.newsletter-fields input { background:#fffefa; }
.newsletter-fields .btn { background:#9f3d2b; border-color:#9f3d2b; padding:12px 14px; }
.newsletter-fields .btn:hover { background:#7c2e20; border-color:#7c2e20; }

/* Consistent, understated emphasis for inline text links. */
main p a:not(.btn), main li a:not(.btn), .pilot-subscribe-link, .beta-banner a { color:var(--link); font-weight:650; text-decoration:underline; text-decoration-color:#b46654; text-decoration-thickness:1px; text-underline-offset:3px; }
main p a:not(.btn):hover, main li a:not(.btn):hover, .pilot-subscribe-link:hover, .beta-banner a:hover { color:#752b1d; text-decoration-thickness:2px; }
.evidence-card p a:not(.btn) { color:inherit; }
@media(max-width:1050px) {
  .trust-banner-inner { grid-template-columns:1fr; gap:18px; }
  .trust-banner .hero-assurance { padding:16px 0 0; border-left:0; border-top:1px solid #c2ccb7; }
  .newsletter-signup { gap:28px; padding:32px; }
  .newsletter-signup header { padding-left:0; }
  .newsletter-icon { position:static; margin-bottom:20px; }
  .newsletter-fields { flex-direction:column; }
  .newsletter-fields .btn { width:100%; }
}
@media(max-width:760px) {
  .newsletter-signup { grid-template-columns:minmax(0,1fr); padding:28px 22px; gap:24px; }
  .newsletter-signup form { padding:20px; }
  .newsletter-signup h2 { font-size:32px; }
}
@media(max-width:480px) {
  .trust-banner-points { flex-direction:column; gap:12px; }
  .trust-banner { padding:24px 0; }
}

/* Make upcoming premium services and the pilot notification action distinct. */
.pilot-offer .pilot-launch-cta { display:inline-flex; align-items:center; justify-content:center; background:var(--tomato); border-color:var(--tomato); color:var(--accent-ink); font-size:15px; padding:16px 20px; white-space:normal; line-height:1.5; box-shadow:3px 4px 0 #d3d8c6; }
.pilot-offer .pilot-launch-cta:hover { background:#923823; border-color:#923823; }
.pilot-launch-note { color:var(--muted); font-size:12px; line-height:1.7; margin:16px 0 28px; max-width:420px; }

/* Footer pages are grouped by purpose, with one clear link per row. */
.footer-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; align-items:start; padding:30px 0 10px; border:0; border-top:1px dashed var(--border); }
.footer-group { min-width:0; }
.footer-group h3 { margin:0 0 16px; color:var(--accent); font:650 11px/1.5 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.footer-group ul { list-style:none; padding:0; margin:0; }
.footer-group li + li { margin-top:10px; }
.footer-group a { display:inline-block; color:var(--muted); font-size:13px; line-height:1.65; text-decoration:none; }
.footer-group a:hover { color:var(--link); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:760px) { .footer-directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 24px; } }
@media(max-width:380px) { .footer-directory { grid-template-columns:minmax(0,1fr); } .pilot-offer .pilot-launch-cta { width:100%; padding:15px; } }

/* Small, deliberate responses. Content stays visible without hovering. */
.scan-form:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px #315b4024, 3px 4px 0 #ddd6bf; }
.newsletter-fields:focus-within { border-color:var(--accent); }
.evidence-card:focus-within { box-shadow:6px 8px 0 #cfc5a9; }
.price-card:focus-within, .guide-grid > a:focus-visible { border-color:var(--accent); box-shadow:5px 7px 0 #d4d9c1; }
.btn:not(:disabled):focus-visible, .nav-cta:focus-visible { box-shadow:3px 4px 0 #c8c2ac; }
.btn:not(:disabled):active { box-shadow:inset 0 2px 0 #0002; }
nav .links a:not(.nav-cta):focus-visible { color:var(--tomato); text-decoration:underline; text-decoration-thickness:2px; }
summary:focus-visible { color:var(--tomato); }
summary::marker { color:var(--tomato); }

@media (hover:hover) and (pointer:fine) {
  .btn:not(:disabled):hover, .nav-cta:hover { box-shadow:3px 4px 0 #c8c2ac; }
  nav .links a:not(.nav-cta):hover { text-decoration:underline; text-decoration-thickness:2px; }
  .evidence-card:hover { box-shadow:6px 8px 0 #cfc5a9; }
  .price-card:hover, .guide-grid > a:hover { border-color:var(--accent); box-shadow:5px 7px 0 #d4d9c1; }
  .pilot-message:hover { border-color:#9ead8d; box-shadow:5px 6px 0 #d1dac2; }
  .menu-item:hover { border-top-color:var(--accent); }
  .menu-item:hover h3, summary:hover { color:var(--tomato); }
  .evidence-source:hover, .evidence-source:focus-visible { text-decoration-thickness:2px; }
}

@media (prefers-reduced-motion:no-preference) {
  .evidence-card, .price-card, .pilot-message, .guide-grid > a {
    transition:transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out;
  }
  .scan-form, .newsletter-fields { transition:border-color .18s ease-out, box-shadow .18s ease-out; }
  .menu-item, .menu-item h3, summary { transition:color .15s ease-out, border-color .15s ease-out; }
  .menu-number, .price-sticker img, .hero-art img, .logo-mark { transition:transform .22s ease-out; }
  .btn, .nav-cta { transition:background .15s ease-out, transform .15s ease-out, box-shadow .15s ease-out; }
  .evidence-card:focus-within, .price-card:focus-within, .guide-grid > a:focus-visible { transform:translateY(-3px); }
  .btn:not(:disabled):active { transform:translateY(1px); }
  @media (hover:hover) and (pointer:fine) {
    .evidence-card:hover, .price-card:hover, .guide-grid > a:hover { transform:translateY(-3px); }
    .pilot-message:hover { transform:translateX(-3px); }
    .menu-item:hover .menu-number { transform:translateX(4px); }
    .price-card:hover .price-sticker img, .price-card:focus-within .price-sticker img { transform:rotate(-2deg); }
    .hero-art:hover img { transform:translateY(-3px) rotate(-1deg); }
    .logo:hover .logo-mark { transform:rotate(0); }
  }
}
@media (prefers-reduced-motion:reduce) {
  .btn:hover, .btn:active { transform:none; }
}

/* Product-first layout: prove the current scanner before introducing the pilot. */
.home-main > section { padding-top:44px; padding-bottom:44px; }
.hero-home { grid-template-columns:1.2fr .8fr; gap:36px; padding:36px 0 28px; }
.hero-home h1 { font-size:clamp(42px,5.2vw,64px); margin-bottom:16px; }
.hero-home .eyebrow { margin-bottom:16px; }
.hero-home .sub { max-width:510px; margin-bottom:16px; font-size:15px; line-height:1.65; }
.hero-home .hero-scope { margin:0 0 14px; font-size:11px; }
.hero-art { width:100%; max-width:410px; justify-self:center; }
.hero-home .scan-form { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding:12px; }
.hero-home .scan-form > input { width:100%; padding:10px 12px; border:1px solid var(--border); background:var(--surface); }
.scan-form .scan-notify label { display:block; margin:10px 0 6px; font-size:13px; }
.scan-form .scan-notify label.scan-newsletter { display:flex; align-items:flex-start; gap:10px; margin:14px 0 6px; }
.scan-form .scan-notify input[type="email"] { display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--border); border-radius:5px; background:var(--surface); }
.hero-home .scan-form .scan-authorization { margin:0; font-size:12px; line-height:1.5; }
.hero-home .scan-form .btn { width:100%; padding:10px 14px; }
.hero-home .scan-use-note { font-size:11px; margin:10px 0 0; }
.hero-home .scan-url-help { font-size:11px; margin:6px 0 0; }
.hero-home .err:empty { display:none; }
.beta-banner { padding:8px 14px; margin-top:12px; font-size:12px; }
.home-main .platform-strip { padding:16px 0; }
.home-main .trust-banner { margin:0; }
.home-main .section-heading { gap:32px; margin-bottom:26px; }
.home-main .menu-item { padding:20px 0; }
.home-main .menu-item h3 { font-size:18px; }
.home-main .menu-item p { margin-bottom:10px; }
.home-main .steps { margin-top:24px; gap:28px; }
.home-main .evidence-compact .evidence-card { padding:22px; }
.evidence-compact .evidence-stat { margin:20px 0 !important; }
.evidence-compact .evidence-stat strong { font-size:clamp(48px,5vw,68px); }
.evidence-compact .evidence-stat span { font-size:14px; margin-top:10px; }
.evidence-compact .evidence-card h3 { font-size:16px; }
.evidence-reading { margin:24px 0 0; font-size:12px; color:var(--muted); }
.offering-simple .pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.offering-simple .price-card { padding:24px; }
.offering-simple .price-card h3 { font-size:27px; }
.offering-simple .price { min-height:110px; }
.offering-simple .price-sticker img { width:260px; max-width:100%; }
.offering-simple .price-card ul { margin:14px 0 22px; }
.home-main .pilot-preview { margin:20px 0 28px; padding:28px; gap:32px; }
.home-main .pilot-offer h2 { font-size:36px; }
.home-main .pilot-offer .section-sub { margin-bottom:18px; }
.home-main .pilot-launch-note { margin-bottom:0; }
.home-main .newsletter-signup { padding:28px; margin-bottom:24px; }
.home-main .newsletter-signup h2 { font-size:30px; }
.home-main .newsletter-signup header { padding-left:0; }
.home-main .newsletter-icon { display:none; }
.home-main .search-guides .guide-grid { gap:14px; }
.home-main .search-guides .guide-grid > a { padding:18px; }
.home-main .search-guides h2 { font-size:32px; }
.home-main .search-guides .section-sub { font-size:14px; margin-bottom:20px; }
.home-main .cta-final { margin-bottom:28px; padding:30px 20px; }
.sample-explorer-body { padding:24px; }
.sample-overview { max-width:720px; margin-bottom:20px; }
.sample-overview h3 { font-size:23px; margin:12px 0 8px; }
.sample-overview p { font-size:14px; color:var(--muted); margin-bottom:0; }
.sample-controls { display:flex; flex-wrap:wrap; gap:8px; padding:12px 0; border-block:1px solid var(--border); }
.sample-controls button { padding:10px 14px; border:1px solid var(--border); border-radius:6px; background:var(--surface); color:var(--text); cursor:pointer; font-weight:650; font-size:13px; }
.sample-controls button[aria-selected=true] { background:var(--accent); border-color:var(--accent); color:var(--accent-ink); }
.sample-panel { padding:20px 0; min-height:240px; max-width:850px; }
.sample-panel h4 { font-size:19px; margin:0 0 12px; }
.sample-panel p { font-size:14px; line-height:1.8; }
.sample-panel .prompt { font-size:12px; }
.sample-panel code { overflow-wrap:anywhere; }
.sample-controls[hidden], .sample-panel[hidden] { display:none; }
.sample-evidence { font-size:14px; margin:0 0 18px; }
.sample-evidence > div { display:grid; grid-template-columns:170px 1fr; gap:16px; padding:10px 0; border-bottom:1px solid var(--border); }
.sample-evidence dt { font-weight:700; }.sample-evidence dd { margin:0; }
.report-summary h2 { font-size:26px; margin-bottom:14px; }
.report-summary p { font-size:14px; }
.mobile-menu { display:none; }
@media(max-width:760px) {
  .wrap > nav:first-of-type { position:relative; gap:14px; }
  .wrap > nav:first-of-type > .links { display:none; }
  .mobile-menu { display:block; position:relative; border:0; padding:0; margin:0; flex:none; }
  .mobile-menu > summary { display:flex; align-items:center; gap:10px; list-style:none; border:1px solid var(--border); background:var(--surface); border-radius:6px; padding:9px 12px; font-size:13px; }
  .mobile-menu > summary::-webkit-details-marker { display:none; }
  .mobile-menu-links { position:absolute; right:0; top:calc(100% + 12px); width:min(270px,calc(100vw - 36px)); display:grid; gap:4px; padding:12px; background:var(--surface); border:1px solid var(--border); border-radius:9px; box-shadow:5px 6px 0 #ddd6bf; z-index:20; }
  .mobile-menu-links a { display:block; padding:10px 12px; font-size:14px; text-decoration:none; border-radius:5px; }
  .mobile-menu-links a:not(.btn):hover { background:var(--surface-2); }
  .mobile-menu-links .btn { margin-top:6px; color:var(--accent-ink); }
  .hero-home { grid-template-columns:minmax(0,1fr); gap:24px; text-align:left; padding:28px 0; }
  .hero-home h1 { font-size:clamp(42px,9vw,60px); }
  .hero-home .sub, .hero-home .hero-scope { margin-left:0; }
  .hero-art { max-width:290px; margin:0 auto; }
  .home-main > section { padding-top:32px; padding-bottom:32px; }
  .home-main .section-heading { display:block; }
  .home-main .pilot-preview, .home-main .newsletter-signup { padding:24px; grid-template-columns:minmax(0,1fr); gap:24px; }
  .offering-simple .pricing-grid { grid-template-columns:minmax(0,1fr); }
  .sample-explorer-body { padding:18px; }
  .sample-controls { display:grid; grid-template-columns:1fr 1fr; }
  .sample-panel { min-height:0; }
  .sample-evidence > div { grid-template-columns:minmax(0,1fr); gap:5px; }
  .sample-explorer .report-bottom .btn { white-space:normal; }
}

@media(max-width:760px){nav.has-mobile-menu > a:not(.logo){display:none;}}

/* Report-only controls share the site’s input sizing and visible focus treatment. */
.cross-user-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.cross-user-field { display:grid; gap:6px; font-size:14px; font-weight:650; }
.cross-user-field input, .triage textarea { display:block; width:100%; min-width:0; padding:12px 14px; border:1px solid var(--border); border-radius:8px; background:var(--surface); color:var(--text); font:inherit; }
.cross-user-field input:focus-visible, .triage textarea:focus-visible { outline:3px solid var(--tomato); outline-offset:3px; }
.triage { margin-top:18px; }
.triage summary { cursor:pointer; font-weight:650; }
.triage label { margin:12px 0; }
.triage textarea { min-height:96px; resize:vertical; }
#report-database h3 { overflow-wrap:anywhere; }
@media(max-width:600px) { .cross-user-fields { grid-template-columns:1fr; } }

/* Three paid-plan previews; free scans remain available above. */
.offering-tiers .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pricing-contact{text-align:center;margin:24px 0 12px;font-size:18px}
.pricing-contact a{font-weight:700}
.launch-offer-date{margin:4px 0 12px;font-weight:700;color:var(--tomato)}
.offering-tiers .price-card{padding:22px}
.offering-tiers .price-card h3{font-size:24px}
.offering-tiers .price-card ul{margin:14px 0 22px}
.offering-tiers .price{width:100%;min-height:96px;display:flex;align-items:center;justify-content:center;margin:6px 0 10px}
.offering-tiers .price-sticker{position:relative}
.offering-tiers .price.plan-price-preview{flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:145px;gap:8px;margin:18px 0 10px}
.plan-price-preview .plan-original{font-size:22px;font-weight:400;letter-spacing:0;color:var(--muted)}
.plan-price-preview .plan-yearly{font-size:16px;font-weight:500;letter-spacing:0;line-height:1.5;margin:0}
.plan-price-preview .plan-yearly s{color:var(--muted);margin-right:4px}
.plan-price-preview .launch-offer-date{font-size:14px;letter-spacing:0;line-height:1.5;margin:0}
.offering-tiers .plan-unavailable:disabled{background:#e1e3df;border-color:#b7bdb6;color:#545d53;opacity:1;cursor:not-allowed;box-shadow:none}
.offering-tiers .price-sticker img{width:100%;max-width:230px;height:auto}
@media(max-width:900px){.offering-tiers .pricing-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.offering-tiers .pricing-grid{grid-template-columns:minmax(0,1fr)}}

.sample-intro h1 { font-size:clamp(34px,5vw,54px); margin:12px 0 18px; }
.sample-stage { display:flex; flex-wrap:wrap; gap:14px 24px; border:1px solid var(--border); border-radius:8px; padding:16px; margin:22px 0 14px; }
.sample-stage legend { padding:0 7px; font-size:13px; font-weight:650; }
.sample-stage label { display:flex; align-items:center; gap:8px; font-weight:700; cursor:pointer; }
.sample-stage input { width:18px; height:18px; accent-color:var(--accent); }
.sample-jumps { display:flex; flex-wrap:wrap; gap:12px 22px; margin:20px 0; font-size:14px; font-weight:650; }
.sample-feature { border:1px solid var(--border); border-radius:12px; background:var(--surface); padding:30px; margin:28px 0; }
.sample-feature h3 { font:500 32px Georgia,serif; margin:12px 0; }
.sample-feature .sample-facts { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.sample-feature .sample-facts span { padding:6px 10px; border:1px solid var(--border); border-radius:5px; font-size:13px; }
@media(max-width:600px) { .sample-feature{padding:22px} .sample-stage{flex-direction:column} }

/* Keep the working product and its proof ahead of future-plan previews. */
.sample-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sample-example-grid .sample-feature{margin:0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sample-example-grid .sample-feature h3{font-size:30px;line-height:1.18}
.sample-example-grid .sample-feature > p:not(.scan-url-help){font-size:14px;line-height:1.7;flex:1}
.sample-example-grid .sample-feature .btn{margin-top:4px}
.sample-example-grid .scan-url-help{margin:16px 0 0}
.sample-shared-note{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 0;max-width:85ch}
.home-main .pilot-preview{align-items:start}
.pilot-teasers > summary{cursor:pointer;font-weight:600;line-height:1.6;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.pilot-teasers > summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.pilot-teaser-content{padding-top:18px}
@media(max-width:760px){.sample-example-grid{grid-template-columns:1fr}.sample-example-grid .sample-feature h3{font-size:27px}}

.hero-check-count{display:flex;align-items:center;gap:18px;padding:16px 18px;border:1px solid #c9d4bd;border-left:4px solid var(--accent);border-radius:8px;background:#e8edde;color:var(--accent);margin:0 0 16px;text-decoration:none}
.hero-check-count>strong{font:500 clamp(48px,5vw,64px)/1 Georgia,serif;letter-spacing:-.05em;font-variant-numeric:lining-nums}
.hero-check-count b{display:block;font-size:15px;line-height:1.4}.hero-check-count small{display:block;font-size:12px;line-height:1.7;margin-top:3px}.hero-count-scope{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:var(--muted)}
.hero-check-count:hover{border-color:var(--accent);background:#e0e8d6}.hero-check-count:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.check-catalog-highlight{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:28px 32px;margin-top:30px;border-radius:10px;background:var(--accent);color:#fffdf5;scroll-margin-top:24px}
.check-catalog-highlight .section-label{color:#d5e0c9}.check-catalog-highlight h3{display:flex;align-items:center;gap:22px;margin:12px 0 0}.check-catalog-highlight h3 strong{font:500 clamp(70px,7vw,94px)/1 Georgia,serif;letter-spacing:-.05em;font-variant-numeric:lining-nums}.check-catalog-highlight h3 span{font:500 clamp(22px,2.5vw,30px)/1.2 Georgia,serif}
.check-catalog-highlight>p{max-width:390px;font-size:14px;line-height:1.8;margin:0;color:#f1f2e9}.check-catalog-highlight p a:not(.btn){display:inline-block;color:#fffdf5;font-weight:650;margin-top:8px;text-decoration-color:currentColor}.check-catalog-highlight p a:not(.btn):hover{color:#fffdf5;text-decoration-thickness:2px}
.check-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 16px}
.check-count-grid article{padding:20px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.check-count-grid strong{display:block;font:500 42px Georgia,serif;color:var(--accent);margin-bottom:12px}
.check-count-grid h3{font-size:14px;margin:0 0 8px}.check-count-grid p,.check-count-note{font-size:12px;line-height:1.7;color:var(--muted)}
.check-count-note{max-width:90ch;margin-bottom:20px}.check-count-note strong{color:var(--text)}
@media(max-width:760px){.check-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-count-grid article{padding:16px}}
@media(max-width:360px){.check-count-grid{grid-template-columns:1fr}}
@media(max-width:760px){.check-catalog-highlight{align-items:flex-start;flex-direction:column;gap:20px;padding:25px}.check-catalog-highlight>p{max-width:none}.hero-check-count{gap:14px;padding:14px}.hero-check-count b{font-size:14px}}

/* Accounts and projects */
.account-form { display: grid; gap: 8px; max-width: 460px; margin: 12px 0; }
.account-form label { font-weight: 700; font-size: 14px; }
.account-form input { font: inherit; padding: 11px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--text); }
.account-form .btn { justify-self: start; margin-top: 6px; }
.account-page .action { display: inline-block; margin: 6px 8px 6px 0; }
.project-history ul { margin: 8px 0 0; padding-left: 20px; }
.plan-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 14px; }
.plan-choice { border: 1px solid var(--border); border-radius: 7px; padding: 16px; background: var(--bg); }
.plan-price { font-size: 22px; font-weight: 700; color: var(--text) !important; margin: 4px 0 8px !important; }
.interval-toggle { display: block; margin: 6px 0; color: var(--muted); font-size: 14px; }
.launch-offer{padding:10px 12px;background:#fff4d6;border:1px solid var(--border);border-radius:6px;font-size:13px}
.plan-was{font-size:15px;opacity:.7}

.analytics-usefulness .analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-funnel th:last-child,.analytics-funnel td:last-child{text-align:left}.analytics-funnel th:nth-child(2),.analytics-funnel td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}.analytics-funnel td:nth-child(2){font-weight:700;color:var(--accent);font-size:22px}@media(max-width:760px){.analytics-usefulness .analytics-metrics{grid-template-columns:1fr}.analytics-funnel th,.analytics-funnel td{padding:12px 5px}.analytics-funnel td:nth-child(2){font-size:18px}}

/* Homepage report preview: recorded sample data, presented like the real report. */
.report-showcase{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:48px;align-items:center}
.showcase-copy h2{font-size:clamp(32px,3.6vw,48px);line-height:1.1;margin:18px 0 22px}
.showcase-copy>p{color:var(--muted);font-size:16px;line-height:1.8}
.showcase-benefits{list-style:none;padding:0;margin:28px 0;display:grid;gap:22px}
.showcase-benefits li{display:flex;gap:14px;font-size:14px;line-height:1.7;color:var(--muted)}
.showcase-benefits li>span{font:12px var(--font-mono,monospace);color:var(--accent);padding-top:4px}
.showcase-benefits strong{color:var(--text)}
.showcase-text-link{font-size:14px;font-weight:700}
.showcase-example-switch{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.showcase-example-switch button,.showcase-stage-switch button{font:600 12px var(--font-sans,sans-serif);padding:10px 13px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}
.showcase-example-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.showcase-report{border:1px solid #d4d8cf;border-radius:12px;background:#fffef9;box-shadow:0 12px 35px #263c2610;overflow:hidden}
.showcase-report-brand{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);font-size:14px;font-weight:750}
.showcase-report-brand>span:first-child{display:flex;align-items:center;gap:7px}
.showcase-document-title{font:9px var(--font-mono,monospace);letter-spacing:.08em;color:var(--muted)}
.showcase-sample-label{font:9px var(--font-mono,monospace);letter-spacing:.07em;color:var(--muted)}
.showcase-report-heading{padding:22px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.showcase-report-heading h3{font:500 23px Georgia,serif;line-height:1.25;margin:8px 0}
.showcase-report-heading p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}
.showcase-report-heading .section-label{font-size:9px}
.showcase-stage-switch{display:flex;gap:3px;flex-shrink:0;background:#eef0e9;padding:3px;border-radius:6px}
.showcase-stage-switch button{border:0;background:transparent;padding:8px 10px;font-size:11px}
.showcase-stage-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #24342320}
.showcase-summary{display:flex;gap:22px;align-items:center;padding:24px 22px}
.showcase-score{--ring-color:#b63828;flex-shrink:0;width:102px;height:102px;border-radius:50%;padding:8px;background:conic-gradient(var(--ring-color) calc(var(--preview-score)*1%),#edece5 0)}
.showcase-score.improved{--ring-color:var(--accent)}
.showcase-score>div{height:100%;border-radius:50%;background:#fffef9;display:flex;align-items:center;justify-content:center;flex-direction:column}
.showcase-score strong{font-size:34px;line-height:1.1;letter-spacing:-1px}
.showcase-score span{font-size:11px;color:var(--muted)}
.showcase-summary-copy .section-label{font-size:9px}
.showcase-summary-copy h4{font-size:17px;line-height:1.35;margin:8px 0;color:var(--text)}
.showcase-summary-copy p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.showcase-severities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 22px 20px}
.showcase-severities>div{border:1px solid #ead7d2;border-radius:6px;padding:10px 14px;background:#fdf4f1}
.showcase-severities strong{display:block;font-size:24px;line-height:1.2;color:#a63224}
.showcase-severities span{font-size:11px;color:#913022}
.showcase-severities>div:last-child{background:#f5f5ef;border-color:var(--border)}
.showcase-severities>div:last-child strong,.showcase-severities>div:last-child span{color:var(--muted)}
.showcase-findings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 22px 10px}
.showcase-findings-heading h4{font-size:12px;margin:0}.showcase-findings-heading>span{font-size:10px;color:var(--muted)}
.showcase-findings{list-style:none;padding:0;margin:0 22px}
.showcase-findings li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid var(--border)}
.showcase-findings strong{font-size:12px;line-height:1.6;color:#a63224;font-weight:600}
.showcase-severity{padding:3px 6px;border-radius:3px;font-size:9px;line-height:1.6;min-width:48px;text-align:center;background:#f9e6df;color:#a63224;font-weight:700}
.showcase-severity.critical{background:#a63224;color:white}
.showcase-fix{font-size:12px;line-height:1.8;padding:12px 14px;background:#f0f3e9;border-left:3px solid var(--accent);margin:14px 22px 22px}
.showcase-report-footer{border-top:1px solid var(--border);padding:16px 22px;display:flex;align-items:center;gap:14px;justify-content:space-between}
.showcase-report-footer .btn{font-size:12px;padding:12px 15px}
.showcase-report-footer>span{font-size:10px;color:var(--muted)}
.showcase-caveat{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 2px 0}
.showcase-example-switch[hidden],.showcase-stage-switch[hidden]{display:none}
@media(max-width:1000px){.report-showcase{grid-template-columns:1fr;gap:25px}.showcase-copy>p{max-width:630px}.showcase-benefits{grid-template-columns:repeat(3,1fr);gap:22px}.showcase-demo{max-width:800px;width:100%;margin:auto}}
@media(max-width:600px){.showcase-benefits{grid-template-columns:1fr;gap:15px}.showcase-report-heading{flex-direction:column}.showcase-document-title{display:none}.showcase-report-brand,.showcase-report-heading,.showcase-summary,.showcase-report-footer{padding-left:16px;padding-right:16px}.showcase-summary{gap:14px}.showcase-score{width:86px;height:86px}.showcase-summary-copy h4{font-size:16px}.showcase-severities{padding-left:16px;padding-right:16px}.showcase-severities>div{padding:10px}.showcase-report-footer{flex-wrap:wrap}.showcase-findings-heading,.showcase-findings,.showcase-fix{margin-left:16px;margin-right:16px}}
/* A shorter homepage: one question, one example, and seven clear sections. */
.home-main>section{padding:48px 0}
.home-main .hero-home{padding:46px 0 30px;column-gap:38px}
.home-main .hero-home h1{font-size:clamp(42px,5.1vw,64px)}
.home-main .hero-home .sub{max-width:550px;margin-bottom:18px}
.home-main .hero-scope{border:0;padding:0;margin:15px 0;color:var(--accent);font-weight:650}
.home-main .hero-check-count{padding:10px 14px;gap:14px;max-width:530px}
.home-main .hero-check-count>strong{font-size:38px}
.home-main .hero-count-scope{font-size:11px}
.hero-trust{grid-column:1/-1;display:flex;justify-content:center;gap:16px;margin:15px 0 0;font-size:13px;color:var(--accent);font-weight:650}
.home-main .report-showcase{padding:42px 0;gap:30px}
.home-main .showcase-benefits{gap:12px}
.home-main .showcase-caveat{font-size:12px;margin-bottom:0}
.compact-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0}
.compact-steps article{border-top:2px solid var(--accent);padding-top:15px}
.compact-steps h3{font-size:18px;margin:10px 0}
.compact-steps p,.coverage-link{font-size:14px;color:var(--muted)}
.coverage-details{border:1px solid var(--border);border-radius:8px;padding:16px 20px;background:var(--surface)}
.coverage-details summary,.launch-offer summary,.scope-note summary{cursor:pointer;font-weight:700;color:var(--accent)}
.coverage-details .menu-grid{padding-top:24px}
.home-main .check-catalog-highlight{padding:20px;margin-top:24px}
.home-main .check-catalog-highlight h3 strong{font-size:60px}
.home-main .check-count-grid{margin-top:20px}
.home-main .platform-list-block{padding:16px 0;border-bottom:0}
.home-main .platform-name-row{gap:24px;align-items:flex-start}
.home-main .platform-list-label{flex-basis:160px;padding-top:5px}
.home-main .platform-name-row ul{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.home-main .platform-name-row li{gap:7px;padding:4px 0;border:0;border-radius:0;background:transparent;font-size:13px;white-space:nowrap}
.home-main .platform-name-row li img{width:20px;height:20px}
.home-main .platform-name-row li span{overflow-wrap:normal}
.home-main .coding-tools{margin:0}
.home-main .section-heading{margin-bottom:24px}
.home-proof .section-heading{align-items:center}
.scan-counter{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:center;padding:18px 24px;border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--surface);border-radius:8px;max-width:430px}
.scan-counter strong{font:500 54px/1 Georgia,serif;color:var(--accent)}
.scan-counter span{font-size:14px;font-weight:650}
.scan-counter small{grid-column:1/-1;color:var(--muted);font-size:11px}
.quote-intro{color:var(--muted);font-size:14px}
.research-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.research-quotes figure{margin:0;border-top:2px solid var(--mustard);padding:20px 0 0}
.research-quotes blockquote{font:500 23px/1.35 Georgia,serif;letter-spacing:-.025em;margin:0 0 16px}
.research-quotes figcaption{font-size:12px;line-height:1.6;color:var(--muted)}
.home-main .price-card{padding:25px;display:flex;flex-direction:column}
.home-main .price-card>p{margin:14px 0;min-height:0}
.home-main .price-card ul{margin:12px 0 24px;flex:1}
.home-main .price-card .price{margin-bottom:12px;min-height:130px}
.home-main .price-card .plan-yearly{margin-top:5px}
.home-main .price-card .launch-offer-date{font-size:12px}
.launch-offer{border:1px solid var(--border);background:var(--surface);padding:16px 20px;border-radius:8px;margin-top:24px;font-size:14px}
.launch-offer p{max-width:900px}
.home-main .pricing-feedback{font-size:12px}
.home-learn .daily-snack{border:0;padding:0 0 28px;margin:0}
.home-learn .newsletter-signup{margin:0;padding:25px;gap:26px}
.home-learn .newsletter-signup h2{font-size:32px}
.home-main .scope-note{padding:30px;background:#edf0e3;border:1px solid #d0d8c3;border-radius:10px;margin:0 0 35px;font-size:13px}
.scope-note h2{font-size:29px;margin:10px 0 15px}
.scope-note details{border-top:1px solid #cbd4bf;padding-top:16px}
.scope-final{margin:18px 0 0;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:760px){.home-main>section{padding:32px 0}.home-main .hero-home{padding-top:30px}.hero-trust{flex-wrap:wrap;gap:6px 10px}.compact-steps,.research-quotes{grid-template-columns:1fr;gap:16px}.compact-steps{margin-bottom:20px}.research-quotes figure{padding-top:14px}.research-quotes blockquote{font-size:22px;margin-bottom:10px}.home-main .platform-name-row{display:block}.home-main .platform-list-label{display:block;margin-bottom:12px}.home-proof .section-heading{display:block}.scan-counter{margin-top:20px;max-width:none}.home-main .price-card .price{min-height:0}.home-main .scope-note{padding:22px}.home-main .hero-art{display:none}.home-main .hero-copy{max-width:none}.home-main .hero-home{grid-template-columns:1fr}.home-learn .newsletter-signup{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.home-main .hero-check-count{margin:18px 0 0}

/* Timely guide announcement and featured library entry. */
.guide-announcement { background:var(--accent); color:var(--accent-ink); border-bottom:3px solid var(--mustard); }
.guide-announcement-inner { max-width:var(--max); margin:auto; padding:14px 28px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 20px; }
.guide-announcement-label { border:1px solid #fffdf166; border-radius:4px; padding:3px 8px; font:700 10px/1.5 ui-monospace,monospace; letter-spacing:.07em; }
.guide-announcement p { margin:0; font-size:14px; }
.guide-announcement a { color:var(--accent-ink); font-size:14px; font-weight:750; text-decoration:underline; text-underline-offset:4px; }
.guide-announcement a:hover { color:var(--mustard); }
.guide-announcement a:focus-visible { outline:2px solid var(--mustard); outline-offset:5px; border-radius:2px; }
.guide-grid > .guide-update { grid-column:1 / -1; border-left:4px solid var(--tomato); background:var(--surface-2); }
@media(max-width:600px) { .guide-announcement-inner { justify-content:flex-start; padding:16px 22px; gap:8px 14px; }.guide-announcement p { flex-basis:100%; } }