/* v5 inner-page components (articles, cards, chips, tools, checkout). Loads after rsp-v5.css + rsp-v5-site.css.
   Only vocabulary v5 lacks; v5 tokens only (no new colours, no resting shadows). Written by convert.py's session 2026-10-16. */

[hidden]{display:none!important}

/* ===== hero on inner pages (no product window) ===== */
.hero:not(:has(.win)){padding:64px 0 88px}
.hero h1.long{font-size:clamp(28px,4.4vw,60px)}
.hero .lead{max-width:60ch}
.hero .lead + .lead{margin-top:14px}
.hero .lead b,.hero .lead strong{color:var(--white)}
.hero .micro a{color:var(--w70);text-underline-offset:3px}
.hero > .wrap > .ui{max-width:520px;margin:36px auto 0;text-align:left;color:var(--ink)}
.hero .hero-art{max-width:720px;margin:40px auto 0}
.hero .hero-art img{width:100%;height:auto;border-radius:20px}
.hero .hero-art img[src*="roscoe-white"]{border-radius:0}
.hero .hero-art figcaption{margin-top:12px;font-size:14px;font-weight:600;color:var(--w70)}
.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:28px auto 0;text-align:left}
.hero-meta > div{background:var(--w06);border:1px solid var(--w10);border-radius:var(--r-inner);padding:16px 18px;font-size:14px;line-height:1.45;color:var(--w70)}
.hero-meta b{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}

/* ===== section rhythm for converted pages (zero specificity: any v5 component margin wins) ===== */
:where(section:not(.hero):not(.close) > .wrap > * + *){margin-top:40px}
:where(section:not(.hero):not(.close) > .wrap > .center + *){margin-top:48px}
.center .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
h3 .hi{color:var(--orange-deep)}
.dark h3 .hi{color:var(--orange)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* product chain strip under the hero */
.chainbar{padding:24px 0;border-bottom:1px solid var(--ring)}
.chain{justify-content:center}
.chip-k{align-self:center;margin-left:10px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-deep)}
.chip-k:first-child{margin-left:0}

/* ===== chips as links ===== */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chips .chip{opacity:1;transform:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;color:var(--ink);background:var(--white);border:1px solid var(--ring);border-radius:999px;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s var(--out)}
a.chip:hover{background:var(--tint);border-color:transparent;transform:translateY(-2px)}
.chips .chip.on{background:var(--orange);border-color:transparent}
.dark .chips .chip{background:var(--w06);border-color:var(--w10);color:var(--white)}
.dark a.chip:hover{background:var(--w10)}
.co-other-nav .chip span{color:var(--orange-deep);margin-left:4px}

