:root{
  --md-ref-typeface-brand:"Google Sans Flex",Roboto,system-ui,sans-serif;
  --md-ref-typeface-plain:"Google Sans Flex",Roboto,system-ui,sans-serif;
  /* Accents: Google's four, nudged (blue #1a73e8 -> #1f6fd8, red #ea4335 -> #df4a3c, yellow #fbbc04 -> #f0ad12, green #34a853 -> #1f9a58) */
  --fs-blue:#1f6fd8; --fs-red:#df4a3c; --fs-yellow:#f0ad12; --fs-green:#1f9a58;
  --md-sys-color-primary:#1f6fd8; --md-sys-color-on-primary:#ffffff;
  --md-sys-color-primary-container:#dce8fb; --md-sys-color-on-primary-container:#0b2f66;
  --md-sys-color-secondary:#4a5563; --md-sys-color-on-secondary:#ffffff;
  --md-sys-color-secondary-container:#e6ebf2; --md-sys-color-on-secondary-container:#1c2533;
  --md-sys-color-tertiary:#1f9a58; --md-sys-color-error:#d23f31; --md-sys-color-on-error:#ffffff;
  --md-sys-color-surface:#ffffff; --md-sys-color-on-surface:#1e2227; --md-sys-color-on-surface-variant:#5a6169;
  --md-sys-color-surface-container-lowest:#ffffff; --md-sys-color-surface-container-low:#f6f8fb;
  --md-sys-color-surface-container:#f0f3f7; --md-sys-color-surface-container-high:#e9edf2; --md-sys-color-surface-container-highest:#e2e7ee;
  --md-sys-color-outline:#7b828b; --md-sys-color-outline-variant:#dce0e6;
  --md-sys-color-inverse-surface:#2e3238; --md-sys-color-inverse-on-surface:#eef1f5;
  --brand-dot:#df4a3c;
  --gutter:24px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--md-ref-typeface-plain);color:var(--md-sys-color-on-surface,#231918);background:var(--md-sys-color-surface,#fffbff);-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-inline:var(--gutter)}
/* Top app bar (Material 3 small top app bar pattern) */
.appbar{position:sticky;top:0;z-index:10;background:var(--md-sys-color-surface,#fffbff);border-bottom:1px solid var(--md-sys-color-outline-variant,#e0e0e0)}
.appbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.wordmark{font:700 22px Inter,var(--md-ref-typeface-brand);letter-spacing:-.02em;text-decoration:none;color:var(--md-sys-color-on-surface)}
.wordmark span{color:var(--brand-dot)}
.wordmark{display:inline-flex;align-items:center}.wordmark img{width:26px;height:auto;display:block;margin-right:10px}
.appbar nav{display:flex;align-items:center;gap:4px}
/* Material 3 type scale */
.display-large{font-size:clamp(40px,6vw,57px);line-height:1.12;font-weight:400;letter-spacing:-.25px;margin:0}
.headline-medium{font-size:28px;line-height:36px;font-weight:400;margin:0}
.title-large{font-size:22px;line-height:28px;font-weight:500;margin:0}
.title-medium{font-size:16px;line-height:24px;font-weight:500;letter-spacing:.15px;margin:0}
.body-large{font-size:16px;line-height:24px;letter-spacing:.5px}
.body-medium{font-size:14px;line-height:20px;letter-spacing:.25px}
.label-large{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}
.label-medium{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px}
.muted{color:var(--md-sys-color-on-surface-variant)}
/* Hero */
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center;padding-block:48px 40px;border-top:1px solid var(--md-sys-color-outline-variant)}
.hero .body-large{margin:20px 0 32px;max-width:560px}
.hero .body-large b{font-weight:500;color:var(--md-sys-color-on-surface)}
.getform{display:flex;gap:12px;align-items:flex-start;max-width:600px}
.getform md-outlined-text-field{flex:1}
.getform md-filled-button{height:56px}
.fine{margin-top:12px}
/* Cards (Material 3 filled / outlined / elevated) */
.card{border-radius:16px;padding:24px}
.card.filled{background:var(--md-sys-color-surface-container)}
.card.tonal{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant)}
.proof .num{color:var(--md-sys-color-primary)}
.card.outlined{border:1px solid var(--md-sys-color-outline-variant,#d8c2bd);background:var(--md-sys-color-surface)}
.proof .num{font-size:57px;line-height:64px;font-weight:400;letter-spacing:-.25px}
.proof p{margin:8px 0 0}
.proof .label-medium{margin-top:16px;display:block}
section{padding-block:56px}
.section-head{margin-bottom:24px}
.section-head .body-large{margin:8px 0 0;max-width:640px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step md-icon{--md-icon-size:28px}
.steps .step:nth-child(1) md-icon{color:var(--fs-blue)}
.steps .step:nth-child(2) md-icon{color:var(--fs-red)}
.steps .step:nth-child(3) md-icon{color:var(--fs-yellow)}
.steps .step:nth-child(4) md-icon{color:var(--fs-green)}
.step .title-medium{margin:16px 0 4px}
.step .body-medium{margin:0}
/* Front page leaderboard */
.front{padding-block:40px 24px}
.front-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;margin-bottom:16px}
.front-head .body-large{margin:8px 0 0;max-width:640px}
.front-head .display-medium{font-size:clamp(34px,4.6vw,45px);line-height:1.15;font-weight:400;margin:0}
.board{border:1px solid var(--md-sys-color-outline-variant);border-radius:24px;overflow:hidden;background:var(--md-sys-color-surface)}
.board-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:0 16px 0 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}
.board-bar md-tabs{flex:1;min-width:300px;max-width:460px;--md-divider-thickness:0}
.board ol{list-style:none;margin:0;padding:0}
.lb{display:grid;grid-template-columns:36px 40px minmax(0,1fr) 190px 64px;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--md-sys-color-outline-variant)}
.lb:last-child{border-bottom:0}
.lb:hover{background:var(--md-sys-color-surface-container-low)}
.lb .rank{font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;align-items:center;gap:2px}
.lb.top .rank .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--md-sys-color-primary);color:#fff;font-size:14px;margin:auto}
.lb .fav{width:40px;height:40px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);display:grid;place-items:center;background:#fff;overflow:hidden}
.lb .fav img{width:22px;height:22px}
.lb .who{min-width:0}
.lb .who a{text-decoration:none}
.lb .who a:hover{text-decoration:underline}
.lb .desc{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.parts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.parts span{height:8px;border-radius:4px;background:var(--md-sys-color-surface-container-highest);overflow:hidden}
.parts i{display:block;height:100%}
.parts span:nth-child(1) i{background:var(--fs-blue)}.parts span:nth-child(2) i{background:var(--fs-red)}.parts span:nth-child(3) i{background:var(--fs-yellow)}.parts span:nth-child(4) i{background:var(--fs-green)}
.lb .score{font-size:28px;line-height:32px;text-align:right}
.lb-legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:12px 20px;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}
.lb-legend b{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.lb-more{display:flex;justify-content:center;padding:8px}
.cols{display:grid;grid-template-columns:36px 40px minmax(0,1fr) 190px 64px;gap:14px;padding:10px 20px 0;color:var(--md-sys-color-on-surface-variant)}
.cols span:nth-child(4){text-align:left}.cols span:nth-child(5){text-align:right}
.report-score{display:flex;align-items:center;gap:12px}
.report-score .metric{color:var(--md-sys-color-primary)}
/* Sample report */
.report{border-radius:28px;background:var(--md-sys-color-surface-container);padding:8px}
.report-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px}
.rblock{background:var(--md-sys-color-surface,#fffbff);border-radius:20px;padding:20px 24px;margin:8px}
.rblock-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rblock-head .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:500;flex:none;background:var(--fs-blue)}
.rblock:nth-of-type(3) .n{background:var(--fs-yellow);color:#1e2227}
.rblock:nth-of-type(4) .n{background:var(--fs-green)}
.rblock-head .title-medium{flex:1}
.metric{font-size:28px;line-height:36px;font-weight:400;white-space:nowrap}
table{width:100%;border-collapse:collapse}
th{text-align:left;color:var(--md-sys-color-on-surface-variant);font-weight:500;font-size:12px;letter-spacing:.5px;padding:8px 8px 8px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}
td{padding:12px 8px 12px 0;border-bottom:1px solid var(--md-sys-color-outline-variant);font-size:14px;letter-spacing:.25px;vertical-align:middle}
tr:last-child td{border-bottom:0}
.bar{height:6px;border-radius:3px;background:var(--md-sys-color-surface-container-highest);width:120px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:10px}
.bar i{display:block;height:100%;background:var(--md-sys-color-primary)}
.status{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.status md-icon{--md-icon-size:18px}
.good{color:#177a45}.bad{color:var(--md-sys-color-error)}
.tw{overflow-x:auto}
.serp{list-style:none;margin:0;padding:0}
.serp li{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}
.serp li:last-child{border-bottom:0}
.serp .pos{width:24px;flex:none;color:var(--md-sys-color-on-surface-variant);font-weight:500}
.serp .you{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:12px;padding-inline:10px;margin-inline:-10px}
.cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-radius:28px;padding:40px}
footer{border-top:1px solid var(--md-sys-color-outline-variant);padding-block:24px 48px}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;gap:32px;padding-block:40px}
  .steps{grid-template-columns:1fr 1fr}
  .lb,.cols{grid-template-columns:32px 36px minmax(0,1fr) 120px 48px;gap:10px}
}
@media (max-width:600px){
  :root{--gutter:16px}
  .appbar nav md-text-button{display:none}
  .getform{flex-direction:column;align-items:stretch}
  .getform md-filled-button{width:100%}
  .steps{grid-template-columns:1fr}
  .rblock{padding:16px}
  .rblock-head{flex-wrap:wrap}
  .bar{width:60px}
  .cta{padding:24px}
  .rblock-head .metric{flex-basis:100%;order:3;font-size:22px;line-height:28px;margin-left:40px}
  .lb{grid-template-columns:28px 32px minmax(0,1fr) 40px;padding:10px 14px;gap:10px}
  .lb .parts,.cols{display:none}
  .lb .fav{width:32px;height:32px;border-radius:8px}.lb .fav img{width:18px;height:18px}
  .lb .score{font-size:22px}
  .board-bar md-tabs{min-width:0;max-width:none;flex-basis:100%}
  .board-bar{padding:0 0 10px 14px}
}

/* Site additions */
.getform{flex-wrap:wrap}
.getform md-outlined-text-field{flex:1 1 220px}
.notice{margin-top:12px;padding:12px 16px;border-radius:12px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}
.notice.err{background:#fde7e4;color:#8a1c12}
.doc{max-width:720px;padding-block:48px 72px}
.doc h1{margin:0 0 16px}
.doc h2{font-size:20px;font-weight:500;margin:32px 0 8px}
.doc p,.doc li{font-size:16px;line-height:26px;color:var(--md-sys-color-on-surface-variant)}
.doc form{display:grid;gap:16px;margin-top:24px}
footer .wrap{display:flex;gap:16px 24px;flex-wrap:wrap;justify-content:space-between}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}
.lb-foot{padding:10px 20px;border-top:1px solid var(--md-sys-color-outline-variant)}

/* Two-step sign-up: URL, scan animation, then email */
.getform .step-email{display:none;flex:1 1 100%;gap:12px;flex-wrap:wrap;align-items:flex-start}
.getform.ask-email .step-url{display:none}
.getform.ask-email .step-email{display:flex}
.getform .step-url{display:flex;gap:12px;flex:1 1 100%;flex-wrap:wrap;align-items:flex-start}
.getform .step-url md-outlined-text-field,.getform .step-email md-outlined-text-field{flex:1 1 220px}
.getform .step-url md-filled-button,.getform .step-email md-filled-button{height:56px}
.scan{display:none;flex:1 1 100%;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:16px 20px;background:var(--md-sys-color-surface-container-low)}
.getform.scanning .step-url{display:none}
.getform.scanning .scan{display:block}
.scan .title-medium{margin:0 0 10px}
.scan ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.scan li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--md-sys-color-on-surface-variant);opacity:.45;transition:opacity .3s}
.scan li.on{opacity:1;color:var(--md-sys-color-on-surface)}
.scan li md-icon{--md-icon-size:20px;color:var(--md-sys-color-outline)}
.scan li.done md-icon{color:var(--fs-green)}
.scan li.on:not(.done) md-icon{animation:spin 1s linear infinite;color:var(--md-sys-color-primary)}
.scan .track{height:4px;border-radius:2px;background:var(--md-sys-color-surface-container-highest);overflow:hidden;margin-top:14px}
.scan .track i{display:block;height:100%;width:0;background:var(--md-sys-color-primary);transition:width .5s ease}
.email-intro{flex:1 1 100%;margin:0}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.scan li.on:not(.done) md-icon{animation:none}.scan .track i{transition:none}}
/* Proof strip */
.proofstrip{padding-block:8px 32px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat{border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:20px 24px}
.stat .v{font-size:36px;line-height:44px;font-weight:400;color:var(--md-sys-color-on-surface)}
.stat p{margin:4px 0 0}
.logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px}
.logos .label-medium{flex:1 1 100%;margin-bottom:-4px}
.logo{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#5a6169}
.logo img{width:22px;height:22px;opacity:.7}
@media (max-width:600px){.stats{grid-template-columns:1fr}}
/* Board stats toggle and rank page */
.lb{grid-template-columns:36px 40px minmax(0,1fr) 190px 64px 84px}
.cols{grid-template-columns:36px 40px minmax(0,1fr) 190px 64px 84px}
.lbi{border-bottom:1px solid var(--md-sys-color-outline-variant)}
.lbi:last-child{border-bottom:0}
.lbi .lb{border-bottom:0}
.lbi.you .lb{background:var(--md-sys-color-primary-container)}
.lbi.open .lb{background:var(--md-sys-color-surface-container-low)}
.stats-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;border:0;background:none;color:var(--md-sys-color-primary);cursor:pointer;padding:8px 0 8px 8px;font:inherit;min-height:40px}
.stats-toggle md-icon{transition:transform .2s}
.stats-toggle[aria-expanded=true] md-icon{transform:rotate(180deg)}
.lbstats{padding:4px 20px 20px 110px;background:var(--md-sys-color-surface-container-low)}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.facts li{display:flex;align-items:center;gap:10px}
.facts md-icon{--md-icon-size:20px;flex:none}
.facts li:nth-child(1) md-icon{color:var(--fs-blue)}.facts li:nth-child(2) md-icon{color:var(--fs-red)}.facts li:nth-child(3) md-icon{color:var(--fs-yellow)}.facts li:nth-child(4) md-icon{color:var(--fs-green)}
.lbstats-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.lb-gap{text-align:center;padding:6px;border-bottom:1px solid var(--md-sys-color-outline-variant)}
.rankhero{padding-block:40px 8px}
.rankcard{border-radius:28px;background:var(--md-sys-color-surface-container);padding:28px 32px}
.rank-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:24px}
.rank-main h1{margin:4px 0 8px}
.fav.big{width:64px;height:64px;border-radius:16px;border:1px solid var(--md-sys-color-outline-variant);display:grid;place-items:center;background:#fff;overflow:hidden}
.fav.big img{width:36px;height:36px}
.rank-score{display:flex;flex-direction:column;align-items:flex-end}
.rank-score .metric{font-size:48px;line-height:52px;color:var(--md-sys-color-primary)}
.rank-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media (max-width:900px){
  .lb,.cols{grid-template-columns:32px 36px minmax(0,1fr) 120px 48px 76px}
  .lbstats{padding-left:20px}
}
@media (max-width:600px){
  .lb{grid-template-columns:28px 32px minmax(0,1fr) 40px 40px}
  .stats-toggle .label-large{display:none}
  .lbstats{padding:4px 14px 16px}
  .facts{grid-template-columns:1fr}
  .rankcard{padding:20px}
  .rank-main{grid-template-columns:1fr;gap:14px}
  .fav.big{width:48px;height:48px;border-radius:12px}.fav.big img{width:28px;height:28px}
  .rank-score{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px}
}
/* Movement since the previous ranking run */
.move{display:inline-flex;align-items:center;font-size:11px;font-weight:600;line-height:14px;letter-spacing:.2px;white-space:nowrap}
.move md-icon{--md-icon-size:18px;margin:-2px -3px -2px -5px}
.move.up{color:#177a45}.move.down{color:var(--md-sys-color-error)}
.move.new{color:var(--md-sys-color-primary);text-transform:uppercase;font-size:10px}
.move.same{color:var(--md-sys-color-on-surface-variant)}
.rank-move{margin:0 0 4px}
.rank-move .move{font-size:14px;line-height:20px;padding:4px 12px 4px 8px;border-radius:16px;background:var(--md-sys-color-surface)}
.rank-move .move md-icon{--md-icon-size:22px;margin:-4px 0 -4px -4px}
.rank-move .move.new{text-transform:none;font-size:14px;padding-left:12px}
/* Evidence and next steps in reports */
.rblock.fixes{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant)}
.rblock-head .lead{color:var(--md-sys-color-primary);--md-icon-size:28px;flex:none}
.steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.step{border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:16px 18px}
.step-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.step-head .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff;flex:none}
.step-head .n.c1{background:var(--fs-blue)}.step-head .n.c2{background:var(--fs-yellow);color:#1e2227}.step-head .n.c3{background:var(--fs-green)}
.step-head .title-medium{flex:1;margin:0}
.step .pts{color:var(--md-sys-color-primary);white-space:nowrap}
.step .how{margin:8px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.step .srcs{margin:12px 0 0;line-height:20px}
.step .srcs a{color:var(--md-sys-color-on-surface-variant)}
.evidence{margin:14px 0 0;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-low)}
.evidence summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;color:var(--md-sys-color-on-surface-variant)}
.evidence summary::-webkit-details-marker{display:none}
.evidence summary md-icon{--md-icon-size:20px}
.evidence summary .label-large{flex:1;color:var(--md-sys-color-on-surface)}
.evidence summary .chev{transition:transform .2s}
.evidence[open] summary .chev{transform:rotate(180deg)}
.evidence-body{padding:0 16px 16px;border-top:1px solid var(--md-sys-color-outline-variant)}
.evidence-body>*:first-child{margin-top:14px}
.ev-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ev-list li{font-size:14px;line-height:20px}
.quote{padding:12px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}
.quote:last-of-type{border-bottom:0}
.quote p{margin:0 0 4px}
.quote blockquote{margin:6px 0 8px;padding:10px 14px;border-left:3px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface);border-radius:0 8px 8px 0}
.means{margin:14px 0 0;color:var(--md-sys-color-on-surface-variant)}
.means b{color:var(--md-sys-color-on-surface)}
.body-small{font-size:12px;line-height:16px;letter-spacing:.4px}
.method .wrap{max-width:760px}
.method h1{margin:8px 0 12px}
.method h2{margin:28px 0 8px}
.method p,.method li{color:var(--md-sys-color-on-surface)}
.method .sources{margin:24px 0 0;padding:16px 18px;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-low)}
.method .sources ol{margin:8px 0 0;padding-left:20px}
.method .sources li{margin:4px 0}
.method-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}

