/* self-hosted fonts (SIL Open Font License, see assets/fonts/OFL-*.txt), WOFF2 (lossless conversion of the TTF masters in build/fonts).
   build.py adds a content hash (?h=) to each font URL and preloads both files, so they can be cached for a year.
   The "Fallback" faces are local Arial and Times with metric overrides that match DM Sans and DM Serif Display, so the text does not
   jump when the web font arrives (layout shift, CLS). Values from build/fonts (DM Sans: avg width 1.0485 x Arial, ascent 992, descent 310;
   DM Serif Display: 1.1045 x Times, ascent 1036, descent 335, units per em 1000). */
@font-face{font-family:'DM Sans';src:url('/assets/fonts/DMSans-VF.woff2?h=205647c1') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('/assets/fonts/DMSerifDisplay-Regular.woff2?h=c8d105df') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('Arimo');size-adjust:104.85%;ascent-override:94.61%;descent-override:29.57%;line-gap-override:0%}
@font-face{font-family:'DM Sans Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('Arimo Bold');font-weight:700;size-adjust:104.85%;ascent-override:94.61%;descent-override:29.57%;line-gap-override:0%}
@font-face{font-family:'DM Serif Display Fallback';src:local('Times New Roman'),local('TimesNewRomanPSMT'),local('Liberation Serif'),local('Tinos');size-adjust:110.45%;ascent-override:93.8%;descent-override:30.33%;line-gap-override:0%}
/* PM Career Desk, style C: Paper and Teal. Mobile first. No third-party assets: fonts are self-hosted. */
:root{
  --paper:#FBFAF6; --ink:#1B1D1F; --teal:#0B5E5E; --graphite:#51565B; --line:#E1DED6;
  --white:#FFFFFF; --teal-deep:#123F3F; --teal-soft:#D6E7E5; --teal-tint:#EAF2F1;
  --serif:'DM Serif Display','DM Serif Display Fallback',Georgia,'Times New Roman',serif;
  --sans:'DM Sans','DM Sans Fallback',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --gutter:20px; --radius:14px; --maxw:1120px; --prose:var(--measure);
  /* site v2 tokens (handover 36 section 4.4, values of 34 accepted 2 Oct 2026): change values here, never in a template */
  --soft:#E7F0EE; --amber:#9A5B00;
  --status-clear:#0B5E5E; --status-look:#9A5B00; --status-call:#51565B;
  --section-y:72px; --section-y-desktop:120px;
  --body-size:19px; --body-lh:1.6; --measure:640px; --tap:44px;
  --bg-paper:var(--paper); --bg-white:var(--white); --bg-soft:var(--soft);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg-paper);color:var(--ink);font-family:var(--sans);font-size:var(--body-size);line-height:var(--body-lh)}
img{max-width:100%;height:auto}
a{color:var(--teal);text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.prose{max-width:var(--measure)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;margin:0 0 .5em}
h1{font-size:40px}
h2{font-size:32px;margin-top:1.4em}
h3{font-size:22px;font-family:var(--sans);font-weight:700;line-height:1.3}
p{margin:0 0 1em}
.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:12px}
.muted{color:var(--graphite)}
.small{font-size:14px}
.lang-switch{font-size:14px;margin:0 0 12px;text-align:right}.lang-switch a{padding:6px 4px;text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap)}.lang-switch a.active{font-weight:700;text-decoration:underline}