/* ===== pillars as a grid, and as links ===== */
.pillars.cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.pillars.cols > .pillar{display:flex;flex-direction:column}
.stone .pillars.cols .pillar{background:var(--white)}
.dark .pillars.cols .pillar{background:var(--w06);border-color:var(--w10)}
.dark .pillars.cols .pillar p{color:var(--w70)}
a.pillar{border-radius:var(--r-card);text-decoration:none;color:inherit;transition:transform .25s var(--out),border-color .2s}
a.pillar:hover{transform:translateY(-4px);border-color:rgba(11,11,11,.25)}
a.pillar h3:only-child,a.pillar > :only-child{font-size:18px;line-height:1.3}
.pillar img{width:100%;height:auto;border-radius:var(--r-inner);margin-bottom:16px}
.pillar figcaption a{font-weight:700;color:var(--ink)}
.pillar figcaption p{margin-top:8px}
.pillar .body > * + *{margin-top:8px}
.pillar .tag{align-self:flex-start;display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--orange-deep);font-size:12px;font-weight:600;letter-spacing:.04em}
.pillar .tag:first-child{margin-top:0}
.pillar .tlink,.pillar .go{margin-top:auto;padding-top:16px;font-weight:600;color:var(--orange-deep);text-decoration:none}
.tlink .link-arrow::after{content:" ↗"}
.pillar dl{margin-top:14px;font-size:14px;line-height:1.45}
.pillar dt{margin-top:10px;font-weight:600;color:var(--ink)}
.pillar dd{color:var(--ink-70)}
.pillar .status{display:block;margin-top:14px;font-size:13px;color:var(--ink-55)}
.pillar .eyebrow .read{margin-left:8px;color:var(--ink-55);letter-spacing:.08em}
.check-card-wide{grid-column:1/-1}
.check-answer,.check-proof{margin-top:12px;font-size:15px;color:var(--ink-70)}
.check-answer b,.check-proof b,.check-answer strong,.check-proof strong{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.trade-cell a.trade{display:block;text-decoration:none;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.02em}
.trade-cell a.trade img{aspect-ratio:4/3;object-fit:cover}
.trade-links{margin-top:10px;font-size:14px;color:var(--ink-55)}
.trade-links a{color:var(--ink-70);text-underline-offset:3px}
.trade-links a:hover{color:var(--orange-deep)}

/* ===== ticks ===== */
.ticks{display:grid;gap:12px;margin-top:18px}
.ticks .tick span > b:first-child,.ticks .tick span > strong:first-child{color:var(--ink)}
.dark .ticks .tick span > b:first-child{color:var(--white)}

/* ===== cards, tiles, duo, split ===== */
.card{padding:28px}
.card > * + *{margin-top:12px}
.card h2{font-size:clamp(24px,2.4vw,34px);margin-top:0}
.stone .card:not(.dark):not(.tint){background:var(--white)}
.card.dark{background:var(--ink);color:var(--white);border-color:transparent}
.card.dark p,.card.dark li{color:var(--w70)}
.card.dark h2,.card.dark h3{color:var(--white)}
.card.dark .eyebrow{color:var(--orange)}
.card.dark a:not(.btn){color:var(--orange)}
.card.tint{background:var(--tint);border-color:transparent}
.card.note{padding:22px 24px}
.card.note > b:first-child,.card.note > strong:first-child{display:block;color:var(--ink)}
.card :where(ul:not([class])){list-style:disc;padding-left:1.3em}
.card :where(ol:not([class])){list-style:decimal;padding-left:1.4em}
.card :where(li + li){margin-top:6px}
.tiles.facts{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;max-width:960px;margin-left:auto;margin-right:auto}
.tiles.facts.one{max-width:440px}
.tiles.facts .tile{background:var(--white);border:1px solid var(--ring);border-radius:var(--r-card);padding:28px 24px;text-align:center}
.tiles.facts .tile b{display:block;font:700 40px/1.05 var(--text);letter-spacing:-.03em;color:var(--orange-deep);font-variant-numeric:tabular-nums}
.tiles.facts .tile span{display:block;margin-top:10px;font-size:14px;line-height:1.45;color:var(--ink-70)}
.tiles.facts .tile em{display:block;margin-top:8px;font-style:normal;font-size:12px;line-height:1.45;color:var(--ink-55)}
.dark .tiles.facts .tile,.card.dark .tiles.facts .tile{background:var(--w06);border-color:var(--w10)}
.dark .tiles.facts .tile b{color:var(--orange)}
.dark .tiles.facts .tile span{color:var(--w70)}
.dark .tiles.facts .tile em{color:var(--w55)}
.src{text-align:center;font-size:14px;color:var(--ink-55)}
.dark .src{color:var(--w55)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px;margin-left:auto;margin-right:auto}
.duo .card{padding:32px}
.duo .card .big{font:400 64px/1 var(--display);color:var(--orange);font-variant-numeric:tabular-nums}
.duo .big small{font:600 16px/1 var(--text);color:var(--w70);margin-left:4px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.split.side{grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.split.legal{grid-template-columns:260px minmax(0,1fr)}
.split > *{min-width:0}
.split > .prose{margin:0;max-width:none}
.split > .ui{width:100%;max-width:520px;justify-self:center}
.split .copy h3{font-size:clamp(24px,2.6vw,34px);margin-top:10px}
.split .copy > .btn{margin-top:26px}
.aside,.toc{position:sticky;top:100px}
.aside h2{font-size:26px}
.aside ol{list-style:decimal;padding-left:1.3em;color:var(--ink-70);display:grid;gap:8px}
.aside .card{margin-top:20px;background:var(--stone)}
.aside .card a{font-weight:600;color:var(--orange-deep)}
.toc{font-size:14px}
.toc a{display:block;padding:6px 0;color:var(--ink-70);text-decoration:none}
.toc a:hover{color:var(--orange-deep)}
.toc > b:first-child{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.demo h2{font-size:clamp(24px,2.4vw,32px)}
.demo .card{background:var(--stone)}
.demo .card h3{font-size:20px}
.demo .btn{margin-top:18px}
.ui.thread{min-height:0}
.ui.thread .bub{max-width:88%;font-size:14px;line-height:1.45}
.ui.thread .bub.in{align-self:flex-start}
.ui.thread .bub.me{align-self:flex-end}
.ui.thread .pill{margin-top:4px}

/* about: founders */
.founders{grid-template-columns:minmax(0,320px) 1fr;padding:36px;margin-top:48px}
.founders .people{display:grid;gap:16px}
.founders .person{display:flex;gap:14px;align-items:flex-start}
.founders .person b{display:block}
.founders .person span:not(.ini){display:block;color:var(--ink-70);font-size:15px}
.founders .ini{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--orange);font-weight:700;font-size:14px}
.ceo-quote{margin-top:22px;border-left:3px solid var(--orange);padding-left:18px;font-size:18px;font-weight:600;line-height:1.45}
.quote-by{margin-top:8px;font-size:14px;font-weight:600;color:var(--ink-55)}
.founders .sub{font-size:17px}
/* proof quote card */
.quote .mark{display:block;font:400 72px/.8 var(--display);color:var(--orange)}
.quote p{font-size:19px;font-weight:600;line-height:1.45;color:var(--ink)}
.quote .who{font-size:14px;color:var(--ink-55)}

/* ===== prose (articles, research, academy, legal) ===== */
.prose{max-width:72ch;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.6;color:var(--ink-70);overflow-wrap:break-word}
.prose > * + *{margin-top:18px}
.prose > :first-child{margin-top:0}
.prose h2{font-size:clamp(28px,3vw,40px);line-height:1;color:var(--ink);margin-top:56px}
.prose h3{font-size:20px;line-height:1.25;color:var(--ink);margin-top:36px}
.prose h2 + *,.prose h3 + *{margin-top:14px}
.prose > div > * + *{margin-top:18px}
.prose > div + div{margin-top:40px}
.prose b,.prose strong{color:var(--ink)}
.prose a:not(.btn){color:var(--orange-deep);text-decoration:underline;text-underline-offset:3px}
.prose a:not(.btn):hover{color:var(--ink)}
.prose ul:not([class]){list-style:disc;padding-left:1.3em}
.prose ol:not([class]),.prose ol.rg-checklist{list-style:decimal;padding-left:1.4em}
.prose li + li{margin-top:8px}
.prose blockquote{border-left:3px solid var(--orange);padding-left:18px;font-weight:600;color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
@media (max-width:767px){.prose table{display:block;overflow-x:auto;white-space:nowrap}}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ring);vertical-align:top}
.prose thead th{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-55)}
.prose td.n,.prose th.n,.table-wrap td.n,.table-wrap th.n{text-align:right;font-variant-numeric:tabular-nums}
.prose figure{background:var(--stone);border:1px solid var(--ring);border-radius:var(--r-card);padding:24px;overflow-x:auto}
.stone .prose figure{background:var(--white)}
.prose figure svg{display:block;width:100%;height:auto;min-width:560px}
.prose figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--ink-55)}
.prose img{border-radius:var(--r-inner)}
.prose figure.mapfig img{width:100%}
.prose code{font-size:14px;background:var(--stone);padding:2px 6px;border-radius:4px}
.prose .eyebrow{font-size:12px}
.prose .eyebrow + h2{margin-top:10px}
.prose .big{font-size:21px;font-weight:600;line-height:1.4;color:var(--ink)}
.prose .micro{font-size:14px;color:var(--ink-55)}
.prose .card{margin-top:28px}
.prose .card + *{margin-top:28px}
.prose .callout{padding:32px}
.prose .callout h3{margin-top:0;font-size:24px}
.prose .callout .btn{margin-top:4px}
.bridge-sub{display:block;margin-top:12px;font-size:14px;color:var(--w55)}
.prose .tint h2{font-size:28px;margin-top:0}
.citebox code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;margin-top:8px;line-height:1.6}
.citebox h3,.mediakit + h3{margin-top:0}
.prose-foot{margin-top:56px!important;padding-top:20px;border-top:1px solid var(--ring);font-size:14px;color:var(--ink-55)}
.mediakit,.kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.prose .mediakit a,.prose .kit a{display:block;border:1px solid var(--ring);border-radius:var(--r-inner);overflow:hidden;background:var(--white);color:var(--ink);text-decoration:none}
.mediakit img,.kit img{width:100%;height:auto;border-radius:0}
.mediakit span,.kit span{display:block;padding:8px 12px;font-size:13px}
.queue > div{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--ring)}
.queue .num{font:400 30px/1 var(--display);color:var(--orange-deep)}
.queue b{display:block;color:var(--ink)}
.queue span:not(.num){display:block;margin-top:4px;font-size:15px}
.rg-provider{display:grid;grid-template-columns:56px 1fr;gap:16px;padding-top:24px;border-top:1px solid var(--ring)}
.rg-provider h2{margin-top:0;font-size:clamp(24px,2.4vw,32px)}
.rg-number{font:400 32px/1 var(--display);color:var(--orange-deep)}
.rg-fit-label{margin-top:6px;font-weight:600;color:var(--orange-deep)}
.rg-provider p + p{margin-top:10px}
.rg-provider a{display:inline-block;margin-top:10px}

