/* ===== Scalewrights design system — loaded last on every page. One editorial style: Fraunces + Inter, ink / bone / bronze, two radii, no hard shadows. ===== */
:root{
  --cond:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --disp:'Fraunces',Georgia,'Times New Roman',serif;
  --t-xs:.74rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.18rem;
  --t-xl:clamp(1.45rem,2.4vw,1.9rem);--t-2xl:clamp(1.9rem,3.6vw,2.6rem);--t-3xl:clamp(2.4rem,5vw,3.5rem);
  --r:4px;--r-pill:999px;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--sans);line-height:1.6}
h1,h2,h3,h4,.serif{font-family:var(--serif);letter-spacing:-.012em}

/* ---------- eyebrows: one face, one size ---------- */
.eyebrow,.eb,.sd-eyebrow,.m-k,.pb .k,.tw-col .k,.tw-more .k,.lvl,.lever .lvl,.hr-k,.sp-k,.sit-k,.gate-k,.fx-col h3,.ob .k,.sa-tnum,.sd-where,.sd-ck,.bg-src,.foot .k,.hero-rose figcaption,.as-rose-cap,.sd-ans,.offer-price,.shape .sh-k,.d30 .eyebrow,.diff-col h3,.rs-s,.libc .k,.creed .src,.as-prog,.sa-tfine,.sc-k,.fine-k,.motif .cap{
  font-family:var(--sans)!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;font-size:var(--t-xs)!important;line-height:1.4}
.offer-price{letter-spacing:.08em!important}
.sd-ans{font-size:.68rem!important}

/* ---------- type scale ---------- */
.hero h1,.hero.v2 h1{font-size:var(--t-3xl)!important;line-height:1.05!important;font-weight:600;max-width:16ch}
.sec-head h2,.as-intro h1,.day30 h2,.closing h2,.whoreads h2,.ladder5 h2,.faq h2{font-size:var(--t-2xl)!important;line-height:1.12!important;font-weight:600}
.sd-h2,.twoffer h3,.as-qhead h2,.as-rverdict h2,.hr-case h3,.starthere h2{font-size:var(--t-xl)!important;line-height:1.18!important;font-weight:600}
.twoffer h3{margin:4px 0 8px!important}
h3{font-size:var(--t-lg)}
.sit h4,.gate h4,.roles b,.proof b,.faq summary,.costly-grid b,.tw-col .k+p b{font-size:var(--t-lg)!important;line-height:1.3}
.hero .lead,.hero.v2 .lead,.sec-head p,.sd-lead,#focussec .sd-lead,#hrsec .sd-lead,.twoffer .offer-lead,.day30 p,.closing p{font-size:var(--t-lg)!important;line-height:1.55!important}
p,li,.sd p,#focussec p,#hrsec p,.tw-col p,.costly-grid div,.faq details p,.diff-col li,.fx-col li,.gate li,.sit p,.rs p,.roles p,.sp-grid p,.ob .s,.lever .lvb,.twoffer .offer-fine,.shape p,.shape .sh-row span{font-size:var(--t-md)!important;line-height:1.6!important}
.fx-col li span,.rs .rs-s,.sd-fine,#focussec .sd-fine,#hrsec .sd-fine,.offer-fine,.hero-conf,.fine,.d30-fine,.as-fine,.sa-note,.sa-tfine,.sp-line span,.forfounders p,.offer-ratio,.sa-ratio,.offer-method,.as-dl-note,.costly-foot,.tw-foot,.offer-foot{font-size:var(--t-sm)!important;line-height:1.55!important}
.sd-kicker,#focussec .sd-kicker,#hrsec .sd-kicker{font-size:var(--t-lg)!important;line-height:1.5!important;font-family:var(--serif)!important}
.hero-conf b,.offer-fine b{font-weight:600}

/* ---------- radii and shadows: two radii, no hard offsets ---------- */
.twoffer,.moment,.tw-col,.costly-grid div,.diff-col,.faq details,.shape,.box,.fx-col,.gate,.rs>div,.roles>div,.hr-case,.sa-tier,.as-qcard,.as-rhero,.sd-cap,.ob,.sp,.libc,.door,.tier,.icard,.proof-card,.pcard,.shop-card,.tw-more>div,.card,.as-gate,.as-radarcard,.sd-tbl,.sa-room,.as-weak,.sd-cal,.sd-row,.navsub,.capture,.pb,.d30-art img,.hero-art,.modal .box{
  border-radius:var(--r)!important;box-shadow:none!important}