/* header */
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:22px}
.brand svg{flex:none}
.site-header{position:relative}
.site-header .head-row{flex-wrap:nowrap;gap:8px;padding-top:10px;padding-bottom:10px}
.brand{margin-right:auto;font-size:18px;gap:6px;white-space:nowrap;min-height:var(--tap)}
.nav{display:flex;align-items:center;gap:6px 20px;font-size:15px}
.nav a{color:var(--ink);text-decoration:none;padding:0 2px;min-height:var(--tap);display:inline-flex;align-items:center}
.nav a:hover{color:var(--teal);text-decoration:underline}
.nav a[aria-current="page"]{font-weight:700}
.nav-desktop{display:none}
.btn.nav-cta{font-size:15px;padding:10px 12px;min-height:var(--tap);white-space:nowrap;flex:none}
.nav-cta .cta-long{display:none}
.nav-menu{flex:none}
.nav-menu summary{min-height:var(--tap);min-width:var(--tap);display:flex;align-items:center;padding:0 10px;border:1.5px solid var(--graphite);border-radius:10px;cursor:pointer;list-style:none;font-weight:700;font-size:15px}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-mobile{display:none}
.nav-menu[open] .nav-mobile{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;padding:4px var(--gutter) 12px;z-index:50}
.nav-mobile a{padding:0 4px}
@media (max-width:379px){.brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
@media (min-width:900px){
  .site-header .head-row{gap:12px}
  .brand{font-size:22px;gap:10px;margin-right:24px}
  .nav-desktop{display:flex;margin-left:auto}
  .nav-menu{display:none}
  .nav-cta .cta-long{display:inline}
  .nav-cta .cta-short{display:none}
}

/* buttons */
.btn{display:inline-block;background:var(--teal);color:var(--white);font:700 17px/1.2 var(--sans);padding:15px 22px;border-radius:10px;border:1.5px solid var(--teal);text-decoration:none;cursor:pointer;min-height:48px}
.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.btn.ghost{background:transparent;color:var(--teal)}
.btn.ghost:hover{background:var(--teal);color:var(--white);border-color:var(--teal)}
.btn.small{font-size:15px;padding:10px 16px;min-height:44px}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}

/* sections */
section.band{padding:var(--section-y) 0}
.band.soft{background:var(--bg-soft)}
.band.white{background:var(--white)}
.band.teal{background:var(--teal);color:var(--paper)}
.band.teal h2{color:var(--paper)}
.hero{padding:44px 0 56px}
.hero p.lede{font-size:19px;color:var(--graphite);max-width:640px}
.grid{display:grid;gap:16px}
.card{background:var(--white);border:1px solid transparent;border-radius:16px;padding:24px}
.band.white .card{background:var(--paper)}
.link-card{border-color:var(--line)}
.card h3{margin-bottom:8px}
.link-card .card-title{color:var(--ink);font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1;margin:0 0 8px}   /* an H2 that looks like .link-card h3 */
.card p{margin:0;color:var(--graphite);font-size:16px}
.card .num{font-family:var(--serif);font-size:38px;color:var(--teal);line-height:1;margin-bottom:8px}
.band.teal .card{background:var(--teal-deep);border-color:transparent}
.band.teal .card h3{color:var(--white)}
.band.teal .card p{color:var(--teal-soft)}
.chat{background:var(--white);border:0;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px}
.chat .who{display:flex;align-items:center;gap:12px}
.bubble{background:var(--paper);border-radius:12px;padding:14px;font-size:16px;line-height:1.5}
.bubble.user{align-self:flex-end;background:var(--teal);color:var(--white);max-width:85%}
.trace{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--teal);font-weight:700}
.trace i{display:block;width:24px;height:2px;background:var(--teal)}

/* tables */
.table-wrap{overflow-x:auto;margin:1em 0;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;background:var(--white)}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--teal-tint)}

/* prose (articles) */
.article h1{font-size:38px}
.article h2{font-size:28px}
.article h3{font-size:20px}
.article blockquote{margin:1.2em 0;padding:12px 18px;border-left:4px solid var(--teal);background:var(--teal-tint);border-radius:0 10px 10px 0}
.article blockquote p:last-child,.article blockquote ul:last-child{margin-bottom:0}
.article ul,.article ol{padding-left:1.3em;margin:0 0 1em}
.article li{margin-bottom:.4em}
.byline{font-size:15px;color:var(--graphite);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:16px 0 24px}
.breadcrumb{font-size:14px;color:var(--graphite);margin:10px 0 0}
.breadcrumb a{color:var(--graphite);display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap)}
.updated{font-size:14px;color:var(--graphite);margin-top:2em}

/* faq */
details.faq{border-top:1px solid var(--line);padding:11px 0}
details.faq:last-of-type{border-bottom:1px solid var(--line)}
details.faq summary{cursor:pointer;font-weight:700;list-style-position:outside;padding:7px 0;min-height:var(--tap);box-sizing:border-box}
details.faq p{margin:8px 0 0;color:var(--graphite)}