/* ===== tables ===== */
.table-wrap{overflow-x:auto;max-width:960px;margin-left:auto;margin-right:auto;background:var(--white);border:1px solid var(--ring);border-radius:var(--r-card)}
.table-wrap table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.45}
.table-wrap th,.table-wrap td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ring)}
.table-wrap thead th{background:var(--stone);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-55)}
.table-wrap tbody th{font-weight:600}
.table-wrap tbody tr:last-child > *{border-bottom:0}
.table-wrap.tool{max-width:none}
.table-wrap.tool table{min-width:1040px;font-size:14px}
.table-wrap.tool td{padding:8px}
.table-wrap.tool tr.ex td{background:var(--tint);color:var(--ink-70)}
.table-wrap.tool :where(input,select){min-height:40px;width:100%;font-size:14px;padding:0 10px}
.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hint{font-size:13px;color:var(--ink-55)}

/* ===== academy lesson stages ===== */
.lstage{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;padding:36px}
.lstage + .lstage{margin-top:20px!important}
.lstage h2{font-size:clamp(26px,2.6vw,36px);margin-top:8px}
.lstage .sub{font-size:16px;margin-top:10px}
.lstage > div:last-child > * + *{margin-top:14px}
.lstage :where(ul:not([class])){list-style:disc;padding-left:1.3em;color:var(--ink-70)}
.lstage :where(li + li){margin-top:8px}
.lstage .tiles.facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));max-width:none}
.lstage .tiles.facts .tile{padding:20px 16px;background:var(--stone)}
.lstage .tiles.facts .tile b{font-size:32px}
.std{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden;max-width:900px;margin-left:auto;margin-right:auto}
.std > div{padding:16px 24px;border-bottom:1px solid var(--ring);font-size:15px}
.std > div:nth-child(odd){color:var(--ink-55)}
.std > div:nth-child(even){font-weight:600;background:var(--tint)}
.std > div:nth-child(-n+2){background:var(--stone);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.std > div:nth-last-child(-n+2){border-bottom:0}

/* ===== reddit hiring checklist bits ===== */
.access-card ul{list-style:none;padding:0;margin-top:6px}
.access-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--ring);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-55)}
.access-top b{color:var(--orange-deep)}
.access-card li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--ring)}
.access-card li span{flex:1}
.access-card li span b,.access-card li span small{display:block}
.access-card li small{font-size:14px;color:var(--ink-55)}
.access-card li strong{font-size:12px;letter-spacing:.14em;color:var(--orange-deep)}
.source-drawer summary{cursor:pointer;font-weight:600}
.source-drawer ol{margin-top:12px}
.commercial-note{font-size:14px;color:var(--ink-55)}