.twoffer,.libc,.door,.tier,.icard,.proof-card,.pcard,.card,.shape,.moment,.faq details{border:1px solid var(--bone-3)!important}
.twoffer-dark{border-color:var(--ink)!important}
.navsub{border:1px solid var(--bone-3)!important;box-shadow:0 18px 40px -24px rgba(20,38,56,.35)!important}
.hero-rose svg{filter:none!important}
.d30-art img{border:1px solid rgba(242,238,230,.2)!important}

/* ---------- buttons: ink on bone in the light, bone on ink in the dark ---------- */
.btn,.btn-solid,.btn-bronze,.btn-ghost,.btn-ghost-bone,header .btn-solid,.cta .btn-solid,.hero .btn-solid{
  border-radius:var(--r-pill)!important;box-shadow:none!important;font-family:var(--sans)!important;font-weight:600!important;font-size:var(--t-sm)!important;letter-spacing:.01em;padding:12px 22px!important;transform:none!important;transition:background .15s,color .15s,border-color .15s}
.btn-solid,.btn-bronze,header .btn-solid,.cta .btn-solid{background:var(--ink)!important;color:var(--bone)!important;border:1.5px solid var(--ink)!important}
.btn-solid:hover,.btn-bronze:hover,header .btn-solid:hover,.cta .btn-solid:hover{background:var(--bronze-deep)!important;border-color:var(--bronze-deep)!important;color:#fff!important}
.btn-ghost{background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
.btn-ghost:hover{background:var(--ink)!important;color:var(--bone)!important}
.hero .btn-bronze,.hero .btn-solid,.twoffer-dark .btn-bronze,.twoffer-dark .btn-solid,.day30 .btn-bronze,.ladder5 .btn-bronze,.as-rhero .btn-bronze,.cta .btn-bronze{background:var(--bone)!important;color:var(--ink)!important;border-color:var(--bone)!important}
.hero .btn-bronze:hover,.twoffer-dark .btn-bronze:hover,.day30 .btn-bronze:hover,.ladder5 .btn-bronze:hover{background:var(--bronze-soft)!important;border-color:var(--bronze-soft)!important;color:var(--ink)!important}
.btn-ghost-bone,.twoffer-dark .btn-ghost{background:transparent!important;border:1.5px solid rgba(242,238,230,.55)!important;color:var(--bone)!important}
.btn-ghost-bone:hover,.twoffer-dark .btn-ghost:hover{background:rgba(242,238,230,.1)!important;border-color:var(--bone)!important;color:var(--bone)!important}
.sa-tier-hi .btn-bronze{background:var(--bone)!important;color:var(--ink)!important;border-color:var(--bone)!important}
.sa-tier-hi .btn-bronze:hover{background:var(--bronze-soft)!important}
.twoffer .dl{padding:10px 18px!important}

/* ---------- navigation: quiet links, panels on hover and keyboard ---------- */
.navtop .caret{display:none!important}
.navlinks .navtop{font-weight:500;letter-spacing:.005em;font-size:.92rem}
.navgrp:focus-within .navsub{display:flex!important}
.navsub a{border-radius:3px}
.navsub a:focus-visible{outline:2px solid var(--bronze);outline-offset:1px}
header .btn-solid{padding:10px 18px!important}

/* ---------- homepage rhythm: three dark moments (hero, how this is different, day 30) ---------- */
.badguy{background:var(--bone)!important;color:var(--ink)!important;border-top:1px solid var(--bone-3);border-bottom:1px solid var(--bone-3);padding:40px 0!important}
.badguy .bg-line{color:var(--ink)!important;border-left:3px solid var(--bronze);padding-left:20px;max-width:52ch!important;font-size:var(--t-xl)!important;line-height:1.3!important}
.badguy .bg-src{color:var(--bronze-deep)!important;padding-left:23px}
.badguy .bg-src a{color:var(--bronze-deep)!important;border-bottom-color:rgba(131,96,47,.4)!important}
.whoreads{background:var(--bone-2)!important;color:var(--text)!important}
.whoreads h2{color:var(--ink)!important}
.whoreads .eyebrow{color:var(--bronze-deep)!important}
.whoreads p{color:var(--text)!important}
.whoreads .wr-more{color:var(--bronze-deep)!important}
.whoreads .wr-in img{border-radius:var(--r)!important}
.closing{background:var(--bone)!important;color:var(--ink)!important;border-top:1px solid var(--bone-3)}
.closing h2{color:var(--ink)!important}
.closing .eyebrow{color:var(--bronze-deep)!important;opacity:1!important}
.closing p{color:var(--muted)!important}
.closing .btn-bronze{background:var(--ink)!important;color:var(--bone)!important;border-color:var(--ink)!important}
.closing .btn-ghost-bone{border-color:var(--ink)!important;color:var(--ink)!important}
.closing .btn-ghost-bone:hover{background:var(--ink)!important;color:var(--bone)!important}
.twoffers{background:var(--bone)!important}
.costly{background:var(--bone-2)!important}
.thework{background:var(--bone)!important}
.faq{background:var(--bone-2)!important}
.faq details{background:var(--bone)!important}
.forfounders{background:var(--bone)!important}
.proofbar .pb{border-radius:0!important}

.proofbar{background:var(--bone-2)!important;color:var(--text)!important;border-top:1px solid var(--bone-3)!important;border-bottom:1px solid var(--bone-3)}
.proofbar .pb .k{color:var(--bronze-deep)!important}
.proofbar .pb .v{color:var(--ink)!important}
.proofbar .pb .s{color:var(--muted)!important}
.proofbar .pb{border-color:var(--bone-3)!important}
.lever .lvb,.lever .lvl+div{font-size:var(--t-sm)!important;line-height:1.5!important}
.twoffer .offer-lead{font-size:var(--t-md)!important}
/* ---------- hero ---------- */
.hero.v2{padding:88px 0 72px!important}
.hero.v2 .lead{max-width:50ch!important;margin-bottom:30px!important}
.hero .grid-bg{opacity:.35!important}

/* ---------- forms ---------- */
input[type=text],input[type=email],textarea,select{border-radius:var(--r)!important;font-family:var(--sans)}
.as-gate input,.day30 input[type=email]{border-radius:var(--r-pill)!important}

/* ---------- mobile sticky call to action ---------- */
.mcta{display:none}
@media(max-width:760px){
  .mcta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:60;justify-content:center;align-items:center;padding:14px 18px;border-radius:var(--r-pill);background:var(--ink);color:var(--bone);font-family:var(--sans);font-weight:600;font-size:.95rem;letter-spacing:.01em;box-shadow:0 12px 30px rgba(20,38,56,.35);text-decoration:none}
  body{padding-bottom:76px}
  .hero.v2{padding:48px 0 44px!important}
}

/* ---------- motion: one subtle reveal, respect reduced motion ---------- */
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}*{scroll-behavior:auto!important}}