/* quiz */
.quiz{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;margin:24px 0}
.quiz[hidden],[hidden]{display:none!important}
.progress{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:16px}
.progress>span{display:block;height:100%;background:var(--teal);width:0;transition:width .2s}
.progress-label{font-size:14px;color:var(--graphite);margin-bottom:6px}
fieldset.q{border:0;padding:0;margin:0}
fieldset.q legend{font-family:var(--serif);font-size:28px;line-height:1.15;padding:0;margin-bottom:16px}
fieldset.q legend:focus{outline:none}
.opt{display:block;position:relative;margin:0 0 10px}
.opt input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;left:0;top:0}
.opt span{display:block;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px 14px 46px;background:var(--paper);position:relative;min-height:52px}
.opt span::before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid var(--graphite);border-radius:50%;background:var(--white)}
.opt input:checked+span{border-color:var(--teal);background:var(--teal-tint)}
.opt input:checked+span::before{border-color:var(--teal);background:radial-gradient(circle,var(--teal) 0 45%,var(--white) 50%)}
.opt input:focus-visible+span{outline:3px solid var(--teal);outline-offset:2px}
.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.msg{font-size:15px;min-height:1.5em;color:var(--graphite)}
.msg.err{color:#8A1F11}

/* result */
.result h1{font-size:44px}
.result .line{font-size:21px;color:var(--graphite)}
.streak{display:inline-block;color:var(--teal);font-weight:700;margin:6px 0 14px}
.strengths{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}
.strengths li{background:var(--teal);color:var(--white);padding:12px 16px;border-radius:10px;font-size:18px}
.card-img{border:1px solid var(--line);border-radius:12px;width:100%;max-width:600px;display:block}
.private{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px;margin:28px 0}
.private h3{margin-top:18px}
.share{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.disclaimer{font-size:14px;color:var(--graphite);margin-top:24px}

/* forms */
form.stack{display:grid;gap:14px;max-width:520px}
label.field{display:grid;gap:6px;font-weight:700;font-size:15px}
input[type=email],select{font:inherit;padding:12px 14px;border:1.5px solid var(--graphite);border-radius:10px;background:var(--white);color:var(--ink);min-height:48px;width:100%}
/* the whole label is the tap target (44 px high), the box itself stays 22 px */
.check{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:400;min-height:var(--tap);padding:10px 0;box-sizing:border-box;cursor:pointer}
.check input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--teal)}
fieldset.plain{border:0;padding:0;margin:0;display:grid;gap:0}
form.stack > .check + .check{margin-top:-14px}
form.stack > .field-help{margin:-8px 0 0}   /* the help line of a field, right under it (outside its label) */
fieldset.plain legend{font-weight:700;font-size:15px;margin-bottom:6px;padding:0}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* footer */
.site-footer{background:var(--ink);color:var(--paper);margin-top:56px;padding:40px 0 28px;font-size:15px}
main:has(> section.band.teal:last-child) + .site-footer{margin-top:0}   /* no paper strip under a final teal band (QA 09 V-20) */
.site-footer a{color:var(--paper)}
.site-footer .foot-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.site-footer li a{display:inline-flex;align-items:center;min-height:var(--tap);min-width:var(--tap)}
.site-footer .foot-contact a{display:inline-flex;align-items:center;min-height:var(--tap)}   /* the support address is a standalone link: 44 px tap target */
.site-footer li{margin:0}
.site-footer .foot-bottom{color:var(--paper)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:6px 0}
.site-footer h2{font-family:var(--sans);font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;color:var(--teal-soft)}
.site-footer .fine{margin-top:24px;color:#B9BDBF;font-size:14px}

@media (min-width:720px){
  :root{--gutter:32px}
  h1{font-size:60px}
  h2{font-size:40px}
  .article h1{font-size:48px}
  .hero{padding:72px 0 88px}
  .hero .cols{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}
  .g2{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:repeat(3,1fr)}
  .g4{grid-template-columns:repeat(2,1fr)}
  .site-footer .foot-cols{grid-template-columns:repeat(5,1fr)}
  .result .cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
  .quiz{padding:32px}
}
@media (min-width:1000px){
  .g4{grid-template-columns:repeat(4,1fr)}
  h1{font-size:68px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---- additions: landing pages, quiz landing, result, bridge, referral ---- */
.serif{font-family:var(--serif);font-weight:400}
.btn.big{font-size:19px;padding:18px 30px}
.btn.light{background:var(--white);color:var(--teal);border-color:var(--white)}
.btn.light:hover{background:var(--teal-soft);color:var(--ink);border-color:var(--teal-soft)}
.textlink{font-weight:700}
a.textlink,.link-action > a{display:inline-flex;align-items:center;min-height:var(--tap)}   /* a standalone text action is a 44 px tap target too */
.textlink.light{color:var(--white)}
.label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);font-weight:700}
.line{font-size:20px;color:var(--graphite)}
.spaced{margin-top:28px}
.nolist{list-style:none;margin:0;padding:0}
.prose{max-width:var(--measure)}
.cols2{display:grid;gap:28px;align-items:start}

.chat .quote{margin:0;border-left:3px solid var(--line);padding:4px 0 4px 16px;color:var(--graphite)}
.flag{align-self:flex-start;display:inline-flex;border:1px solid var(--teal);color:var(--teal);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;background:var(--paper)}
.who strong{font-weight:700}
.link-card{display:block;text-decoration:none;color:inherit}
.link-card:hover{border-color:var(--teal)}
.link-card h3{color:var(--ink);font-family:var(--serif);font-weight:400;font-size:24px}

.example-card{background:var(--white);border:0;border-radius:20px;padding:28px;display:grid;gap:12px}
.example-card .ex-h{font-family:var(--serif);font-size:38px;line-height:1.05}
.example-card .ex-line{font-size:18px;color:var(--graphite)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{background:var(--paper);border:1px solid var(--teal);color:var(--teal);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}
.ex-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--graphite);border-top:1px solid var(--line);padding-top:12px}