/* ===== forms (v5: 52px, radius 6, ring, focus orange) ===== */
:where(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea){min-height:52px;padding:0 14px;border:1px solid rgba(11,11,11,.2);border-radius:var(--r-btn);background:var(--white);font:500 16px var(--text);color:var(--ink)}
:where(textarea){padding:12px 14px;min-height:120px}
:where(input,select,textarea):focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--tint)}

/* ===== growth hub tools: calculator, grader, checklist, diagnostic ===== */
.card.tool{position:relative;padding:32px;max-width:960px;margin-left:auto;margin-right:auto}
.pill-tag{position:absolute;top:-14px;right:24px;z-index:2;display:inline-block;padding:6px 12px;border-radius:999px;background:var(--orange);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.1em}
.calc-wrap.card{display:grid;grid-template-columns:1fr 1fr;padding:0}
.calc-inputs{padding:32px;border-right:1px solid var(--ring)}
.calc-field + .calc-field{margin-top:22px}
.calc-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}
.calc-input-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid rgba(11,11,11,.2);border-radius:var(--r-btn);background:var(--white)}
.calc-input-row:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px var(--tint)}
.calc-input-row input{flex:1;min-width:0;min-height:48px;padding:0;border:0;background:transparent;font:600 17px var(--text);color:var(--ink)}
.calc-input-row input:focus{box-shadow:none}
.calc-input-row input[type=range]{accent-color:var(--orange-deep)}
.calc-input-row .prefix,.calc-input-row .suffix{flex:none;font-size:14px;color:var(--ink-55)}
.calc-hint{display:block;margin-top:6px;font-size:13px;color:var(--ink-55)}
.calc-assumption{margin-top:20px;padding-top:18px;border-top:1px solid var(--ring);font-size:13px;color:var(--ink-55)}
.calc-assumption strong{color:var(--ink)}
.calc-output{padding:32px;background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:center;border-radius:0 var(--r-card) var(--r-card) 0}
.skicker{display:block;margin-bottom:14px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.calc-figure + .calc-figure{margin-top:20px}
.calc-figure .n{font:700 40px/1 var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.calc-figure .l{margin-top:6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--w55)}
.calc-math{margin:22px 0;padding:12px 14px;border:1px solid var(--w10);border-radius:10px;background:var(--w06);font-size:13px;line-height:1.6;color:var(--w70);word-break:break-word}
.calc-tie{font-size:14px;color:var(--w70)}
.calc-tie a,.grader-offer a,.checklist-progress-note a{color:var(--orange);font-weight:600}
.grader-progress-row{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px;font-size:13px;color:var(--ink-55)}
.progress-track{height:10px;margin-bottom:24px;border-radius:999px;background:var(--stone-2);overflow:hidden}
.progress-fill{height:100%;width:0;border-radius:999px;background:var(--orange);transition:width .3s ease}
.grader-q{margin:0;padding:22px 0;border:0;border-top:1px solid var(--ring)}
.grader-q:first-of-type{border-top:0;padding-top:0}
.grader-q legend{float:left;width:100%;padding:0;font-size:16px;font-weight:600;color:var(--ink)}
.grader-q .grader-options{clear:both;padding-top:12px;margin-top:0}
.q-stage{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-deep)}
.grader-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.grader-option{position:relative}
.grader-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.grader-option label{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ring);border-radius:999px;background:var(--white);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}
.grader-option input:checked + label{background:var(--orange);border-color:transparent;color:var(--ink)}
.grader-option input:focus-visible + label{outline:3px solid var(--orange);outline-offset:3px}
.grader-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}
.grader-hint{font-size:13px;color:var(--ink-55)}
.grader-result{display:none;margin-top:24px;padding:28px;border-radius:var(--r-inner);background:var(--ink);color:var(--white)}
.grader-result.show{display:block}
.grader-score-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px}
.grader-score-row .n{font:700 44px/1 var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.grader-band{padding:5px 12px;border:1px solid var(--w10);border-radius:999px;background:var(--w06);font-size:13px;font-weight:600}
.grader-result-progress{height:8px;margin:16px 0 20px;border-radius:999px;background:var(--w10);overflow:hidden}
.grader-result-progress .fill{height:100%;border-radius:999px;background:var(--orange);transition:width .4s ease}
.grader-diagnosis{margin-bottom:14px;font-size:15px;line-height:1.6;color:var(--w70)}
.grader-diagnosis strong{color:var(--white)}
.grader-offer{padding-top:14px;border-top:1px solid var(--w10);font-size:14px;color:var(--w70)}
.grader-fallback ol{list-style:decimal;padding-left:1.3em;display:grid;gap:10px;margin:14px 0}
.checklist-progress-card{margin-bottom:20px;padding:22px 24px;border-radius:var(--r-inner);background:var(--ink);color:var(--white)}
.checklist-progress-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px}
.checklist-progress-top .pct{font:700 28px/1 var(--text);font-variant-numeric:tabular-nums}
.checklist-progress-top .label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--w55)}
.checklist-progress-card .progress-track{margin:0;background:var(--w10)}
.checklist-progress-note{margin-top:12px;font-size:14px;color:var(--w70)}
.checklist-item{display:flex;align-items:flex-start;gap:14px;padding:16px 4px;border-top:1px solid var(--ring)}
.checklist-item:first-child{border-top:0}
.checklist-item input{flex:none;width:22px;height:22px;margin-top:2px;accent-color:var(--orange-deep);cursor:pointer}
.checklist-item label{cursor:pointer}
.c-title{display:block;font-weight:600;color:var(--ink)}
.c-detail{display:block;font-size:14px;color:var(--ink-55)}
.checklist-item.is-checked .c-title{color:var(--orange-deep)}
noscript .card.tool{margin-top:20px}
.diag{max-width:860px;margin-left:auto;margin-right:auto}
.hub-diagnostic__top{display:flex;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--ring)}
.hub-diagnostic__label{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.hub-diagnostic__status{font-size:12px;font-weight:600;color:var(--orange-deep)}
.hub-diagnostic__source{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0}
.hub-diagnostic__source b{margin-right:auto;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hub-diagnostic__source span{padding:6px 12px;border:1px solid var(--ring);border-radius:999px;background:var(--stone);font-size:12px;font-weight:600}
.hub-diagnostic__path{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hub-diagnostic__stage{padding:18px 12px;border-radius:var(--r-inner);background:var(--stone);text-align:center}
.hub-diagnostic__stage em{display:block;font:400 30px/1 var(--display);font-style:normal;color:var(--orange-deep)}
.hub-diagnostic__stage b{display:block;margin-top:8px;font-size:12px;letter-spacing:.08em}
.hub-diagnostic__stage small{display:block;margin-top:4px;font-size:12px;color:var(--ink-55)}
.hub-diagnostic__flag{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:16px;padding:16px;border-radius:var(--r-inner);background:var(--tint)}
.hub-diagnostic__flag > span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);font:400 22px/1 var(--display)}
.hub-diagnostic__flag b,.hub-diagnostic__flag small{display:block}
.hub-diagnostic__flag small{margin-top:2px;font-size:13px;color:var(--ink-70)}
.diag figcaption{margin-top:14px;text-align:center;font-size:13px;color:var(--ink-55)}
.tools-category + .tools-category{margin-top:56px}
.tools-kicker{text-align:center;margin-bottom:20px}
.band-card{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:48px}
.band-card > * + *{margin-top:0}
.band-card ul{display:grid;gap:12px}
.band-card li{padding-left:18px;position:relative}
.band-card li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.band-card h2 + p,.band-card p + p{margin-top:12px}
.band-card .btn{margin-top:20px}
.bridge-proof{padding:24px;border-radius:var(--r-inner);background:var(--w06)}
.plabel{margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}

/* research census map (MapLibre loads on demand) */
.censusmap{position:relative;aspect-ratio:1200/750;border-radius:var(--r-inner);overflow:hidden;background:var(--stone-2)}
.censusmap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.censusmap-live{position:absolute!important;inset:0;opacity:0;transition:opacity .5s ease}
.censusmap-ui{position:absolute;top:12px;left:12px;z-index:5;display:flex;flex-direction:column;gap:8px}
.censusmap-toggle{display:inline-flex;padding:3px;border:1px solid var(--ring);border-radius:999px;background:var(--white)}
.censusmap-toggle button{padding:8px 14px;border:0;border-radius:999px;background:transparent;font:600 13px/1 var(--text);color:var(--ink-55);cursor:pointer}
.censusmap-toggle button[aria-selected="true"]{background:var(--ink);color:var(--white)}
.censusmap-chip{align-self:flex-start;padding:6px 12px;border:1px solid var(--ring);border-radius:999px;background:var(--white);font-size:12.5px;font-weight:600;color:var(--orange-deep)}

/* ===== checkout + booking (co-*): live Stripe / GHL hooks, v5 price-card look ===== */
.co-card h2{font-size:clamp(26px,2.6vw,36px);margin-top:0}
.co-card .ticks{margin-top:18px}
.co-ownership{margin-top:18px;font-weight:600}
.co-next{margin-top:28px!important;padding-top:24px;border-top:1px solid var(--ring)}
.co-next h2{font-size:24px}
.co-next p{margin-top:10px;color:var(--ink-70)}
.co-next .btn{margin-top:16px}
.co-summary{background:var(--ink);color:var(--white);border:2px solid rgba(255,90,31,.35)}
.stone .co-summary{background:var(--ink)}
.co-summary .eyebrow{color:var(--orange)}
.co-summary h2{color:var(--white)}
.co-price{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.co-price strong{font:400 64px/1 var(--display);color:var(--white);font-variant-numeric:tabular-nums}
.co-price span{font-size:16px;color:var(--w55)}
.co-billing{margin-top:6px;font-size:14px;color:var(--orange)}
.co-totals{margin-top:20px;padding:4px 16px;border:1px solid var(--w10);border-radius:16px;background:var(--w06)}
.co-totals > div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--w10);font-size:14px}
.co-totals > div:last-child{border-bottom:0}
.co-totals dt{color:var(--w70)}
.co-totals dd{font-weight:700;font-variant-numeric:tabular-nums}
.co-totals .co-total dd{color:var(--orange)}
.co-note{margin-top:14px;font-size:14px;color:var(--ink-70)}
.co-summary .co-note{color:var(--w70)}
.co-actions{display:grid;gap:10px;margin-top:20px}
.co-actions .btn{width:100%}
.co-fine{margin-top:14px;font-size:13px;color:var(--w55)}
.co-fine a{color:var(--w70)}
[data-rsp-cal-mount]{margin-top:18px}
[data-rsp-cal-mount] iframe{display:block;width:100%;border:0;border-radius:var(--r-inner)}