/* mobile menu: accordion, scrollable (2026-10-23) */
@media(max-width:1200px){
  .navlinks.open{position:absolute!important;top:100%!important;left:0;right:0;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch;gap:0!important;padding:4px 20px 110px!important;align-items:stretch!important;z-index:60}
  .navlinks.open .navgrp{position:static;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0!important;border-bottom:1px solid var(--bone-3,#D9CFBB);padding:0}
  .navlinks.open .navgrp>.navtop{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 0;font-size:1.08rem!important;font-weight:600!important;color:var(--ink,#142638)}
  .navlinks.open .navgrp .caret{display:inline-block!important;font-size:.7em;opacity:.7;transition:transform .2s}
  .navlinks.open .navgrp.open .caret{transform:rotate(180deg)}
  .navlinks.open .navgrp>.navsub{display:none!important;position:static;transform:none;margin:0;border:0!important;box-shadow:none!important;background:none;padding:0 0 10px 10px;min-width:0;flex-direction:column}
  .navlinks.open .navgrp.open>.navsub{display:flex!important}
  .navlinks.open .navgrp>.navsub a{white-space:normal;font-size:.98rem;padding:10px 8px;color:var(--text,#1E2B3A);line-height:1.35}
  .navlinks.open>.btn{margin:18px 0 0;width:100%;text-align:center;padding:14px}
  .navgrp:focus-within .navsub{display:none!important}
  .navlinks.open .navgrp.open:focus-within .navsub{display:flex!important}
  body.nav-open{overflow:hidden}
}

/* 2026-11-06 header fit: one-line labels, tighter gaps, menu button up to 1200px */
.navlinks .navtop,.navlinks>.btn{white-space:nowrap}
@media(min-width:1201px){.navlinks{gap:22px!important}}
@media(max-width:1200px){
  .navlinks{display:none}
  .menu-btn{display:block}
  .navlinks.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:var(--bone);border-bottom:1px solid var(--bone-3);padding:18px 28px;gap:18px;align-items:flex-start}
}

/* 2026-11-06 anchor jumps clear the sticky header */
html{scroll-padding-top:88px}