.getlist{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.getlist li{display:flex;gap:16px;align-items:flex-start;font-size:18px}
.getlist .num{font-family:var(--serif);font-size:38px;line-height:1;color:var(--teal)}
.then-card{background:var(--teal);color:var(--paper);border-radius:20px;padding:32px;display:grid;gap:14px}
.then-card .label{color:#BFDCD8}
.then-card h3{color:var(--white);font-size:30px;line-height:1.15;margin:0}
.then-card p{color:var(--teal-soft);margin:0}
.then-card a{color:var(--white)}

.ptable{border-top:1px solid var(--line);margin:20px 0}
.prow{display:grid;gap:4px 24px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.pname{font-weight:700;font-size:19px}
.pprice{font-family:var(--serif);font-size:26px;color:var(--teal)}
.pwhat{color:var(--graphite);font-size:16px}
.notes{background:var(--paper);border-radius:14px;padding:18px 22px}
.notes p{margin:0 0 8px;font-size:16px}
.notes p:last-child{margin:0;color:var(--graphite)}
.never{display:flex;gap:12px;font-size:18px;line-height:1.5}
.never span{color:var(--teal);font-weight:700}
.band.final{text-align:left}
.band.final p{color:var(--teal-soft)}

.ctx-line{background:var(--white);border-left:3px solid var(--teal);padding:10px 14px;font-size:16px;line-height:1.45;margin:0 0 16px;max-width:640px}
.ctx-line[hidden]{display:none}
.finding{background:var(--white);border:0;border-radius:14px;padding:18px;margin:20px 0}
.finding .label{color:var(--teal)}
.quote-line{color:var(--graphite);margin:.5em 0}

.share-block h2{font-size:26px;margin-top:20px}
.bridge-card{background:var(--teal);color:var(--paper);border-radius:18px;padding:26px;margin:28px 0;display:grid;gap:12px;justify-items:start}
.bridge-card h2{color:var(--white);font-size:30px;margin:0}
.bridge-card p{color:var(--teal-soft);margin:0}
.save-block{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px;margin:28px 0}
.save-block h2{font-size:26px;margin-top:0}
.visitor{padding:32px 0}
.visitor h1{font-size:44px}
.bridge-root{margin-top:24px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px}
.bridge-root h2{font-size:28px;margin-top:0}

.invite{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.invite h3{font-family:var(--sans);font-size:18px;margin-bottom:6px}
.meter-row{display:flex;align-items:center;gap:10px;margin:8px 0}
.meter{display:flex;gap:6px}
.meter .seg{display:block;width:56px;height:8px;border-radius:4px;background:var(--line)}
.meter .seg.on{background:var(--teal)}
.meter-label{font-size:14px;color:var(--graphite)}
.invite-link{display:grid;gap:8px;margin:10px 0}
.invite-link input{font:inherit;padding:10px 12px;border:1.5px solid var(--graphite);border-radius:10px;width:100%;background:var(--paper);color:var(--ink)}
.copybox{font:inherit;font-size:16px;padding:10px 12px;border:1.5px solid var(--graphite);border-radius:10px;width:100%;background:var(--paper);color:var(--ink);resize:vertical}
.share-block .copybox{margin:4px 0 8px}
.invite-link .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.invite-link label{margin-top:6px}
.invite-section{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px;margin:28px 0}
.invite-section .invite{border-top:0;margin-top:0;padding-top:0}
.invite h2{font-size:26px;margin:0 0 6px}
.brand-foot{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:22px;margin-bottom:10px}

/* archetype pages v2, quiz landing Reed line, result Reed block, waitlist thanks and 404 / launching soon (E4, E9) */
.arch-head .byline{border:0;padding:0;margin:8px 0 16px}
.ex-grid{margin:20px 0 28px}
.ex-card{display:grid;gap:10px}
.ex-card h3{margin:0;font-size:20px}
.ex-card p{margin:0}
.ex-after{color:var(--ink)}
.iq{margin:24px 0}
.iq h3{font-size:22px;margin:0 0 8px}
.then-reed{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.then-card .reed-name{color:var(--white)}
.rx-reed{margin:28px 0 0}
.state-cols{display:grid;gap:32px;align-items:center}
.state-links{display:flex;gap:20px;flex-wrap:wrap}
.state-links a{display:inline-flex;align-items:center;min-height:var(--tap)}

@media (min-width:720px){
  .cols2{grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .state-cols{grid-template-columns:minmax(0,1fr) auto;gap:56px}
  .prow{grid-template-columns:3fr 3fr 5fr 2fr}
  .example-card .ex-h{font-size:44px}
  .visitor h1{font-size:60px}
}

/* reward ladder: two counters (display only) */
.reward-msgs{margin:8px 0}
.reward-msg{margin:4px 0;font-size:16px}
.reward-msg.strong{font-weight:700;color:var(--teal)}
.counters{display:grid;gap:6px;margin:10px 0}
.counter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;font-weight:500}
.counter .meter{display:inline-flex;gap:6px}
.counter .meter .seg{width:44px}

/* CMO walkthrough 30 Sep 2026: paid waitlist block in the pricing band, tiles as links, quiz door in guides */
.waitlist-block{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.waitlist-block h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15}
.link-card .textlink{display:inline-block;margin-top:10px;color:var(--teal)}
.quiz-door{margin:2em 0 0;padding:14px 18px;border-left:4px solid var(--teal);background:var(--teal-tint);border-radius:0 10px 10px 0}
.quiz-door a{text-decoration:none}
.quiz-door a:hover{text-decoration:underline}

/* free tools T1 and T2 (web/build/tool_pages.py, controllers line-check.js and title-fit.js) */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tool-preview{background:#FFF4D6;border:1.5px solid #8A6A00;color:var(--ink);border-radius:12px;padding:12px 16px;margin:18px 0;font-size:15px}
.tool-preview a{color:var(--ink)}
.tool-box{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;margin:22px 0}
.tool-box .row{display:grid;gap:14px}
.tool-box label.field textarea{font:inherit;font-weight:400;padding:12px 14px;border:1.5px solid var(--graphite);border-radius:10px;background:var(--white);color:var(--ink);width:100%;min-height:128px;resize:vertical}
.tool-box select{max-width:360px}
.tool-note{font-size:14px;color:var(--graphite);margin:0}
.tool-flagged{background:#F3E3A1;font-weight:700;text-decoration:underline;padding:0 2px;border-radius:3px}
.tool-line-quote{border-left:4px solid var(--teal);background:var(--teal-tint);padding:12px 16px;border-radius:0 10px 10px 0;margin:12px 0;overflow-wrap:anywhere}
.tool-result:focus{outline:none}
.tool-result h2{font-size:30px}
.tool-result h3{margin-top:1.2em}
.tool-result ul{padding-left:20px;margin:.4em 0 1em}
.tool-result .tool-q{font-family:var(--serif);font-size:24px;line-height:1.25;margin:.3em 0 1em}
.tool-cta-sub{color:var(--graphite);margin:6px 0 0;font-size:15px}
.tool-rule-id{font-size:13px;color:var(--graphite);border-top:1px dashed var(--graphite);padding-top:8px;margin-top:18px}
.tool-lang{font-size:14px;margin:8px 0 0}
.tool-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
button.textlink{background:none;border:0;color:var(--teal);text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700;padding:10px 0;min-height:44px;cursor:pointer}
button.textlink:hover{color:var(--ink)}

/* ---- site v2 (handover 36): section spacing on a desktop, components, Reed. Values come from the tokens in :root ---- */
@media (min-width:769px){:root{--section-y:var(--section-y-desktop)}}
.cta-block{margin:24px 0}
.hero-cta{margin:20px 0 8px}
.section-cta{margin:20px 0 0}
.hub-head{display:grid;gap:28px;align-items:end;margin-bottom:32px}
.hub-cards{margin-top:8px}
.with-figure{display:grid;gap:28px;align-items:start}
.tool-card .tool-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--graphite);margin:12px 0 0}
.quiz-block h2{margin-top:0}
.never-block h2{margin-top:0}
.faq-block h2{margin-top:0}
.toc ol{margin:16px 0 0;padding-left:1.2em;display:grid;gap:4px}
.toc ol.own-numbers{list-style:none;padding-left:0}
.toc a{display:inline-flex;align-items:center;min-height:var(--tap)}
.role-children{margin:0}
.mini-check h2{margin-top:0}
.byline{display:flex;flex-direction:column;gap:8px}
.status-label{display:inline-block;font:700 13px/1.2 var(--sans);padding:4px 10px;border-radius:999px;color:var(--white);letter-spacing:.02em}
.status-clear{background:var(--status-clear)}
.status-look{background:var(--status-look)}
.status-call{background:var(--status-call)}
.plans{display:grid;gap:16px;margin:28px 0}
.plan{background:var(--white);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:6px}
.plan p{margin:0}
.plan-name{font-size:24px;margin:0}
.plan-price{font-family:var(--serif);font-size:30px;color:var(--teal)}
.plan-billing{font-size:15px;color:var(--graphite)}
.plan-what{font-size:16px}
.founding{font-size:15px;color:var(--teal);font-weight:700}
.plan-cta{margin-top:auto;padding-top:14px}
.plan-below{margin:0 0 20px;padding-left:1.2em}
.plan-below .small{display:block;margin-top:6px;line-height:1.5}   /* the small disclaimer on its own lines, not stretched by the 19 px line box */

/* Reed (35_REED_ASSETS): the label is HTML, the figure is never mirrored, never a link, never animated */
.reed-figure{position:relative;margin:0;max-width:100%;overflow:hidden;border-radius:16px;background:var(--soft);justify-self:end}
.reed-figure picture,.reed-figure img{display:block;width:100%;height:100%}
.reed-figure img{object-fit:cover}
.reed-figure,.reed-figure *,.reed-avatar,.reed-avatar *{animation:none!important;transition:none!important;transform:none!important}
.reed-label,.reed-label-inline{background:#0B5E5E;color:#FFFFFF;font:700 13px/1.2 var(--sans);padding:4px 8px;border-radius:6px}
.reed-label{position:absolute;right:12px;bottom:12px;margin:0}
.reed-label-inline{display:inline-block}
.reed-lens-box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--soft)}
.reed-lens-box img{width:40%;height:auto}
.reed-avatar-row{display:inline-flex;align-items:center;gap:10px}
.reed-avatar{display:inline-block;border-radius:50%;overflow:hidden;flex:none;background:var(--soft)}
.reed-avatar img,.reed-avatar picture{display:block;width:100%;height:100%;object-fit:cover}
.reed-name{font-weight:700;font-size:15px}
.reed-says{display:flex;gap:14px;align-items:flex-start;margin:20px 0}
.band.white .reed-says-card{background:var(--paper)}
.reed-says-card{background:var(--white);border-radius:14px;padding:16px 18px;flex:1}
.reed-says-card p{margin:0 0 10px}
.reed-phone-only{display:none}
@media (min-width:769px){
  .hub-head.with-figure,.with-figure{grid-template-columns:1fr auto}
}
@media (max-width:768px){
  .reed-phone-hide{display:none!important}
  .reed-avatar-row.reed-phone-only{display:inline-flex}
  .reed-desktop-only{display:none!important}
  .reed-figure{justify-self:start}
}
@media (min-width:900px){
  .plans{grid-template-columns:repeat(4,1fr)}
}

/* site v2 pages of b1 (home router 32 section 4.1, review page 4.2, pricing 4.9, how it works 4.10): air by background, no section borders */
.hero-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}   /* the column never grows past the screen (320 px phones, QA 09 V-18) */
.hero-reed{display:flex;flex-direction:column;gap:0;justify-self:end;max-width:480px;width:100%}
.hero-reed .reed-says{margin-top:16px}
.hero-copy .reed-avatar-row{margin:0 0 12px}
.finding-line{text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:4px;margin:0 0 8px}
.finding-q{color:var(--teal);margin:8px 0}
.doors{display:grid;gap:20px;align-items:start}
.door{padding:28px 0}
.door h3{font-family:var(--serif);font-weight:400;font-size:26px}
.door-main{background:var(--bg-soft);border-radius:16px;padding:28px}
.illus-slot{display:block;width:64px;height:64px;border-radius:14px;background:var(--bg-soft);margin:0 0 16px}
.door-main .illus-slot{background:var(--bg-white)}
.illus-slot:empty{display:none}
.home-how{display:grid;gap:32px;align-items:start}
.steps{display:grid;gap:24px}
.step h3{font-size:18px;margin:0 0 4px}
.step p{font-size:var(--body-size);color:var(--graphite)}   /* body token (36 section 4.4; QA 09 V-13) */
.role-chips{display:flex;flex-wrap:wrap;gap:12px}
.role-chip{display:inline-flex;align-items:center;min-height:var(--tap);padding:8px 16px;border-radius:999px;background:var(--bg-soft);color:var(--ink);font-weight:700;font-size:16px;text-decoration:none}
a.role-chip{color:var(--teal);box-shadow:inset 0 0 0 2px var(--teal)}
a.role-chip:hover{background:var(--teal);color:var(--white)}
.role-chip.off{color:var(--graphite);font-weight:400}
.why{gap:32px}
.why-item h3{font-family:var(--serif);font-weight:400;font-size:26px}
.why-item .illus-slot{width:100%;max-width:420px;height:72px;margin-top:12px}
.illus-slot svg{width:100%;height:100%;display:block}
.why-item .illus-slot{background:none;border-radius:0;height:auto;aspect-ratio:420/72}
.price-teaser{display:grid;gap:8px;margin:0 0 16px}
.price-teaser li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.teaser-price{font-family:var(--serif);font-size:24px;color:var(--teal)}
.band.final .reed-avatar-row{margin-bottom:16px}
.band.final .reed-name{color:var(--paper)}
.modes li{margin:0 0 8px}
@media (min-width:769px){
  .hero-cols{grid-template-columns:minmax(0,1fr) 480px;gap:56px}
  .review-hero .hero-cols{grid-template-columns:minmax(0,1fr) 420px}
  .doors{grid-template-columns:3fr 2fr 2fr;gap:40px}
  .home-how{grid-template-columns:minmax(0,1fr) 480px;gap:56px}
  .home-how .reed-figure{order:2}
  .steps{grid-template-columns:repeat(2,1fr);gap:28px 40px}
  .steps.g3{grid-template-columns:repeat(3,1fr)}      /* three steps sit in one row, no hole (QA 09 V-20) */
}
@media (max-width:768px){
  .hero-reed{justify-self:start}
}

/* owner's private numbers page /internal/stats/ (static/stats.js; bar widths are set through the CSSOM) */
.stats-periods{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.stats-periods .btn[aria-pressed="true"]{background:var(--teal);color:var(--white)}
.stats-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 8px}
.stats-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column}
.stats-tile-value{font:400 34px/1.1 var(--serif);color:var(--teal)}
.stats-tile-label{font-size:14px;color:var(--graphite)}
.stats-block h2{font-size:26px}
.stats-bars{list-style:none;margin:8px 0 16px;padding:0}
.stats-bar-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:15px}
.stats-bar-label{overflow-wrap:anywhere}
.stats-bar-track{display:block;height:10px;background:var(--teal-tint);border-radius:5px;overflow:hidden}
.stats-bar-fill{display:block;height:100%;width:0;background:var(--teal);border-radius:5px}
.stats-bar-value{font-variant-numeric:tabular-nums;color:var(--graphite)}
.stats-table{min-width:0}
.stats-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:760px){
  .stats-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}
  .stats-bar-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr) 120px;align-items:center}
  .stats-bar-value{text-align:right}
}