/* ===== close: eyebrow + highlight on the orange panel ===== */
.close .panel .eyebrow{color:var(--ink)}
.close .panel h2{margin-top:10px}
.close .panel h2 .hi{color:var(--white)}
.close .panel .micro a{color:inherit}

@media (max-width:1023px){
  .split,.split.side,.split.legal,.founders,.band-card,.lstage,.calc-wrap.card{grid-template-columns:minmax(0,1fr)}
  .split{gap:32px}
  .aside,.toc{position:static}
  .road .la-step[data-side=right]{grid-column:auto}
  .calc-inputs{border-right:0;border-bottom:1px solid var(--ring)}
  .calc-output{border-radius:0 0 var(--r-card) var(--r-card)}
  .hero-meta{grid-template-columns:1fr}
  .lstage{gap:20px;padding:28px}
  .band-card{padding:32px}
  .hub-diagnostic__path{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .road .la-step[data-side=right]{grid-column:2}
}
@media (max-width:599px){
  .hero:not(:has(.win)){padding:44px 0 64px}
  .hero h1.long{font-size:24px}
  .duo{grid-template-columns:1fr}
  .duo .card .big{font-size:52px}
  .std{grid-template-columns:1fr}
  .std > div:nth-child(-n+2){display:none}
  .std > div:nth-child(odd){padding-bottom:4px;border-bottom:0}
  .card,.card.tool,.founders{padding:22px}
  .calc-inputs,.calc-output{padding:22px}
  .co-price strong{font-size:52px}
  .table-wrap th,.table-wrap td{padding:12px}
  .prose figure{padding:16px}
}
@media (prefers-reduced-motion:reduce){
  a.pillar,a.chip,.progress-fill,.grader-result-progress .fill{transition:none}
}
.pillar .fit-lead{font-size:17px;line-height:1.4;margin:0 0 8px}