/* ---------------------------------------------------------------------------
   Design v2 (22 Sep 2026): one type scale, an 8px grid, three radii (8, 12, 20),
   hairlines instead of nested filled containers, one accent. Overrides the rules above.
   --------------------------------------------------------------------------- */
:root{
  --line:#e3e7ec; --line-strong:#cfd5dc; --ink:#171b20; --ink-2:#5a6169; --ink-3:#8a919a;
  --paper:#ffffff; --paper-2:#f7f8fa;
  --md-sys-color-outline-variant:#e3e7ec; --md-sys-color-on-surface:#171b20; --md-sys-color-on-surface-variant:#5a6169;
  --md-sys-color-surface-container:#f7f8fa; --md-sys-color-surface-container-low:#f7f8fa; --md-sys-color-surface-container-highest:#e6eaef;
  --r-s:8px; --r-m:12px; --r-l:20px;
  --md-filled-button-container-shape:10px; --md-filled-tonal-button-container-shape:10px; --md-outlined-button-container-shape:10px; --md-text-button-container-shape:10px;
  --md-outlined-text-field-container-shape:10px; --md-assist-chip-container-shape:8px;
}
body{font-variant-numeric:tabular-nums;color:var(--ink)}
/* Type scale: 12 / 14 / 16 / 20 / 28 / 44 / 56 */
.display-large{font-size:clamp(40px,5.2vw,56px);line-height:1.08;letter-spacing:-.02em;font-weight:500}
.display-medium{font-size:clamp(34px,4.4vw,44px);line-height:1.1;letter-spacing:-.02em;font-weight:500;margin:0}
.headline-large{font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.015em;font-weight:500;margin:0}
.headline-medium{font-size:28px;line-height:36px;letter-spacing:-.01em;font-weight:500}
.headline-small{font-size:20px;line-height:28px;font-weight:500;margin:0}
.title-large{font-size:20px;line-height:28px;font-weight:500;letter-spacing:0}
.title-medium{font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}
.body-large{font-size:16px;line-height:26px;letter-spacing:0}
.body-medium{font-size:14px;line-height:22px;letter-spacing:0}
.label-large{font-size:14px;line-height:20px;font-weight:500;letter-spacing:0}
.label-medium{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.metric{font-size:28px;line-height:32px;font-weight:500;letter-spacing:-.01em}
.muted{color:var(--ink-2)}
a{text-decoration-thickness:1px;text-underline-offset:3px}
/* App bar */
.appbar{border-bottom:1px solid var(--line)}
.appbar .wrap{height:60px}
.wordmark{font-size:20px}
/* Sections: a steady 64px rhythm, hairline separators, no grey slabs */
section{padding-block:64px}
.front{padding-block:40px 64px}
.front-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.front-head .body-large{margin:12px 0 0;max-width:640px}
.hero{padding-block:64px;border-top:1px solid var(--line);gap:64px}
.hero .body-large{margin:16px 0 28px;max-width:560px}
.section-head{margin-bottom:32px}
.section-head .body-large{margin:8px 0 0}
/* Cards: one style, hairline, 12px */
.card{border-radius:var(--r-m);padding:24px}
.card.filled,.card.tonal,.card.outlined{background:var(--paper);border:1px solid var(--line)}
.proof .num{font-size:56px;line-height:60px;letter-spacing:-.02em;font-weight:500}
.stat{border-radius:var(--r-m);border-color:var(--line)}
.stat .v{font-size:32px;line-height:40px;font-weight:500;letter-spacing:-.01em}
.steps{gap:12px}
.card.outlined.step{padding:20px}
.cta{border-radius:var(--r-l);padding:32px;background:var(--paper);border:1px solid var(--line)}
/* Leaderboard: flat rows, hairlines, numerals not badges */
.board{border-radius:var(--r-l);border:1px solid var(--line)}
.board-bar{border-bottom:1px solid var(--line)}
.cols{padding:12px 20px 8px}
.lb{padding:14px 20px;gap:16px}
.lb:hover,.lbi.open .lb{background:var(--paper-2)}
.lbi.you .lb{background:#eef4fd}
.lbi{border-color:var(--line)}
.lb .rank{color:var(--ink-3);font-size:14px;font-weight:500}
.lb.top .rank .n{width:auto;height:auto;border-radius:0;background:none;color:var(--ink);font-size:16px;font-weight:600;display:inline;margin:0}
.lb .fav{width:36px;height:36px;border-radius:var(--r-s);border-color:var(--line)}
.lb .fav img{width:20px;height:20px}
.lb .who a{font-weight:500}
.lb .desc{color:var(--ink-2)}
.parts{gap:4px}
.parts span{height:6px;border-radius:3px;background:var(--md-sys-color-surface-container-highest)}
.lb .score{font-size:24px;line-height:28px;font-weight:500;letter-spacing:-.01em}
.stats-toggle{color:var(--ink-2);min-height:36px}
.stats-toggle:hover{color:var(--md-sys-color-primary)}
.lbstats{background:var(--paper-2);padding:4px 20px 20px 108px;border-top:1px solid var(--line)}
.lb-legend{background:none;border-top:1px solid var(--line);padding:12px 20px;color:var(--ink-2)}
.move.new{font-size:10px}
/* Launch page: hairline card, score as a figure, not a blue slab */
.rankhero{padding-block:32px 0}
.rankcard{border-radius:var(--r-l);background:var(--paper);border:1px solid var(--line);padding:32px}
.rank-main{gap:24px;margin-bottom:28px}
.rank-main h1{margin:6px 0 10px}
.rank-main .body-large{color:var(--ink-2);max-width:640px}
.fav.big{width:56px;height:56px;border-radius:var(--r-m);border-color:var(--line)}
.fav.big img{width:32px;height:32px}
.rank-score .metric{font-size:44px;line-height:48px;color:var(--ink)}
.rank-move .move{background:var(--paper-2);border:1px solid var(--line)}
.facts{gap:12px 32px}
.rank-cta{margin-top:28px}
/* Report: flat, hairline-separated blocks; steps as a list; evidence as a plain disclosure */
.report{border-radius:var(--r-l);background:var(--paper);border:1px solid var(--line);padding:0}
.report-head{padding:20px 28px;border-bottom:1px solid var(--line)}
.report-head .title-large{font-size:16px;font-weight:500;color:var(--ink-2)}
.report-score .metric{color:var(--ink);font-size:32px;line-height:36px}
.rblock{background:none;border-radius:0;padding:28px;margin:0;border-bottom:1px solid var(--line)}
.rblock:last-child{border-bottom:0}
.rblock.fixes{background:var(--paper-2);border:0;border-bottom:1px solid var(--line)}
.rblock-head{gap:14px;margin-bottom:16px}
.rblock-head .n{width:26px;height:26px;font-size:12px;font-weight:600}
.rblock-head .metric{font-size:22px;line-height:28px;color:var(--ink-2);font-weight:500}
.rblock-head .lead{--md-icon-size:24px}
th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);padding:0 12px 10px 0;border-bottom:1px solid var(--line-strong)}
td{padding:12px 12px 12px 0;font-size:14px;line-height:20px;letter-spacing:0;border-bottom:1px solid var(--line)}
.bar{background:var(--md-sys-color-surface-container-highest);width:96px;height:4px;border-radius:2px}
.status{font-weight:500;gap:4px}
.status md-icon{--md-icon-size:16px}
.serp li{padding:10px 0;border-color:var(--line)}
.serp .pos{color:var(--ink-3)}
.serp .you{background:#eef4fd;color:var(--ink);border-radius:var(--r-s)}
.steps.steps{display:flex;gap:0;margin-top:8px}
.step.step{border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0 4px}
.step.step:first-child{border-top:0;padding-top:8px}
.step-head{gap:12px;margin-bottom:6px}
.step-head .n{width:24px;height:24px;font-size:12px}
.step .pts{font-weight:600}
.step .how{margin-top:10px;gap:8px;padding-left:36px}
.step>.body-medium{padding-left:36px;color:var(--ink-2)}
.step .srcs{padding-left:36px;text-transform:none;letter-spacing:0;font-size:12px;line-height:18px;color:var(--ink-3);margin-top:10px}
.step .srcs a{color:var(--ink-2)}
.evidence{border:0;border-top:1px solid var(--line);border-radius:0;background:none;margin-top:16px}
.evidence summary{padding:12px 0;color:var(--ink-2)}
.evidence summary .label-large{color:var(--ink)}
.evidence-body{padding:0 0 8px;border-top:0}
.evidence-body>*:first-child{margin-top:4px}
.quote{border-color:var(--line)}
.quote blockquote{background:var(--paper-2);border-left:2px solid var(--md-sys-color-primary);border-radius:0 var(--r-s) var(--r-s) 0;padding:12px 16px}
.means{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink-2)}
/* Forms and notices */
.notice{border-radius:var(--r-s)}
.scan{border-radius:var(--r-m);background:var(--paper-2);border-color:var(--line)}
/* Method pages */
.method{padding-block:48px 80px}
.method h1{margin:8px 0 20px}
.method .body-large{color:var(--ink-2)}
.method h2{margin:36px 0 10px}
.method h2+.body-large,.method .body-large+.body-large{color:var(--ink)}
.method .sources{border-radius:var(--r-m);background:var(--paper-2);border-color:var(--line)}
footer{border-top:1px solid var(--line);padding-block:32px 56px}
@media (max-width:600px){
  section{padding-block:40px}
  .front{padding-block:24px 40px}
  .hero{padding-block:40px;gap:32px}
  .rankcard{padding:20px}
  .report-head,.rblock{padding:16px}
  .lbstats{padding:4px 14px 16px}
  .step .how,.step>.body-medium,.step .srcs{padding-left:0}
  .lb{padding:12px 14px}
}