/* generated by web/build/reed.py from SLOTS and ASSETS: do not edit by hand */
.reed-slot-about_hero{width:440px;aspect-ratio:440/550}
.reed-slot-error_404{width:280px;aspect-ratio:280/280}
.reed-slot-home_hero{width:480px;aspect-ratio:480/600}
.reed-slot-home_how{width:480px;aspect-ratio:480/480}
.reed-slot-how_desk{width:360px;aspect-ratio:360/360}
.reed-slot-how_hero{width:400px;aspect-ratio:400/500}
.reed-slot-layoff_hero{width:440px;aspect-ratio:440/550}
.reed-slot-review_hero{width:420px;aspect-ratio:420/560}
.reed-slot-role_hub{width:400px;aspect-ratio:400/500}
.reed-slot-tools_hub{width:300px;aspect-ratio:300/400}
.reed-slot-waitlist_thanks{width:320px;aspect-ratio:320/320}
.reed-a-reed_p1_hero_4x5 img{object-position:center bottom}
.reed-a-reed_p1_scene_16x9 img{object-position:center}
.reed-a-reed_p2_point_1x1 img{object-position:center}
.reed-a-reed_p2_point_4x5 img{object-position:center bottom}
.reed-a-reed_p2_social_4x5 img{object-position:center}
.reed-a-reed_p3_cutout_3x4 img{object-position:center bottom}
.reed-a-reed_p3_explain_1x1 img{object-position:center}
.reed-a-reed_p3_explain_4x5 img{object-position:center bottom}
.reed-a-reed_p3_social_1x1 img{object-position:center}
.reed-a-reed_p3_wide_3x1 img{object-position:right center}
.reed-a-reed_p5_avatar_1x1 img{object-position:center}
.reed-a-reed_p5_avatar_1x1_onteal img{object-position:center}
.reed-av-16{width:16px;height:16px}
.reed-av-20{width:20px;height:20px}
.reed-av-24{width:24px;height:24px}
.reed-av-40{width:40px;height:40px}
.reed-av-48{width:48px;height:48px}
.reed-av-56{width:56px;height:56px}
.reed-av-64{width:64px;height:64px}
.reed-av-128{width:128px;height:128px}
@media (max-width:768px){
  .reed-slot-about_hero{width:280px;aspect-ratio:280/350}
  .reed-slot-error_404{width:200px;aspect-ratio:200/200}
  .reed-slot-home_hero{width:320px;aspect-ratio:320/400}
  .reed-slot-home_how{width:280px;aspect-ratio:280/280}
  .reed-slot-how_desk{width:240px;aspect-ratio:240/240}
  .reed-slot-how_hero{width:240px;aspect-ratio:240/300}
  .reed-slot-layoff_hero{width:280px;aspect-ratio:280/350}
  .reed-slot-role_hub{width:240px;aspect-ratio:240/300}
  .reed-slot-waitlist_thanks{width:200px;aspect-ratio:200/200}
  .reed-av-m-16{width:16px;height:16px}
  .reed-av-m-20{width:20px;height:20px}
  .reed-av-m-24{width:24px;height:24px}
  .reed-av-m-40{width:40px;height:40px}
  .reed-av-m-48{width:48px;height:48px}
  .reed-av-m-56{width:56px;height:56px}
  .reed-av-m-64{width:64px;height:64px}
  .reed-av-m-128{width:128px;height:128px}
}