/* ---------------------------------------------------------------------------
   v3 (23 Sep 2026): hero with a product visual, score ring, meters, checklist.
   --------------------------------------------------------------------------- */
:root{
  --accent:#1f6fd8; --accent-soft:#cddff8; --accent-wash:#eef4fd; --track:#eceff3;
  --c-listed:#1f6fd8; --c-links:#e0533f; --c-search:#e9a514; --c-ai:#1f9a58;
  --shadow:0 1px 2px rgba(16,24,40,.05),0 16px 40px -12px rgba(16,24,40,.14);
}
.wrap.narrow{max-width:880px}
.accent{color:var(--accent)}
.lede{font-size:18px;line-height:28px;color:var(--ink-2);margin:0}
.inl{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-weight:500;white-space:nowrap}
.inl img{width:16px;height:16px}
/* Hero */
.hero2{padding-block:72px 64px;border:0}
.hero2-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.hero2 h1{max-width:560px}
.hero2 .lede{margin:20px 0 28px;max-width:520px}
.hero2 .getform{max-width:520px}
.assure{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink-3)}
.assure li+li::before{content:"·";margin-right:14px}
/* Hero card: a compact report */
.hcard{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px 22px}
.hcard-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hcard-head .fav{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#fff}
.hcard-head .fav img{width:20px;height:20px}
.hcard-head b{display:block;font-size:15px;font-weight:600}
.hcard-head .muted{font-size:13px}
.hcard-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:18px 0}
.hcard-ring{text-align:center}
.hcard-ring p{margin:6px 0 0;font-size:13px;color:var(--ink-2)}
.hcard-ring b{color:var(--accent)}
.hcard .meters{grid-template-columns:1fr;gap:10px}
.hcard .bots{margin-top:14px}
.hcard .bot b{display:none}
.hcard-todo{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.hcard-todo li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14px}
.hcard-todo li span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Ring */
.ring{display:block;margin:0 auto}
.ring-n{font-size:34px;font-weight:600;fill:var(--ink);letter-spacing:-.02em}
.ring-of{font-size:11px;fill:var(--ink-3)}
/* Meters */
.meters{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.meter-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ink-2);margin-bottom:6px}
.meter-v{color:var(--ink);font-weight:600}
.meter-v span{color:var(--ink-3);font-weight:400}
.meter-bar{display:flex;height:6px;border-radius:3px;background:var(--track);overflow:hidden}
.meter-bar i{display:block;height:100%}
.meter-bar i.gain{background:repeating-linear-gradient(-45deg,var(--accent-soft) 0 4px,transparent 4px 7px)}
/* Assistants */
.bots{display:flex;flex-wrap:wrap;gap:8px}
.bot{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:500;background:#fff}
.bot img{width:14px;height:14px}
.bot::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-3);margin-left:2px}
.bot.yes::after{background:var(--c-ai)}.bot.known::after{background:var(--c-search)}.bot.no::after{background:var(--c-links)}
.bot b{font-weight:400;color:var(--ink-2)}
/* Checkbox and points */
.box{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-strong);display:inline-block;flex:none;background:#fff}
.pts{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-wash);padding:3px 8px;border-radius:999px;white-space:nowrap}
/* Band: the week in one number */
.band{padding-block:28px;border-block:1px solid var(--line);background:var(--paper-2)}
.band-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 20px;align-items:center}
.band-n{margin:0;font-size:40px;line-height:44px;font-weight:600;letter-spacing:-.02em}
.band-n span{font-size:20px;color:var(--ink-3);font-weight:500}
.band-t{margin:0;font-size:16px;color:var(--ink-2)}
.band-bar{grid-column:1/-1;height:6px;border-radius:3px;background:var(--track);overflow:hidden;margin-top:12px}
.band-bar i{display:block;height:100%;background:var(--c-ai)}
/* Section heads */
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}
.sec-link{font-size:14px;font-weight:500;color:var(--accent);text-decoration:none}
.sec-link:hover{text-decoration:underline}
.front{padding-block:64px}
/* How it works */
.how3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.how3 li{border-top:1px solid var(--line);padding-top:20px}
.how-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font-size:13px;font-weight:600}
.how3 .title-medium{margin:14px 0 6px}
.how3 .muted{margin:0;font-size:15px;line-height:24px}
/* End CTA */
.endcta{text-align:center;padding-block:96px;border-top:1px solid var(--line)}
.endcta .lede{margin:14px auto 28px}
/* Report v3 */
.rp{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.rp-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;padding:28px}
.rp-reach{margin:0 0 18px;font-size:15px;color:var(--ink-2)}
.rp-reach b{color:var(--accent);font-weight:600}
.rp-summary .bots{margin-top:18px}
.rp-sec{padding:24px 28px;border-top:1px solid var(--line)}
.rp-todo{background:var(--paper-2)}
.rp-h{margin:0;font-size:16px;line-height:24px;font-weight:600}
.rp-todo .rp-h{margin-bottom:6px}
.rp-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}
.rp-m{font-size:14px;color:var(--ink-2);white-space:nowrap}
.rp-q{margin:0 0 12px;font-size:14px;color:var(--ink-2)}
.rp-more{display:inline-block;margin-top:14px;font-size:13px;color:var(--ink-2)}
.todos{list-style:none;margin:0;padding:0}
.todo{border-top:1px solid var(--line)}
.todo:first-child{border-top:0}
.todo summary{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;cursor:pointer;list-style:none}
.todo summary::-webkit-details-marker{display:none}
.todo summary:hover .box{border-color:var(--accent)}
.todo-title{display:block;font-size:15px;font-weight:500;color:var(--ink)}
.todo-why{display:block;font-size:13px;line-height:20px;color:var(--ink-2)}
.todo-how{padding:0 0 16px 32px}
.todo-how ul{margin:0;padding-left:18px;font-size:14px;line-height:22px;color:var(--ink)}
.todo-how li+li{margin-top:4px}
.srcs{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font-size:12px}
.srcs a{color:var(--ink-3)}
.evidence summary{font-size:13px;font-weight:500}
.evidence summary span{flex:1}
/* Report page */
.rp-page{padding-block:40px 64px}
.rp-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.rp-title p{margin:4px 0 0;font-size:14px}
.rp-cta{margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:20px}
.rp-cta .muted{margin:6px 0 18px}
@media (max-width:900px){
  .hero2-grid{grid-template-columns:1fr;gap:40px}
  .how3{grid-template-columns:1fr;gap:0}
  .how3 li{padding-block:20px}
}
@media (max-width:600px){
  .hero2{padding-block:40px}
  .lede{font-size:16px;line-height:26px}
  .hcard{padding:16px}
  .hcard-body{grid-template-columns:1fr;justify-items:center;gap:16px}
  .hcard-right{width:100%}
  .rp-summary{grid-template-columns:1fr;padding:20px;gap:20px}
  .meters{grid-template-columns:1fr}
  .rp-sec{padding:20px}
  .todo-how{padding-left:0}
  .band-n{font-size:32px}
  .endcta{padding-block:64px}
  .appbar nav md-filled-button{--md-filled-button-leading-space:14px;--md-filled-button-trailing-space:14px}
}
.hcard-bots{padding:0 0 16px}
.hcard .bots{margin:0}
.rp-empty{margin:0;font-size:14px;color:var(--ink-2)}
/* v3.1: Harvey balls on the board, gridded launch card */
.hb{display:block;color:var(--accent)}
.lb,.cols{grid-template-columns:32px 40px minmax(0,1fr) 152px 56px 76px}
.balls,.balls-h{display:grid;grid-template-columns:repeat(4,38px);justify-items:center;align-items:center}
.balls-h span{font-size:11px;letter-spacing:.04em}
.cols span:nth-child(5){text-align:right}
/* Launch card: the score anchors the left, everything else hangs off one left edge */
.lc{display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;align-items:center;padding:36px 40px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}
.lc-score{text-align:center}
.lc-score p{margin:10px 0 0;font-size:13px;color:var(--ink-2)}
.lc-score b{color:var(--accent);font-weight:600}
.lc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0;font-size:13px;color:var(--ink-2)}
.lc-meta img{width:16px;height:16px;margin-right:8px;border-radius:3px}
.lc-meta>span+span::before{content:"·";margin:0 8px;color:var(--ink-3)}
.lc-meta .move{margin-left:12px;font-size:12px;padding:2px 8px 2px 4px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line)}
.lc-meta .move md-icon{--md-icon-size:18px;margin:-2px -2px -2px 0}
.lc h1{margin:10px 0 24px}
.checks{list-style:none;margin:0;padding:16px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}
.checks li{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:8px;row-gap:4px;align-items:center;padding-right:16px}
.checks li+li{padding-left:16px;border-left:1px solid var(--line)}
.ck-l{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.ck-v{grid-column:1/-1;font-size:15px;font-weight:500;color:var(--ink)}
.lc-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.lbstats .checks{border:0;padding:8px 0 4px}
@media (max-width:900px){.lb,.cols{grid-template-columns:28px 36px minmax(0,1fr) 128px 48px 72px}.balls,.balls-h{grid-template-columns:repeat(4,32px)}}
@media (max-width:700px){
  .lc{grid-template-columns:1fr;gap:20px;padding:24px 20px}
  .checks{grid-template-columns:1fr 1fr;row-gap:16px}
  .checks li:nth-child(3){padding-left:0;border-left:0}
  .lb{grid-template-columns:24px 32px minmax(0,1fr) 40px 36px}
  .lb .balls,.cols{display:none}
}
.lb,.cols{grid-template-columns:32px 40px minmax(0,1fr) 192px 56px 76px}
.balls,.balls-h{grid-template-columns:repeat(4,48px)}
.balls-h span{font-size:10px}
.lc-meta>span.move::before{content:none}
@media (max-width:900px){.lb,.cols{grid-template-columns:28px 36px minmax(0,1fr) 168px 48px 72px}.balls,.balls-h{grid-template-columns:repeat(4,42px)}}
@media (max-width:700px){
  .lb{grid-template-columns:24px 32px minmax(0,1fr) 40px 36px}
  .lc-meta{display:grid;grid-template-columns:auto 1fr;row-gap:4px}
  .lc-meta>span+span::before{content:none}
  .lc-meta>span:nth-of-type(2){grid-column:1/-1}
  .lc-meta .move{grid-column:1/-1;justify-self:start;margin-left:0}
}
/* Text pages (method, privacy, removal, welcome, not found): one centred reading column */
.wrap.doc{max-width:760px;padding-block:56px 88px}
.doc h1{margin:0 0 16px}
.doc h2,.method h2{font-size:20px;line-height:28px;font-weight:600;margin:40px 0 10px;color:var(--ink)}
.doc p,.doc li{font-size:16px;line-height:27px;color:var(--ink)}
.method{padding:0}
.method .doc>.body-large:first-of-type{font-size:18px;line-height:29px;color:var(--ink-2)}
.mkicker{margin:0 0 12px;font-size:13px;font-weight:500;color:var(--ink-2)}
.mtabs{display:flex;gap:24px;margin:0 0 32px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.mtabs a{padding:10px 0 12px;font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.mtabs a:hover{color:var(--ink)}
.mtabs a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}
.method .sources{margin-top:40px}
@media (max-width:600px){.wrap.doc{padding-block:32px 64px}.mtabs{gap:18px}}
.mtabs{position:relative}

/* ---------- Pro: form step 2, pricing page, dashboard ---------- */
.getform .step-email{flex-direction:column;align-items:stretch;gap:12px}
.getform .step-email .email-intro,.getform .step-email .tracked-note{margin:0;color:var(--ink-2)}
.getform .step-email .email-intro b,.getform .step-email .tracked-note b{color:var(--ink)}
.getform .step-email-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.getform .step-email-row md-outlined-text-field{flex:1 1 220px}
.getform .step-email-row md-filled-button{height:56px}
.getform .pay-note{margin:0}
.getform .pay-note a{color:var(--ink-2)}
.getform .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.getform .tracked-note{padding:12px 16px;border-radius:var(--r-m);background:var(--accent-wash)}
.getform .tracked-note a{color:var(--accent);font-weight:500}

.pricing{padding-block:56px 72px}
.pricing h1{max-width:760px;margin:0 0 12px}
.pricing .lede{max-width:640px;font-size:18px;line-height:28px;margin:0 0 40px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px}
.plan{position:relative;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);padding:28px;display:flex;flex-direction:column;gap:12px}
.plan.featured{border:2px solid var(--accent);background:var(--accent-wash);box-shadow:0 10px 30px rgba(31,111,216,.12);transform:translateY(-6px)}
.plan h2{margin:0}
.plan-price{margin:0;display:flex;align-items:baseline;gap:8px}
.plan-price b{font-size:40px;line-height:44px;font-weight:600}
.plan-price span{color:var(--ink-2)}
.plan-price s{color:var(--ink-3);font-size:18px}
.plan-badge{position:absolute;top:-13px;left:24px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.plan-list{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:10px}
.plan-list li{display:flex;gap:10px;align-items:flex-start}
.plan-list md-icon{color:var(--accent);--md-icon-size:20px;flex:none;margin-top:2px}
.plan md-filled-button,.plan md-outlined-button{margin-top:auto}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;padding:0;margin:32px 0 0;color:var(--ink-2)}
.trust li{display:flex;align-items:center;gap:8px}
.trust md-icon{--md-icon-size:20px;color:var(--ink-2)}
.pricing-get{margin-top:56px;max-width:640px;scroll-margin-top:24px}
.pricing-get h2{margin:0 0 16px}
@media (max-width:760px){.plans{grid-template-columns:1fr}.plan.featured{transform:none}}

.dh-pending{margin:24px 0;background:var(--accent-wash);border-color:var(--accent-soft)}
.dh-pending h2{margin:0 0 6px}
.dh-pending p{margin:0}
.dh-history{margin:24px 0}
.dh-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.dh-row h2{margin:0}
.dh-delta{margin:0;color:var(--ink-2)}
.dh-delta b{color:var(--accent)}
.dh-chart{width:100%;height:auto;margin-top:12px;display:block}
.dh-axis{font-size:11px;fill:var(--ink-3)}
.dh-foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:32px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.dh-foot p{margin:0}
/* One row on wide screens: with wrapping allowed the row reserved a second line (68px gap). */
.getform .step-email-row{flex-wrap:nowrap}
@media (max-width:560px){.getform .step-email-row{flex-wrap:wrap}}
/* Landing v3 (2026-09-26): benefit tiles, proof line, sample toggle, Pro strip, FAQ, form focus */
.hcard-link{display:inline-block;margin-top:12px;font-size:14px;font-weight:500;color:var(--accent);text-decoration:none}
.hcard-link:hover{text-decoration:underline}
.hero2-visual{text-align:right}
.hero2-visual .hcard{text-align:left}
.band-src{grid-column:1/-1;margin:14px 0 0;font-size:14px;line-height:24px;color:var(--ink-2)}
.band-src .inl{font-weight:500}
.gains{padding-block:64px 8px}
.gains h2{margin:0 0 24px}
.gain4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gain{border-top:3px solid var(--line);padding-top:16px}
.gain.c-ai{border-color:var(--c-ai)}.gain.c-search{border-color:var(--c-search)}.gain.c-listed{border-color:var(--c-listed)}.gain.c-links{border-color:var(--c-links)}
.gain .title-medium{margin:0 0 6px}
.gain .muted{margin:0;font-size:15px;line-height:24px}
#how h2{margin:0 0 24px}
.sample{margin-top:40px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.sample>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-weight:500;color:var(--accent)}
.sample>summary::-webkit-details-marker{display:none}
.sample[open]>summary{border-bottom:1px solid var(--line)}
.sample>.report{margin:0;border:0;box-shadow:none}
.prostrip{padding-block:40px;border-block:1px solid var(--line);background:var(--accent-wash)}
.prostrip-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.prostrip h2{margin:0 0 6px}
.prostrip h2 b{color:var(--accent)}
.prostrip h2 s{color:var(--ink-3);font-weight:400;font-size:.8em}
.prostrip p{margin:0}
.faq{padding-block:64px}
.faq h2{margin:0 0 16px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:17px;font-weight:500}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item p{margin:0 0 18px;font-size:16px;line-height:26px;color:var(--ink-2);max-width:720px}
.pricing+.faq{border-top:1px solid var(--line)}
/* The Pro card on /pricing carries the form. */
.plan .getform{max-width:none;margin-top:auto}
.plan .getform .step-url,.plan .getform .step-email-row{flex-wrap:wrap}
.plan .getform md-filled-button{flex:1 1 100%}
.plan .getform .email-intro{font-size:14px;margin:0 0 10px}
.plan .pay-note{margin-top:8px}
@keyframes fsflash{0%{box-shadow:0 0 0 0 rgba(31,111,216,.35)}100%{box-shadow:0 0 0 16px rgba(31,111,216,0)}}
.getform.flash{animation:fsflash .9s ease-out 2;border-radius:16px}
@media (prefers-reduced-motion:reduce){.getform.flash{animation:none;outline:2px solid var(--accent);outline-offset:6px}}
@media (max-width:900px){.gain4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero2-visual{text-align:left}}
@media (max-width:600px){.gain4{grid-template-columns:1fr}.gains{padding-block:48px 0}.faq{padding-block:48px}.prostrip-in md-filled-button{width:100%}}
.prostrip-in>div{flex:1 1 420px}
/* Comparison pages */
.cmp{padding-block:56px 72px}
.cmp h1{margin:0 0 16px}
.cmp .lede{margin:0 0 28px}
.cmp h2{margin:40px 0 12px}
.crumbs{margin:0 0 12px}.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 28px}
.verdict>div{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--paper)}
.verdict>div:last-child{border-color:var(--accent-soft);background:var(--accent-wash)}
.verdict .title-medium{margin:0 0 6px}.verdict p:last-child{margin:0;color:var(--ink-2);font-size:15px;line-height:24px}
.cmp-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.cmp-table{width:100%;border-collapse:collapse;font-size:15px}
.cmp-table th,.cmp-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:0}
.cmp-table thead th{font-size:13px;font-weight:600;color:var(--ink-3);background:var(--paper-2)}
.cmp-table tbody th{font-weight:500;color:var(--ink-2);width:30%}
.cmp-table td:nth-child(2){background:var(--accent-wash)}
.cmp-table.wide td:nth-child(2){background:none}
.cmp-table.wide tr.us{background:var(--accent-wash)}
.cmp-table.wide tbody th{width:auto;white-space:nowrap}
.cmp-table md-icon.y{color:var(--c-ai);--md-icon-size:20px}
.cmp-list{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink-2);font-size:16px;line-height:26px}
.cmp-cta{margin:48px 0 0;border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--paper)}
.cmp-cta h2{margin:0 0 6px}.cmp-cta .muted{margin:0 0 16px}
.cmp-src{margin:24px 0 0}
.cmp-more{margin:16px 0 0}
.cmp-cards{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.cmp-cards a{display:flex;flex-direction:column;gap:6px;height:100%;border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-decoration:none;color:var(--ink);background:var(--paper)}
.cmp-cards a:hover{border-color:var(--accent)}
.cmp-cards .muted{font-size:14px;line-height:22px}
@media (max-width:600px){.verdict{grid-template-columns:1fr}.cmp{padding-block:40px 56px}.cmp-table th,.cmp-table td{padding:10px 12px}}
@media (max-width:600px){.assure li+li::before{content:none}.assure{gap:4px 16px}}
.cmp-table tbody th{text-transform:none;letter-spacing:0;font-size:15px}.cmp-table tbody th a{color:var(--ink);font-weight:600}
/* Disclosures (2026-09-26): everything that opens says so ("Show ..." / "Hide ...") and carries
   the same round arrow, which turns when open. */
.when-open{display:none}
details[open]>summary .when-closed,.stats-toggle[aria-expanded=true] .when-closed{display:none}
details[open]>summary .when-open,.stats-toggle[aria-expanded=true] .when-open{display:inline}
.xp{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-wash);color:var(--accent);transition:transform .2s,background .15s}
.xp md-icon{--md-icon-size:20px}
details[open]>summary>.xp,.stats-toggle[aria-expanded=true] .xp{transform:rotate(180deg)}
.stats-toggle[aria-expanded=true] md-icon{transform:none}
summary:hover>.xp,.stats-toggle:hover .xp{background:var(--accent-soft)}
summary:focus-visible,.stats-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}
/* Report evidence: a tinted action row, not a grey caption */
.evidence{border-top:0;margin-top:14px}
.evidence>summary{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);color:var(--accent);font-size:14px;font-weight:500}
.evidence>summary:hover{border-color:var(--accent-soft);background:var(--accent-wash)}
.evidence>summary>.when-closed,.evidence>summary>.when-open{flex:1}
.evidence summary .xp{flex:none}
.evidence .xp-lead{--md-icon-size:18px;color:var(--accent)}
.evidence[open]>summary{border-radius:12px 12px 0 0}
.evidence-body{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:4px 14px 12px}
/* Next steps: numbered, with a "How" cue and the arrow */
.todo summary{grid-template-columns:26px minmax(0,1fr) auto auto 28px;gap:12px;padding:12px 8px;margin:0 -8px;border-radius:12px}
.todo summary:hover{background:var(--paper-2)}
.todo-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-strong);font-size:13px;font-weight:600;color:var(--ink-2)}
.todo details[open] .todo-n{border-color:var(--accent);color:var(--accent)}
.todo-hint{font-size:13px;font-weight:500;color:var(--accent)}
.todo-how{padding-left:38px}
/* Board: a pill toggle, and the whole row opens it */
.stats-toggle{gap:6px;padding:4px 4px 4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--accent);min-height:36px}
.stats-toggle:hover{color:var(--accent);border-color:var(--accent-soft)}
.lbi:has(.stats-toggle)>.lb{cursor:pointer}
/* FAQ and sample */
.faq-item>summary:hover{color:var(--accent)}
.sample>summary:hover{background:var(--accent-wash)}
@media (max-width:600px){.todo summary{grid-template-columns:26px minmax(0,1fr) auto 28px}.todo-hint{display:none}.todo-how{padding-left:0}.stats-toggle{padding:4px;border:0;background:none}}