/* Veraya website · entries 146–167 (brand), 104 (no founder lines), 105 (no price), 174 (figures page), 98 (privacy) */
@font-face{font-family:"Bodoni Moda";src:url(fonts/BodoniModa.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/Jost.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"League Gothic";src:url(fonts/LeagueGothic.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Pinyon Script";src:url(fonts/PinyonScript.woff2) format("woff2");font-display:swap}
:root{
  --paper:#FFFCEA; --line:#E8DFC6; --burgundy:#7D0A0E; --oxblood:#380513; --powder:#B7D1EA; --stroke:#8FB0D6;
  --butter:#FFF8CA; --text:#231815; --muted:#6E5E57;
  --display:"Bodoni Moda",Didot,"Times New Roman",serif; --body:"Jost","Avenir Next","Segoe UI",sans-serif;
  --tall:"League Gothic","Arial Narrow",sans-serif; --script:"Pinyon Script","Snell Roundhand",cursive;
  --stripes:repeating-linear-gradient(90deg,#7D0A0E 0 12px,#B7D1EA 12px 24px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--burgundy)}
img{max-width:100%}
.band{height:40px;background:var(--stripes)}
.band.thin{height:18px;background:repeating-linear-gradient(90deg,#7D0A0E 0 10px,#B7D1EA 10px 20px)}
.wrap{max-width:1040px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
header.site{padding-block:34px 22px;display:grid;gap:22px;justify-items:center;border-bottom:1px solid var(--line)}
header.site .logo{display:block;width:300px;max-width:78vw}
header.site .logo img{display:block;width:100%;height:auto}
nav.menu{display:flex;gap:36px;flex-wrap:wrap;justify-content:center}
nav.menu a,.cta{font-family:var(--body);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--burgundy);font-weight:500;padding-bottom:6px;border-bottom:2px solid transparent;transition:border-color .2s}
nav.menu a:hover,nav.menu a:focus-visible{border-bottom-color:var(--powder)}
.cta{font-weight:600;border-bottom-color:var(--powder);display:inline-block}
.cta:hover{border-bottom-color:var(--stroke)}
a:focus-visible{outline:2px solid var(--stroke);outline-offset:4px}
section{padding-block:clamp(48px,7vw,84px)}
.hero{text-align:center;display:grid;gap:18px;justify-items:center}
h1,h2,h3{font-family:var(--display);color:var(--burgundy);font-weight:500;letter-spacing:-.015em;text-wrap:balance;margin:0}
h1{font-size:clamp(36px,5.4vw,60px);line-height:1.04;max-width:16ch}
h2{font-size:clamp(28px,3.6vw,40px);line-height:1.1}
h3{font-size:21px;line-height:1.2}
.lede{font-size:clamp(17px,1.6vw,19px);max-width:46ch;margin:0}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:500}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start}
@media (max-width:760px){.split{grid-template-columns:1fr}}
.cases{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cases li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:baseline}
.cases li::before{content:"";width:12px;height:2px;background:var(--stroke);transform:translateY(-4px)}
.cases b{font-weight:600;color:var(--oxblood)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px;counter-reset:s}
@media (max-width:860px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}
.step{display:grid;gap:8px;align-content:start;border-top:1px solid var(--line);padding-top:16px}
.step .n{font-family:var(--display);font-size:34px;line-height:1;color:var(--stroke)}
.step p{margin:0;font-size:15.5px}
.result{margin-top:34px;font-family:var(--display);font-size:clamp(20px,2.3vw,26px);color:var(--oxblood);text-align:center;text-wrap:balance}
.result span{color:var(--stroke)}
.sep{background:var(--paper)}
.sep .inner{padding-block:clamp(26px,4vw,42px);display:flex;flex-direction:column;max-width:900px}
.sep .tall{font-family:var(--tall);font-size:clamp(46px,7.4vw,84px);line-height:.9;color:var(--burgundy);text-transform:uppercase}
.sep .script{font-family:var(--script);font-size:clamp(28px,4vw,44px);color:var(--stroke);transform:rotate(-6deg);white-space:nowrap;align-self:flex-end;margin-top:4px}
.counsel{display:grid;gap:18px;max-width:760px}
.counsel ul{margin:0;padding-left:20px;display:grid;gap:8px}
.numbers{background:var(--butter);border-radius:4px;padding:clamp(22px,4vw,36px);display:grid;gap:12px;justify-items:start}
.call{text-align:center;display:grid;gap:16px;justify-items:center}
.call .agenda{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:720px;margin-top:6px;text-align:left}
@media (max-width:620px){.call .agenda{grid-template-columns:1fr}}
.call .agenda div{border-top:2px solid var(--powder);padding-top:10px;font-size:15px}
.call .agenda b{display:block;font-family:var(--display);font-weight:500;color:var(--burgundy);font-size:18px}
.small{font-size:13.5px;color:var(--muted)}
footer.site{border-top:1px solid var(--line);padding-block:26px 34px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:13.5px;color:var(--muted)}
footer.site a{color:var(--muted)}
/* inner pages */
.page{padding-block:clamp(36px,6vw,64px);display:grid;gap:22px;max-width:760px}
.page p,.page li{max-width:68ch}
.figure{border-top:1px solid var(--line);padding-top:22px;display:grid;gap:8px}
.figure .big{font-family:var(--display);font-size:clamp(46px,7vw,76px);line-height:1;color:var(--burgundy);font-weight:500}
.figure .big small{font-size:.45em;color:var(--oxblood)}
.figure .what{font-size:18px;color:var(--text)}
.figure .src{font-size:13.5px;color:var(--muted)}
.figure .src a{color:var(--muted)}
.note-box{border-left:3px solid var(--stroke);padding-left:14px;color:var(--text);font-size:15.5px}
.page h2{font-size:clamp(22px,2.6vw,28px);margin-top:8px}
.page table{border-collapse:collapse;width:100%;font-size:15px}
.page td,.page th{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---------- layout v2 (17 Oct, 09:10) ---------- */
header.site .logo{width:340px}
section{padding-block:clamp(44px,6vw,72px)}
.hero{padding-block:clamp(40px,6vw,64px) clamp(28px,4vw,44px)}
.sec-head{display:grid;gap:10px;margin-bottom:26px}
/* the example review table */
.table-card{margin:26px 0 0;width:100%;max-width:820px;background:#FFFFFF;border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 2px rgba(56,5,19,.05),0 18px 40px rgba(56,5,19,.08);text-align:left;overflow:hidden}
.tc-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--paper)}
.tc-title{font-family:var(--display);font-size:16px;color:var(--oxblood)}
.tc-ex{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.tc-row{display:grid;grid-template-columns:1.1fr 1.1fr auto;gap:14px;align-items:center;padding:11px 18px;border-bottom:1px solid var(--line);font-size:15px}
.tc-row b{font-weight:600;color:var(--oxblood)}
.tc-cols{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-block:8px}
.table-card figcaption{padding:12px 18px;font-size:13.5px;color:var(--muted)}
.lane{font-size:12px;font-weight:500;letter-spacing:.04em;padding:4px 12px;border-radius:999px;white-space:nowrap;justify-self:end}
.l-sales{background:#E3EDF8;color:#24476E}
.l-appr{background:var(--butter);color:#6B4A00}
.l-law{background:#F3E1E1;color:var(--burgundy)}
@media (max-width:620px){.tc-row{grid-template-columns:1fr auto}.tc-row span:nth-child(2){grid-column:1;color:var(--muted);font-size:13.5px;order:3}.tc-cols span:nth-child(2){display:none}}
/* problem cards */
.problem{display:grid;gap:4px}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
@media (max-width:820px){.cards3{grid-template-columns:1fr}}
.pcard{background:#FFFFFF;border:1px solid var(--line);border-top:3px solid var(--burgundy);border-radius:4px;padding:20px 20px 18px;display:grid;gap:10px;align-content:start}
.pnum{font-family:var(--display);font-size:13px;color:var(--stroke);letter-spacing:.1em}
.pcard ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15.5px}
.pcard b{color:var(--oxblood);font-weight:600}
.problem .cta{justify-self:start}
/* how it works on a 3-week line */
.how{background:#FFFFFF;border-block:1px solid var(--line)}
.weeks{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--powder);margin-bottom:6px}
.weeks span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding:0 0 8px}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.timeline li{display:grid;gap:6px;align-content:start;padding-top:18px;position:relative}
.timeline li::before{content:"";position:absolute;top:-11px;left:0;width:12px;height:12px;border-radius:50%;background:var(--burgundy);box-shadow:0 0 0 4px #FFFFFF}
.timeline .n{font-family:var(--display);font-size:13px;color:var(--stroke);letter-spacing:.1em}
.timeline p{margin:0;font-size:15.5px}
@media (max-width:820px){.weeks{display:none}.timeline{grid-template-columns:1fr 1fr}.timeline li::before{top:4px}.timeline li{padding-top:24px}}
@media (max-width:480px){.timeline{grid-template-columns:1fr}}
/* counsel with routing */
.counsel2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center}
@media (max-width:860px){.counsel2{grid-template-columns:1fr}}
.counsel-text{display:grid;gap:16px}
.counsel-text ul{margin:0;padding-left:20px;display:grid;gap:8px}
.routing{display:grid;gap:0;justify-items:center}
.r-in{background:#FFFFFF;border:1px solid var(--line);border-radius:4px;padding:12px 18px;font-family:var(--display);color:var(--oxblood);font-size:17px;text-align:center}
.r-arrow{width:2px;height:28px;background:var(--stroke);position:relative}
.r-arrow::after{content:"";position:absolute;bottom:-1px;left:-5px;border:6px solid transparent;border-top-color:var(--stroke);border-bottom:0}
.r-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:6px}
.r-lane{border-radius:6px;padding:14px 12px;display:grid;gap:4px;text-align:center;align-content:start}
.r-lane b{font-family:var(--display);font-weight:500;font-size:17px}
.r-lane span{font-size:13px;line-height:1.4;color:var(--text)}
@media (max-width:420px){.r-lanes{grid-template-columns:1fr}}
/* call card */
.call-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(22px,4vw,48px);background:#FFFFFF;border:1px solid var(--line);border-radius:6px;padding:clamp(22px,4vw,40px);align-items:center}
@media (max-width:760px){.call-card{grid-template-columns:1fr}}
.call-left{display:grid;gap:14px;justify-items:start}
.call-left .small{margin:0}
.agenda2{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.agenda2 li{display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:14px;border-top:1px solid var(--line);padding-top:12px;font-size:15px}
.agenda2 span{grid-row:span 2;font-family:var(--display);color:var(--stroke);font-size:15px}
.agenda2 b{font-family:var(--display);font-weight:500;color:var(--burgundy);font-size:18px}

.call-card.solo{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:640px;margin:0 auto}
.call-card.solo .call-left{justify-items:center}

/* ---------- design pass v3 (17 Oct, 09:15) ---------- */
body{font-weight:400;background:var(--paper) radial-gradient(1200px 500px at 50% -10%,rgba(183,209,234,.18),transparent 70%) no-repeat}
h1 em,h2 em{font-style:italic;color:var(--oxblood)}
h1{font-size:clamp(38px,6vw,68px);max-width:15ch;line-height:1.02}
.eyebrow{display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--stroke)}
.sec-head.center{justify-items:center;text-align:center}
.hero .pen{width:220px;max-width:60%;height:auto;margin:-14px 0 -6px;fill:none}
.hero .pen path{stroke:var(--stroke);stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:draw 1.6s .3s ease forwards}
.hero .pen circle{fill:var(--burgundy);opacity:0;animation:dot .3s 1.8s forwards}
@keyframes draw{to{stroke-dashoffset:0}} @keyframes dot{to{opacity:1}}
.cta.big{font-size:14px}
/* stacked contract sheets behind the table */
.stack{position:relative;width:100%;max-width:820px;margin-top:34px}
.sheet{position:absolute;inset:0;background:#FFFFFF;border:1px solid var(--line);border-radius:6px}
.sheet.s1{transform:rotate(-2.2deg) translate(-10px,10px);background:#FBF8EC}
.sheet.s2{transform:rotate(1.4deg) translate(8px,6px);background:#F4F0E0}
.stack .table-card{position:relative;margin:0;transition:transform .4s ease}
.stack:hover .table-card{transform:translateY(-3px)}
.tc-row:not(.tc-cols){transition:background .2s}
.tc-row:not(.tc-cols):hover{background:#FDFBF2}
.sig{font-family:var(--script);font-size:22px;color:var(--stroke);margin-right:10px;vertical-align:-3px}
/* numbers strip */
.numbers-strip{padding-block:clamp(30px,4vw,44px);border-block:1px solid var(--line);background:rgba(255,255,255,.55)}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:720px){.strip{grid-template-columns:1fr}}
.stat{display:grid;gap:4px;text-decoration:none;color:var(--text);padding:6px 0 6px 18px;border-left:2px solid var(--powder);transition:border-color .2s}
.stat:hover{border-left-color:var(--burgundy)}
.stat b{font-family:var(--display);font-weight:500;font-size:clamp(40px,5vw,56px);line-height:1;color:var(--burgundy)}
.stat span{font-size:15px}
.strip-src{margin:16px auto 0;font-size:12.5px;color:var(--muted)}
.strip-src a{color:var(--muted)}
/* problem */
.pcard{border-top:none;border-radius:6px;padding:24px 22px 22px;position:relative;transition:transform .25s ease,box-shadow .25s ease}
.pcard::before{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;background:var(--stripes);background-size:auto 3px}
.pcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(56,5,19,.08)}
.pnum{font-family:var(--display);font-style:italic;font-size:22px;color:var(--stroke);letter-spacing:0}
.pcard h3{font-size:23px}
/* how */
.how{background:#FFFFFF}
.timeline li::before{width:14px;height:14px;top:-12px}
.timeline h3{font-size:22px}
.timeline .n{font-style:italic;font-size:22px;letter-spacing:0}
.result{font-size:clamp(22px,2.6vw,30px);margin-top:44px;line-height:1.35}
/* separator */
.sep .tall{letter-spacing:.01em}
/* counsel */
.routing{padding:28px 22px;background:#FFFFFF;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px rgba(56,5,19,.06)}
.r-in{display:inline-flex;align-items:center;gap:10px;background:var(--paper)}
.doc{width:16px;height:20px;border:1.5px solid var(--burgundy);border-radius:2px;position:relative;background:#FFFFFF}
.doc::after{content:"";position:absolute;left:3px;right:3px;top:5px;height:6px;border-block:1.5px solid var(--powder)}
.r-arrow{display:none}
.r-lines{width:100%;height:46px;display:block}
.r-lines path{fill:none;stroke:var(--stroke);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:4 4}
.r-lanes{margin-top:0}
.r-lane{transition:transform .2s}
.r-lane:hover{transform:translateY(-2px)}
@media (max-width:420px){.r-lines{display:none}}
/* call */
.call-card.solo{position:relative;overflow:hidden;padding:clamp(30px,5vw,54px)}
.call-card.solo::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--stripes)}
/* footer */
footer.site{align-items:center}
.flogo{width:120px;height:auto}
/* entrance */
@media (prefers-reduced-motion:no-preference){
  .hero h1,.hero .lede,.hero .cta,.stack{animation:rise .7s ease both}
  .hero .lede{animation-delay:.08s}.hero .cta{animation-delay:.14s}.stack{animation-delay:.22s}
  @keyframes rise{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.hero .pen path{animation:none;stroke-dashoffset:0}.hero .pen circle{animation:none;opacity:1}}

/* ---------- brand alignment (17 Oct, 09:20): entries 146–153 ---------- */
/* stroke blue #8FB0D6 stays in the logo (and the approved separator script); elsewhere powder #B7D1EA */
:root{--stroke:#B7D1EA}
.sep .script{color:#8FB0D6}
body{background:var(--paper)}
/* off-white paper everywhere; no white or tinted grounds outside the palette */
.table-card,.pcard,.how,.routing,.call-card,.r-in,.sheet,.sheet.s1,.sheet.s2,.numbers-strip,.tc-head{background:var(--paper)}
.sheet{border-color:var(--line)}
.tc-row:not(.tc-cols):hover{background:transparent}
.timeline li::before{box-shadow:0 0 0 4px var(--paper)}
.how{border-block:1px solid var(--line)}
/* lanes in the palette: powder, butter, burgundy ink */
.l-sales{background:var(--powder);color:var(--oxblood)}
.l-appr{background:var(--butter);color:var(--oxblood);box-shadow:inset 0 0 0 1px var(--line)}
.l-law{background:transparent;color:var(--burgundy);box-shadow:inset 0 0 0 1.5px var(--burgundy)}
.r-lane span{color:var(--text)}
.doc{background:var(--paper)}
.stat b{color:var(--burgundy)}

/* ---------- more burgundy and blue, within entries 147–148 (17 Oct, 09:15) ---------- */
.divider{height:10px;max-width:1040px;margin:0 auto;background:var(--stripes);border-radius:1px}
@media (max-width:1080px){.divider{margin-inline:20px}}
.band.foot-edge{height:24px}
.eyebrow{color:var(--burgundy)}
.eyebrow::before{background:var(--burgundy);height:2px}
h2{color:var(--burgundy)}
/* numbers: burgundy figures over a powder line */
.numbers-strip{border-block:2px solid var(--powder)}
.stat{border-left:3px solid var(--burgundy)}
.stat span{color:var(--oxblood)}
/* problem cards: burgundy-and-blue striped tops, thicker */
.pcard::before{height:6px;left:0;right:0;border-radius:6px 6px 0 0}
.pcard{border-color:var(--powder)}
.pnum{color:var(--burgundy)}
/* timeline: powder line, burgundy dots, burgundy numbers */
.weeks{border-bottom:3px solid var(--powder)}
.weeks span{color:var(--burgundy)}
.timeline .n{color:var(--burgundy)}
.result span{color:var(--burgundy)}
/* table: burgundy header rule, powder row rules */
.tc-head{border-bottom:2px solid var(--burgundy)}
.tc-row{border-bottom-color:var(--powder)}
.table-card{border-color:var(--powder)}
/* routing: powder lines solid, burgundy contract */
.routing{border-color:var(--powder)}
.r-lines path{stroke:var(--burgundy);stroke-dasharray:none;stroke-width:1.4}
.r-in{border-color:var(--burgundy)}
/* call card */
.call-card.solo{border:2px solid var(--powder)}
.call-card.solo::before{height:10px}

/* ---------- blue and burgundy spaces (17 Oct, 09:16; Katia reopens the grounds of entry 147) ---------- */
/* burgundy space 1: the numbers */
.numbers-strip{background:var(--burgundy);border:none;padding-block:clamp(40px,5vw,60px)}
.numbers-strip .stat{border-left:2px solid var(--powder)}
.numbers-strip .stat b{color:var(--paper)}
.numbers-strip .stat span{color:var(--butter)}
.numbers-strip .strip-src,.numbers-strip .strip-src a{color:var(--powder)}
.numbers-strip .stat:hover{border-left-color:var(--paper)}
/* blue space: how it works */
.how{background:var(--powder);border:none}
.how .eyebrow,.how .weeks span{color:var(--oxblood)}
.how .eyebrow::before{background:var(--oxblood)}
.how .weeks{border-bottom-color:var(--burgundy)}
.how .timeline li::before{box-shadow:0 0 0 4px var(--powder)}
.how p,.how .timeline p{color:var(--text)}
.how .result span{color:var(--burgundy)}
/* burgundy space 2: book a call */
.call-band{background:var(--burgundy);padding-block:clamp(56px,7vw,88px)}
.call-band .call-card.solo{background:transparent;border:none;box-shadow:none;padding-block:0}
.call-band .call-card.solo::before{display:none}
.call-band h2,.call-band h2 em{color:var(--paper)}
.call-band .eyebrow{color:var(--powder)}
.call-band .eyebrow::before{background:var(--powder)}
.call-band .cta{color:var(--paper);border-bottom-color:var(--powder)}
.call-band .cta:hover{border-bottom-color:var(--butter)}
.call-band .cta:focus-visible{outline-color:var(--paper)}
.call-band + .band{display:none}

.pcard::before{background:var(--burgundy)}

/* ---------- off-white on burgundy, larger (17 Oct, 09:19) ---------- */
.numbers-strip .stat b{font-size:clamp(56px,7vw,84px)}
.numbers-strip .stat span{font-size:clamp(18px,1.8vw,21px);line-height:1.4;color:var(--paper)}
.numbers-strip .strip-src{font-size:14.5px;margin-top:22px}
.numbers-strip .strip-src,.numbers-strip .strip-src a{color:var(--paper)}
.call-band h2{font-size:clamp(40px,5.4vw,64px)}
.call-band .eyebrow{font-size:13px;color:var(--paper)}
.call-band .eyebrow::before{background:var(--paper)}
.call-band .cta,.call-band .cta.big{font-size:17px;padding-bottom:8px}

/* ---------- capitals (17 Oct, 09:20) ---------- */
h1,h2,h3{text-transform:uppercase;letter-spacing:.03em}
h1{font-size:clamp(32px,5vw,58px);line-height:1.08;max-width:18ch;font-weight:500}
h2{font-size:clamp(24px,3vw,36px);line-height:1.15}
h3,.pcard h3,.timeline h3{font-size:17px;letter-spacing:.08em;line-height:1.3}
h1 em,h2 em{text-transform:none;font-size:1.06em;letter-spacing:0}
.call-band h2{font-size:clamp(34px,4.6vw,54px)}
.r-lane b,.agenda2 b{text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.r-in{text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.tc-title{text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.result{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(17px,1.9vw,22px)}
.stat span{text-transform:none}

/* ---------- How it works as contract folders (17 Oct, 09:22) ---------- */
.folders{position:relative;height:360px;max-width:900px;margin:10px auto 0}
.folder{position:absolute;left:0;right:0;top:calc(var(--r,0) * 26px);bottom:0;transition:top .45s cubic-bezier(.2,.7,.2,1)}
.ftab{position:absolute;top:0;height:54px;width:24%;border:none;border-radius:14px 14px 0 0;font:500 13px var(--body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.2;padding:0 8px;text-align:center}
.ftab small{font-size:10.5px;letter-spacing:.2em;opacity:.85}
.f1 .ftab{left:0}.f2 .ftab{left:25.33%}.f3 .ftab{left:50.66%}.f4 .ftab{left:76%}
.fbody{position:absolute;top:50px;left:0;right:0;bottom:0;border-radius:4px 14px 14px 14px;padding:clamp(22px,4vw,40px);display:grid;align-content:start;gap:10px;box-shadow:0 -2px 10px rgba(56,5,19,.10)}
.f2 .fbody,.f3 .fbody{border-radius:14px}
.f4 .fbody{border-radius:14px 4px 14px 14px}
.fbody p{margin:0;font-size:clamp(17px,1.8vw,20px);max-width:46ch}
.fbody h3{font-size:clamp(22px,2.6vw,30px)!important;letter-spacing:.05em}
.fnum{font-family:var(--display);font-style:italic;font-size:44px;line-height:1}
.folder:not(.front) .fbody>*{opacity:0;transition:opacity .2s}
.folder.front .fbody>*{opacity:1;transition:opacity .3s .15s}
.f1 .ftab,.f1 .fbody{background:var(--paper);color:var(--oxblood)}
.f2 .ftab,.f2 .fbody{background:var(--butter);color:var(--oxblood)}
.f3 .ftab,.f3 .fbody{background:var(--burgundy);color:var(--paper)}
.f4 .ftab,.f4 .fbody{background:var(--oxblood);color:var(--paper)}
.f3 .fbody b,.f4 .fbody b{color:var(--butter)}
.f3 .fnum,.f4 .fnum{color:var(--powder)} .f1 .fnum,.f2 .fnum{color:var(--burgundy)}
.f3 .fbody h3,.f4 .fbody h3{color:var(--paper)}
.f3 .fbody p,.f4 .fbody p{font-size:clamp(19px,2vw,22px)}
.ftab:hover{filter:brightness(1.04)}
.ftab:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px}
.fhint{text-align:center;font-size:13px;color:var(--oxblood);margin:14px 0 0;letter-spacing:.08em}
@media (max-width:620px){.folders{height:430px}.ftab{font-size:10.5px;letter-spacing:.06em;height:58px;padding:0 4px}.ftab small{font-size:9px;letter-spacing:.1em}.folder{top:calc(var(--r,0) * 20px)}}
@media (prefers-reduced-motion:reduce){.folder{transition:none}}

.how .f3 .fbody p,.how .f4 .fbody p{color:var(--paper)}
.how .f1 .fbody p,.how .f2 .fbody p{color:var(--text)}

/* ---------- stats page folders (17 Oct, 09:24) ---------- */
.stats-page{max-width:900px}
.folders.stats{height:430px;width:100%}
.folders.stats .ftab{font-family:var(--display);font-size:24px;letter-spacing:.02em;text-transform:none;height:64px}
.folders.stats .ftab small{font-family:var(--body);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}
.folders.stats .fbody{top:60px}
.fbig{font-family:var(--display);font-size:clamp(56px,8vw,92px);line-height:1;font-weight:500}
.fbig small{font-size:.32em;font-style:italic}
.fbig.sm{font-size:clamp(34px,5vw,52px);text-transform:uppercase;letter-spacing:.03em}
.f1 .fbig,.f2 .fbig{color:var(--burgundy)} .f3 .fbig,.f4 .fbig{color:var(--paper)}
.fsrc{font-size:14px!important;opacity:.9}
.f3 .fsrc a,.f4 .fsrc a{color:var(--powder)} .f1 .fsrc a,.f2 .fsrc a{color:var(--burgundy)}
.f3 .fbody p,.f4 .fbody p{color:var(--paper)}
.stats-page .fhint{color:var(--muted)}
@media (max-width:620px){.folders.stats{height:620px}.folders.stats .ftab{font-size:17px;height:62px}.folders.stats .ftab small{font-size:8.5px;letter-spacing:.08em}}

@media (max-width:620px){.folders.stats{height:560px}}
.stats-page .fhint{text-align:left}

/* ---------- figures page, picture first (17 Oct, 09:26) ---------- */
.stats-page{max-width:1040px}
.viz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:760px){.viz-grid{grid-template-columns:1fr}}
.viz{border-radius:14px;padding:clamp(22px,3.5vw,34px);display:grid;gap:18px;align-content:start;min-width:0;transition:transform .25s}
.viz:hover{transform:translateY(-4px)}
.v1{background:var(--burgundy);color:var(--paper)}
.v2{background:var(--powder);color:var(--oxblood)}
.v3{background:var(--paper);color:var(--oxblood);box-shadow:inset 0 0 0 2px var(--burgundy)}
.v4{background:var(--oxblood);color:var(--paper)}
.vtext{display:grid;gap:4px}
.vbig{font-family:var(--display);font-size:clamp(64px,9vw,104px);line-height:.95;font-weight:500}
.vbig small{font-size:.5em}
.vbig.word{font-size:clamp(40px,5.4vw,60px);text-transform:uppercase;letter-spacing:.02em}
.vtext p{margin:0;font-size:clamp(19px,2vw,23px);line-height:1.3}
.v1 .vtext b,.v4 .vtext b{color:var(--butter);font-weight:500}
.v2 .vtext b,.v3 .vtext b{color:var(--burgundy);font-weight:600}
.vsrc{margin:0;font-size:12.5px;line-height:1.45;opacity:.85}
.v1 .vsrc a,.v4 .vsrc a{color:var(--powder)} .v2 .vsrc a,.v3 .vsrc a{color:var(--burgundy)}
/* waffle */
.waffle{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;max-width:420px}
.waffle i{aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,252,234,.45)}
.waffle i.on{background:var(--paper);border-color:var(--paper)}
/* bars */
.bars{display:grid;gap:12px}
.bar{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.bar i{display:block;height:26px;border-radius:4px;background:var(--burgundy)}
.bar:first-child i{background:var(--oxblood);opacity:.35}
.bar em{font-style:normal;font-family:var(--display);font-size:22px;color:var(--burgundy);letter-spacing:0}
.bar span{grid-column:1}.bar i{grid-column:2;justify-self:start}
/* money bar */
.money{display:grid;gap:8px}
.mbar{height:30px;border-radius:4px;background:var(--powder);overflow:hidden}
.mbar i{display:block;height:100%;width:8.6%;background:var(--burgundy)}
.mlabels{display:flex;justify-content:space-between;gap:10px;font-size:14px;flex-wrap:wrap}
/* path */
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}
.path li{display:grid;gap:8px;font-size:14.5px;line-height:1.3;align-content:start}
.path li span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-style:italic;font-size:18px;background:var(--paper);color:var(--oxblood)}
.path li:last-child span{background:var(--butter)}
.path li b{color:var(--butter);font-weight:500}
.path::before{content:"";position:absolute;top:17px;left:17px;right:33%;height:2px;background:var(--powder);z-index:0}
.path li span{position:relative;z-index:1}

.bar:first-child i{background:var(--paper);opacity:1}

/* ================= VARIANT B · grotesk + handwriting (17 Oct, 09:30) ================= */
@font-face{font-family:"Archivo";src:url(fonts/Archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Archivo";src:url(fonts/ArchivoItalic.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}
@font-face{font-family:"Caveat";src:url(fonts/Caveat.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--grot:"Archivo","Helvetica Neue",Arial,sans-serif;--hand:"Caveat","Bradley Hand",cursive;--body:var(--grot)}
body{font-family:var(--grot);font-weight:400;letter-spacing:-.005em}
h1,h2,h3{font-family:var(--grot);font-weight:800;letter-spacing:-.025em;text-transform:uppercase;font-stretch:100%}
h1{font-size:clamp(40px,7vw,86px);line-height:.92;max-width:14ch}
h2{font-size:clamp(30px,4.4vw,52px);line-height:.95}
h3,.pcard h3,.timeline h3{font-size:18px;letter-spacing:-.01em;font-weight:800}
h1 em,h2 em{font-family:var(--grot);font-style:italic;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;color:var(--burgundy);font-size:.82em}
.eyebrow{font-family:var(--grot);font-weight:600;letter-spacing:.14em}
.eyebrow::before{display:none}
.note,.hand-note{font-family:var(--hand);font-weight:600;font-size:22px;letter-spacing:0;text-transform:none;color:var(--burgundy)}
.hand-note{position:absolute;top:-34px;right:6%;transform:rotate(-4deg);z-index:3;font-size:24px}
.lede{font-size:clamp(18px,1.7vw,21px)}
nav.menu a,.cta{font-family:var(--grot);font-weight:700;letter-spacing:.16em}
.result{font-family:var(--grot);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(20px,2.4vw,30px)}
.result span{font-family:var(--hand);font-weight:700}
/* numbers strip */
.numbers-strip .stat b,.stat b{font-family:var(--grot);font-weight:800;letter-spacing:-.04em}
/* table */
.tc-title{font-family:var(--grot);font-weight:800;letter-spacing:.06em}
.lane{font-weight:700;letter-spacing:.04em}
/* cards */
.pnum{font-family:var(--hand);font-style:normal;font-size:26px;font-weight:700}
/* folders */
.ftab{font-family:var(--grot);font-weight:800;letter-spacing:.02em;font-size:14px}
.ftab small{font-family:var(--hand);font-size:17px;letter-spacing:0;text-transform:none;font-weight:600}
.fbody h3{letter-spacing:-.02em}
.fnum{font-family:var(--hand);font-style:normal;font-size:44px;font-weight:700}
/* routing */
.r-in,.r-lane b{font-family:var(--grot);font-weight:800;letter-spacing:.02em}
/* call */
.call-band h2{font-size:clamp(40px,6vw,76px)}
.call-band .note{color:var(--powder)}
/* figures page */
.vbig{font-family:var(--grot);font-weight:800;letter-spacing:-.05em}
.vbig.word{letter-spacing:-.03em}
.bar em{font-family:var(--hand);font-size:30px;font-weight:700}
.path li span{font-family:var(--hand);font-style:normal;font-size:22px;font-weight:700}

h1,h2,h3,.result{word-spacing:.1em}

/* ---------- folders v2 (17 Oct, 09:35) ---------- */
.folders.v2{height:400px}
.folders.v2 .ftab{clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-radius:10px 10px 0 0;width:25%}
.folders.v2 .f1 .ftab{left:0}.folders.v2 .f2 .ftab{left:24.5%}.folders.v2 .f3 .ftab{left:49%}.folders.v2 .f4 .ftab{left:73.5%}
.folders.v2 .fbody{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;overflow:hidden}
.sheet-peek{position:absolute;top:-12px;right:8%;width:34%;height:30px;background:var(--paper);border:1px solid var(--line);border-bottom:none;border-radius:3px 3px 0 0;background-image:repeating-linear-gradient(180deg,transparent 0 7px,var(--line) 7px 8px);z-index:-1}
.ftext{display:grid;gap:8px;align-content:center}
.fart{display:grid;gap:12px;justify-items:center;opacity:0;transform:translateY(8px);transition:opacity .35s .2s,transform .35s .2s}
.folder.front .fart{opacity:1;transform:none}
/* step 1: map */
.map{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--oxblood)}
.map span{border:1.5px solid var(--oxblood);border-radius:999px;padding:4px 10px;background:var(--paper)}
.map span.wait{border-style:dashed;font-family:var(--hand);text-transform:none;font-size:18px;letter-spacing:0;font-weight:600;color:var(--burgundy);padding:0 10px}
.map i{width:22px;height:1.5px;background:var(--oxblood)}
/* step 2: rules + stamp */
.f2 .fart{position:relative}
.rules{list-style:none;margin:0;padding:12px 16px;background:var(--paper);border-radius:6px;display:grid;gap:8px;min-width:220px;box-shadow:0 6px 16px rgba(56,5,19,.08)}
.rules li{font-size:14px;font-weight:600;color:var(--oxblood);display:flex;justify-content:space-between;gap:12px}
.rules li::after{content:"✓";color:var(--burgundy);font-weight:800}
.stamp{position:absolute;right:-6px;bottom:-14px;transform:rotate(-10deg);border:2.5px solid var(--burgundy);color:var(--burgundy);border-radius:8px;padding:4px 10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:15px;line-height:1.05;text-align:center;background:rgba(255,252,234,.85)}
.stamp small{font-family:var(--hand);text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
/* step 3: tool window */
.win{width:100%;max-width:300px;background:var(--paper);border-radius:8px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.wbar{display:flex;gap:5px;padding:8px 10px;background:var(--powder)}
.wbar i{width:8px;height:8px;border-radius:50%;background:var(--paper)}
.wline{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);font-size:13px;color:var(--oxblood);font-weight:600}
.wline em{font-style:normal}
/* step 4: team */
.team{display:flex;gap:10px}
.team i{width:38px;height:52px;position:relative;display:block}
.team i::before{content:"";position:absolute;top:0;left:9px;width:20px;height:20px;border-radius:50%;background:var(--powder)}
.team i::after{content:"";position:absolute;bottom:0;left:0;width:38px;height:26px;border-radius:19px 19px 4px 4px;background:var(--paper)}
.f4 .hand{font-family:var(--hand);font-size:30px;color:var(--butter);transform:rotate(-5deg);font-weight:700}
.fhint{font-family:var(--hand);font-size:22px;color:var(--oxblood);letter-spacing:0;text-align:left;margin:10px 0 0 4%}
@media (max-width:760px){.folders.v2{height:560px}.folders.v2 .fbody{grid-template-columns:1fr;align-content:start;gap:18px}.fart{justify-items:start}.map{flex-wrap:wrap}.folders.v2 .ftab{font-size:10.5px}}

.folders.v2{height:430px}
@media (max-width:760px){.folders.v2{height:520px}}

/* ---------- pass v4 (17 Oct, 09:40) ---------- */
.picon{width:46px;height:46px;fill:none;stroke:var(--burgundy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:-6px}
.picon .fill{fill:var(--powder);stroke:none}
.picon .x{stroke:var(--burgundy);stroke-width:2.6}
.pcard{grid-template-columns:auto 1fr;column-gap:12px}
.pcard>.pnum{grid-column:1}.pcard>.picon{grid-column:2;justify-self:end}
.pcard>h3,.pcard>ul{grid-column:1/-1}
em.ul{position:relative;display:inline-block}
.uline{position:absolute;left:0;right:0;bottom:-6px;width:100%;height:10px;fill:none;stroke:var(--powder);stroke-width:3;stroke-linecap:round}
.how em.ul .uline{stroke:var(--paper)}
/* slim header */
.slim{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,252,234,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .3s ease;padding-top:env(safe-area-inset-top,0px)}
.slim.on{transform:none}
.slim-in{display:flex;justify-content:space-between;align-items:center;padding-block:8px}
.slim img{width:92px;height:auto}
.slim .cta{font-size:12px}
/* phone pill */
.pill{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140%);z-index:50;background:var(--burgundy);color:var(--paper);text-decoration:none;font-family:var(--grot);font-weight:800;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:14px 26px;border-radius:999px;box-shadow:0 10px 24px rgba(56,5,19,.25);transition:transform .3s ease;display:none}
@media (max-width:760px){.pill{display:block}body.scrolled .pill{transform:translate(-50%,0)}.slim{display:none}}
/* signature line */
.signline{display:flex;align-items:flex-end;gap:14px;border-bottom:2px solid var(--powder);padding:0 10px 6px;min-width:min(420px,80vw);justify-content:center}
.signline .x{font-family:var(--hand);font-size:44px;line-height:.8;color:var(--powder)}
.signline .cta{border-bottom:none;padding-bottom:0}
/* section rise, visible at rest */
.rise{transition:transform .7s ease}
.rise:not(.in){transform:translateY(14px)}

/* ---------- calmer (17 Oct, 09:45): fewer effects ---------- */
.rise,.rise:not(.in){transform:none;transition:none}
.stack:hover .table-card{transform:none}
.pcard:hover,.viz:hover,.r-lane:hover{transform:none;box-shadow:none}
.counsel-text li.data{list-style:none;margin-left:-20px;padding:12px 14px;border-left:3px solid var(--burgundy);background:var(--butter);border-radius:0 6px 6px 0}
.counsel-text li.data b{color:var(--burgundy)}

/* ---------- order: hero, problem, numbers, table, how (17 Oct, 09:40) ---------- */
.hero{padding-block:clamp(40px,6vw,64px) clamp(16px,3vw,28px)}
.tablesec{display:grid;justify-items:center}
.tablesec .stack{margin-top:6px}

/* ---------- the pen marks come back (17 Oct, 09:41) ---------- */
.uline{bottom:-8px;stroke-width:2.6}
.call-band em.ul .uline,.how em.ul .uline{stroke:var(--paper)}
.counsel-text em.ul .uline{stroke:var(--powder)}
.uline path{stroke-dasharray:240;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){.uline path{stroke-dashoffset:240;animation:draw 1.2s .4s ease forwards}}

.tc-row{grid-template-columns:1fr auto}
@media (max-width:620px){.tc-row{grid-template-columns:1fr auto}}
.table-card{max-width:640px}

@media (max-width:620px){.tc-cols span:nth-child(2){display:inline;justify-self:end}.tc-row span:nth-child(2){grid-column:auto;order:0;color:inherit;font-size:inherit}}

/* table section fix (17 Oct, 09:43) */
.tablesec .stack{max-width:680px;width:100%;margin:22px auto 0}
.tablesec .table-card{max-width:none}
.tablesec .hand-note{top:-30px;right:12px}
.tablesec .sec-head{margin-bottom:8px}

.tablesec .stack{margin-top:46px}

.pcard>.picon{grid-column:1/-1;justify-self:start}

/* hero call as a signature line (17 Oct, 09:44; entries 163–164 kept) */
.hero-sign{margin-top:10px;border-bottom-color:var(--powder);min-width:min(460px,86vw);padding-bottom:8px}
.hero-sign .x{color:var(--burgundy);font-size:52px}
.hero-sign .cta{font-size:clamp(16px,1.6vw,19px);letter-spacing:.18em;color:var(--burgundy)}
.hero-sign:hover{border-bottom-color:var(--burgundy)}

svg.x{width:30px;height:30px;fill:none;stroke:var(--powder);stroke-width:2.6;stroke-linecap:round;flex:0 0 auto;margin-bottom:2px}
.hero-sign svg.x{stroke:var(--burgundy);width:34px;height:34px}

/* ---------- hero spacing and section markers (17 Oct, 09:48) ---------- */
.hero{padding-block:clamp(56px,8vw,104px) clamp(48px,6vw,80px);gap:26px}
.hero h1{margin-bottom:4px}
.hero .lede{max-width:40ch;font-size:clamp(19px,1.9vw,23px);line-height:1.5;color:var(--oxblood)}
header.site{padding-block:30px 20px}
section{padding-block:clamp(56px,7vw,96px)}
.sec-head{gap:12px;margin-bottom:34px}
/* section markers: a big handwritten number and its name, always on the left */
.secmark{display:flex;align-items:baseline;gap:14px;padding-bottom:10px;border-bottom:2px solid var(--burgundy);width:max-content;max-width:100%}
.secmark .sn{font-family:var(--hand);font-weight:700;font-size:clamp(46px,5vw,62px);line-height:.8;color:var(--burgundy)}
.secmark .sl{font-family:var(--grot);font-weight:800;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--oxblood)}
.how .secmark{border-bottom-color:var(--oxblood)}
.how .secmark .sn{color:var(--oxblood)}
.how .sec-head{justify-items:start;text-align:left}
.call-band .secmark{margin:0 auto;border-bottom-color:var(--powder)}
.call-band .secmark .sn{color:var(--powder)}
.call-band .secmark .sl{color:var(--paper)}

/* ---------- section markers: small folder tabs (17 Oct, 09:50) ---------- */
.secmark{display:inline-flex;align-items:center;gap:10px;border:none;padding:7px 16px 7px 12px;background:var(--burgundy);border-radius:10px 10px 0 0;clip-path:polygon(0 0,92% 0,100% 100%,0 100%);padding-right:26px;width:auto}
.secmark .sn{font-family:var(--hand);font-weight:700;font-size:22px;line-height:1;color:var(--powder)}
.secmark .sl{font-family:var(--grot);font-weight:800;font-size:12px;letter-spacing:.18em;color:var(--paper)}
.sec-head .secmark{justify-self:start;box-shadow:0 2px 0 0 var(--burgundy)}
.how .secmark{background:var(--oxblood)}
.how .secmark .sn{color:var(--powder)}
.call-band .secmark{background:var(--powder);margin:0 auto}
.call-band .secmark .sn{color:var(--burgundy)}
.call-band .secmark .sl{color:var(--oxblood)}
.counsel-text .secmark,.problem .secmark{justify-self:start}

/* 04 marker at the corner like the others (17 Oct, 09:52) */
.call-band .call-card.solo{max-width:1040px}
.call-band .call-left{justify-items:center;width:100%}
.call-band .secmark{margin:0;justify-self:start}

.call-band .call-card.solo{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

/* 04 tab hangs from the top edge of the call band (17 Oct, 09:54) */
.call-band{padding-top:0}
.call-band .secmark{border-radius:0 0 10px 10px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);margin-bottom:clamp(40px,5vw,64px)}

/* ---------- blue pen marks on the hero (17 Oct, 09:56) ---------- */
.hero h1{position:relative}
em.bl{position:relative;display:inline-block}
.bl-under{position:absolute;left:-2%;width:104%;bottom:-10px;height:18px;fill:none;stroke:var(--powder);stroke-width:3.2;stroke-linecap:round}
.bl-under path:last-child{stroke-width:2;opacity:.8}
.bl-tick{display:inline-block;width:.55em;height:.55em;margin-left:.12em;vertical-align:.05em;fill:none;stroke:var(--powder);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.circled{position:relative;display:inline-block;font-weight:600}
.bl-oval{position:absolute;left:-14%;top:-30%;width:128%;height:160%;fill:none;stroke:var(--powder);stroke-width:2.6;stroke-linecap:round;pointer-events:none}
.hero-sign{position:relative}
.sign-here{position:absolute;left:-6px;top:-30px;font-family:var(--hand);font-size:24px;font-weight:700;color:var(--powder);transform:rotate(-8deg)}
.hero-sign svg.x{stroke:var(--powder)}
@media (prefers-reduced-motion:no-preference){
 .bl-under path,.bl-tick path,.bl-oval path{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.4s ease forwards}
 .bl-under path{animation-delay:.5s}.bl-under path:last-child{animation-delay:.9s}.bl-tick path{animation-delay:1.3s}.bl-oval path{animation-delay:1.6s}
}

/* bring 01 higher (17 Oct, 09:58) */
.hero{padding-bottom:clamp(20px,3vw,36px)}
.problem{padding-top:clamp(16px,2.5vw,32px)}

/* hero higher (17 Oct, 09:59) */
.hero{padding-top:clamp(28px,4vw,52px)}
header.site{padding-block:24px 14px;gap:16px}

/* headline line 1 on one line (17 Oct, 10:00) */
.hero h1{max-width:none}
.hero h1 .l1{display:block}
@media (min-width:760px){.hero h1 .l1{white-space:nowrap}.hero h1{font-size:clamp(40px,5.6vw,78px)}}

/* headline in two lines: line 1 caps, line 2 italic + caps (17 Oct, 10:02) */
.hero h1 .l2{display:block}
@media (min-width:760px){.hero h1 .l2{white-space:nowrap}.hero h1{font-size:clamp(36px,4.9vw,64px);line-height:1.02}}

@media (min-width:760px){.hero h1{font-size:clamp(32px,4.3vw,56px)}}

/* pen marks in the logo's pen blue (entry 195) ; 01 a little lower (17 Oct, 10:04) */
:root{--pen:#8FB0D6}
.bl-under,.bl-tick,.bl-oval,.uline{stroke:var(--pen)}
.hero-sign svg.x,svg.x{stroke:var(--pen)}
.hand-note{color:var(--pen)}
.how em.ul .uline,.call-band em.ul .uline{stroke:var(--paper)}
.call-band svg.x{stroke:var(--powder)}
.problem{padding-top:clamp(40px,5vw,64px)}

/* numbers strip centred (17 Oct, 10:06) */
.numbers-strip .strip{justify-items:center;text-align:center}
.numbers-strip .stat{border-left:none;padding:0 10px;justify-items:center;max-width:300px}
.numbers-strip .stat + .stat{border-left:none}
.numbers-strip .strip-src{text-align:center}
@media (min-width:721px){.numbers-strip .strip>.stat:not(:first-child){position:relative}.numbers-strip .strip>.stat:not(:first-child)::before{content:"";position:absolute;left:-10px;top:10%;bottom:10%;width:2px;background:var(--powder)}}

/* hero a little lower (17 Oct, 10:07) */
.hero{padding-top:clamp(40px,5.5vw,72px)}

/* hero stands alone on the first screen; 01 starts after a clear break (17 Oct, 10:09) */
.hero{min-height:calc(100svh - 250px);align-content:center;padding-block:clamp(32px,4vw,56px)}
.problem{border-top:1px solid var(--line);padding-top:clamp(56px,7vw,88px)}
@media (max-width:760px){.hero{min-height:calc(100svh - 300px)}}

/* section 01 as a contract sheet on the desk (17 Oct, 10:12; Q22 A) */
.problem{border-top:none;position:relative;max-width:1100px;margin:clamp(8px,2vw,24px) auto clamp(40px,5vw,72px);background:var(--paper);border:1px solid var(--line);border-radius:3px;box-shadow:0 2px 0 var(--line),0 22px 50px rgba(56,5,19,.12),0 4px 10px rgba(56,5,19,.06);padding:clamp(36px,5vw,64px) clamp(22px,4vw,56px)}
.problem::after{content:"";position:absolute;top:-1px;right:-1px;width:44px;height:44px;background:linear-gradient(225deg,var(--paper) 0 50%,var(--butter) 50% 100%);box-shadow:-2px 2px 4px rgba(56,5,19,.10);border-bottom-left-radius:3px}
.problem::before{content:"";position:absolute;left:clamp(22px,4vw,56px);right:clamp(22px,4vw,56px);bottom:18px;height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
@media (max-width:1140px){.problem{margin-inline:16px}}

/* contract sheet kept simple (17 Oct, 10:18): border, shadow, folded corner only */
.problem::before{display:none}
.problem .pcard{background:transparent}

.lede .ll{display:block;white-space:nowrap}
.hero .lede{max-width:none}

/* a real dog-ear on the sheet (17 Oct, 10:20) */
.problem::before{display:block;content:"";position:absolute;top:-2px;right:-2px;left:auto;bottom:auto;width:40px;height:40px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%);z-index:2}
.problem::after{top:-1px;right:-1px;width:38px;height:38px;background:linear-gradient(225deg,transparent 0 50%,#F3EBC4 50% 56%,var(--butter) 70%,#FFFBE0 100%);clip-path:polygon(0 0,0 100%,100% 100%);box-shadow:none;filter:drop-shadow(-2px 3px 3px rgba(56,5,19,.18));border-bottom-left-radius:4px;z-index:3}

/* bigger dog-ear and a paper clip (17 Oct, 10:22) */
.problem::before{width:64px;height:64px}
.problem::after{width:62px;height:62px}
.clip{position:absolute;top:-26px;left:clamp(40px,6vw,90px);width:30px;height:78px;z-index:4;fill:none;stroke:var(--pen);stroke-width:3;stroke-linecap:round;filter:drop-shadow(1px 2px 1px rgba(56,5,19,.15))}

/* ---------- palette B trial, wine and sky (17 Oct, 10:25; not yet decided) ---------- */
:root{--burgundy:#7D0A0E;--oxblood:#380513;--powder:#B7D1EA;--pen:#8FB0D6;--stroke:#B7D1EA;
  --stripes:repeating-linear-gradient(90deg,#7D0A0E 0 12px,#B7D1EA 12px 24px)}
.band{background:var(--stripes)}
.band.thin{background:repeating-linear-gradient(90deg,#7D0A0E 0 10px,#B7D1EA 10px 20px)}
/* training drawing */
.train{display:grid;gap:14px;justify-items:center;width:100%;max-width:300px}
.board{width:100%;background:var(--paper);border-radius:8px;padding:12px 14px;box-shadow:0 8px 20px rgba(0,0,0,.25);position:relative}
.board::after{content:"";position:absolute;left:50%;bottom:-12px;width:2px;height:12px;background:var(--powder)}
.bt{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--burgundy);margin-bottom:8px}
.board ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.board li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--oxblood)}
.board li i{width:16px;height:16px;border-radius:4px;border:1.8px solid var(--burgundy);position:relative;flex:0 0 auto}
.board li i::after{content:"";position:absolute;left:4px;top:0;width:5px;height:9px;border:solid var(--pen);border-width:0 2.4px 2.4px 0;transform:rotate(40deg)}
.people{display:flex;gap:10px;align-items:flex-end}
.people i{display:block;position:relative;width:34px;height:46px}
.people i::before{content:"";position:absolute;top:0;left:9px;width:16px;height:16px;border-radius:50%;background:var(--powder)}
.people i::after{content:"";position:absolute;bottom:0;left:0;width:34px;height:24px;border-radius:17px 17px 3px 3px;background:var(--paper)}
.people .p2,.people .p4{height:42px}
.people .p2::before,.people .p4::before{background:var(--butter)}
.f4 .hand{font-size:28px}

/* paper clip replaces the dog-ear (17 Oct, 10:27) */
.problem::before,.problem::after{display:none}
.clip{left:auto;right:clamp(40px,6vw,90px);top:-30px;width:34px;height:88px}

.clip{width:44px;height:112px;top:-40px;transform:rotate(-8deg);stroke-width:3.4}

/* trial: Thursday burgundy + sky blue (17 Oct, 10:29) */
:root{--burgundy:#7D0A0E;--oxblood:#380513}

/* section headings easier to read: caps on line 1, italic on line 2, same weight of presence (17 Oct, 10:30) */
h2 em,h2 em.ul{display:block;font-size:.92em;font-weight:600;margin-top:.08em;width:max-content;max-width:100%}
.sec-head.center h2 em{margin-inline:auto}
h2{line-height:1.02}

/* softer folders (17 Oct, 10:32) */
.folders.v2 .ftab{border-radius:16px 16px 0 0;clip-path:none;}
.folders.v2 .fbody{border-radius:6px 22px 22px 22px}
.folders.v2 .f2 .fbody,.folders.v2 .f3 .fbody{border-radius:22px}
.folders.v2 .f4 .fbody{border-radius:22px 6px 22px 22px}
.win,.board,.rules{border-radius:12px}

/* problem cards come alive on hover (17 Oct, 10:34) */
.problem .pcard{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.problem .pcard::before{transition:height .3s ease}
.problem .pcard .picon{transition:transform .5s ease}
@media (hover:hover){
 .problem .pcard:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(56,5,19,.12);border-color:var(--burgundy)}
 .problem .pcard:hover::before{height:9px}
 .problem .pcard:nth-child(1):hover .picon{transform:rotate(180deg)}
 .problem .pcard:nth-child(2):hover .picon{animation:scribble .6s ease}
 .problem .pcard:nth-child(3):hover .picon{animation:shake .45s ease}
 .problem .pcard:hover li b{background:linear-gradient(transparent 62%,rgba(183,209,234,.7) 62%);transition:background .3s}
}
@keyframes scribble{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(4px,-3px) rotate(-6deg)}50%{transform:translate(8px,1px) rotate(4deg)}75%{transform:translate(12px,-2px) rotate(-4deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.problem .pcard,.problem .pcard .picon{transition:none;animation:none!important}.problem .pcard:hover{transform:none}}

/* Thursday palette kept (Q23 B, 17 Oct 10:10) */
:root{--powder:#B7D1EA;--pen:#8FB0D6;--stroke:#B7D1EA;--stripes:repeating-linear-gradient(90deg,#7D0A0E 0 12px,#B7D1EA 12px 24px)}
.band.thin{background:repeating-linear-gradient(90deg,#7D0A0E 0 10px,#B7D1EA 10px 20px)}

/* table heading: no underline, more room before the note (17 Oct, 10:36) */
.tablesec h2 .uline{display:none}
.tablesec .stack{margin-top:64px}
.tablesec .hand-note{top:-40px}

/* folders: in between (17 Oct, 10:37) */
.folders.v2 .ftab{border-radius:10px 10px 0 0}
.folders.v2 .fbody{border-radius:4px 12px 12px 12px}
.folders.v2 .f2 .fbody,.folders.v2 .f3 .fbody{border-radius:12px}
.folders.v2 .f4 .fbody{border-radius:12px 4px 12px 12px}
.win,.board,.rules{border-radius:8px}

/* numbers link as a small card (17 Oct, 10:38) */
.numlink{display:inline-grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;justify-self:start;text-decoration:none;color:var(--burgundy);border:2px solid var(--burgundy);border-radius:10px;padding:12px 18px;transition:background .25s,color .25s,transform .25s}
.bars3{grid-row:1/3;width:28px;height:22px}
.bars3 rect{fill:var(--powder);transition:fill .25s}
.bars3 rect:nth-child(2){fill:var(--burgundy)}
.nl-t{font-weight:800;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase}
.nl-f{grid-column:2;font-family:var(--hand);font-size:20px;line-height:1;color:var(--pen)}
.nl-a{grid-column:3;grid-row:1/3;font-size:24px;transition:transform .25s}
.numlink:hover{background:var(--burgundy);color:var(--paper)}
.numlink:hover .nl-f{color:var(--powder)}
.numlink:hover .bars3 rect{fill:var(--paper)}
.numlink:hover .nl-a{transform:translateX(6px)}
@media (max-width:420px){.nl-t{font-size:12px;letter-spacing:.08em}}

/* numbers link inside the burgundy strip (17 Oct, 10:39) */
.strip-cta{display:grid;justify-items:center;margin-top:28px}
.numbers-strip .numlink{color:var(--paper);border-color:var(--paper)}
.numbers-strip .numlink .nl-f{color:var(--powder)}
.numbers-strip .numlink .bars3 rect{fill:var(--powder)}
.numbers-strip .numlink .bars3 rect:nth-child(2){fill:var(--paper)}
.numbers-strip .numlink:hover{background:var(--paper);color:var(--burgundy)}
.numbers-strip .numlink:hover .nl-f{color:var(--pen)}
.numbers-strip .numlink:hover .bars3 rect{fill:var(--burgundy)}
.numbers-strip .strip-src{margin-top:14px}

.strip-cta .numlink{justify-self:center}

/* folder tabs shaped like the section markers: rounded top-left, slanted right side (17 Oct, 10:41) */
.folders.v2 .ftab{border-radius:10px 10px 0 0;clip-path:polygon(0 0,88% 0,100% 100%,0 100%);padding-right:18px}
.folders.v2 .stats .ftab{clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}

/* call heading on one line (17 Oct, 10:43) */
.call-band h2 em,.call-band h2 em.ul{display:inline-block;margin-top:0}
.call-band h2{white-space:nowrap}
@media (max-width:420px){.call-band h2{white-space:normal}}

/* numbers strip, refined (17 Oct, 10:46) */
.numbers-strip{padding-block:clamp(48px,6vw,80px)}
.strip-note{text-align:center;font-family:var(--hand);font-weight:700;font-size:clamp(26px,3vw,34px);color:var(--powder);margin:0 auto 22px;transform:rotate(-2deg)}
.numbers-strip .strip{gap:clamp(18px,4vw,48px)}
.numbers-strip .stat{gap:10px;text-decoration:none}
.numbers-strip .stat b{font-size:clamp(64px,8vw,104px);letter-spacing:-.05em;line-height:.9}
.numbers-strip .stat b small{font-size:.5em;letter-spacing:0;margin-left:.04em;color:var(--powder)}
.nline{width:120px;height:10px;fill:none;stroke:var(--powder);stroke-width:3;stroke-linecap:round;margin-top:-2px}
.numbers-strip .stat span{font-size:clamp(17px,1.6vw,19px);max-width:24ch}
.numbers-strip .stat:hover b{color:var(--butter)}
.numbers-strip .strip-src{font-size:12.5px;opacity:.75;margin-top:16px}
.strip-cta{margin-top:36px}

/* the table becomes the result of How it works (17 Oct, 10:49; Q24 A) */
.result-table{display:grid;justify-items:center;margin-top:clamp(40px,5vw,64px)}
.rt-intro{text-align:center;font-size:clamp(18px,1.9vw,22px);font-weight:600;color:var(--oxblood);max-width:40ch;margin:0}
.rt-intro em{display:block;font-family:var(--hand);font-style:normal;font-weight:700;font-size:1.35em;color:var(--burgundy);margin-top:4px}
.result-table .stack{max-width:680px;width:100%;margin:40px auto 0}
.result-table .hand-note{top:-34px;right:12px;color:var(--oxblood)}
.result-table .table-card{box-shadow:0 18px 40px rgba(56,5,19,.15)}

.rt-intro{font-weight:800;font-size:clamp(24px,3vw,38px);letter-spacing:-.01em;text-transform:uppercase;color:var(--burgundy);max-width:none}

/* on the blue section: burgundy, not black (17 Oct, 10:51) */
.how .result,.how .fhint,.how .result-table .hand-note,.how p.result{color:var(--burgundy)}
.how .result span{color:var(--oxblood)}
.how .secmark{background:var(--burgundy)}
.how .secmark .sn{color:var(--powder)}
.how h2,.how h2 em{color:var(--burgundy)}
.how .uline{stroke:var(--paper)}

.rt-head{font-size:clamp(30px,4.4vw,52px)!important;line-height:1.02;letter-spacing:-.025em!important;text-align:center;color:var(--burgundy);margin:0}
.rt-head em{display:block;font-family:var(--grot);font-style:italic;font-weight:600;text-transform:none;letter-spacing:-.02em;font-size:.92em;color:var(--burgundy)}

/* 21 Oct 2026 · display fixes (Strategist, Sunday's review faults 1–4) */
@media (max-width:620px){
  nav.menu{gap:14px 20px;flex-wrap:nowrap}
  nav.menu a{font-size:10.5px;letter-spacing:.08em;white-space:nowrap}
  .hero h1 .l2{display:block;margin-top:.12em}
  em.bl{margin-bottom:.32em}
  .bl-under{bottom:-14px}
  .folders.v2 .ftab{height:76px;top:-18px;font-size:9.5px;line-height:1.12;letter-spacing:0;padding:4px 10% 0;overflow:visible;justify-content:flex-start}
  .folders.v2 .ftab small{font-size:13px;white-space:nowrap}
}
#counsel-h{font-size:clamp(30px,3.7vw,50px);overflow-wrap:break-word}
.counsel2{gap:clamp(32px,5vw,64px)}
/* 21 Oct 2026 · line under the headline larger (Katia, 09:12); spacing kept as before (09:13) */
.hero .lede{font-size:clamp(22px,2.5vw,30px);line-height:1.35}
@media (max-width:620px){.hero .lede{font-size:21px}.lede .ll{white-space:normal}}
/* 21 Oct 2026 · two-line headline (entry 226) */
@media (min-width:760px){.hero h1{font-size:clamp(34px,4.4vw,64px)}}
@media (max-width:759px){.hero h1 .l2{white-space:nowrap;font-size:.78em}}
.hero h1{margin-bottom:clamp(14px,1.6vw,22px)}
@media (min-width:760px){.hero h1 .l2{margin-top:.18em}}
.hero{gap:clamp(30px,3.4vw,44px)}
header.site{gap:40px}
header.site{padding-top:clamp(48px,5vw,72px)}
/* 21 Oct 2026 · line under the headline, light emphasis (Katia, 09:39) */
.hero .lede{letter-spacing:.01em}
.hero .lede .lk{font-weight:700;color:var(--burgundy)}
/* 21 Oct 2026 · hero column fixed to the container so the block is truly centred (Katia, 09:40) */
.hero{grid-template-columns:minmax(0,100%)}
.hero h1,.hero .lede{max-width:100%}
@media (min-width:760px){.hero h1{font-size:clamp(34px,4.1vw,60px)}}
/* 21 Oct 2026 · section 01 and the numbers band fit one screen (Katia, 09:42) */
@media (min-width:760px){
  .problem{padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(24px,2.6vw,36px);margin-bottom:clamp(20px,2.4vw,32px)}
  .problem .sec-head{margin-bottom:0}
  .numbers-strip{padding-block:clamp(28px,3.4vw,44px)}
  .strip-cta{margin-top:8px}
}
@media (min-width:760px){.problem .sec-head{margin-bottom:14px}.problem{padding-bottom:16px}.numbers-strip{padding-bottom:22px}.strip-src{margin-top:6px}}
/* 21 Oct 2026 · section 01 heading centred (Katia, 09:44) */
.problem .sec-head{justify-items:start}
.problem .sec-head h2{justify-self:center;text-align:center;width:100%}
.problem .sec-head h2 .ul,.problem .sec-head h2 em{display:block;text-align:center}
.problem .sec-head h2 em.ul{display:block;width:100%;text-align:center}
/* 21 Oct 2026 · section 02 heading centred, tab stays left (Katia, 09:45) */
.how .sec-head{justify-items:start}
.how .sec-head h2{justify-self:center;text-align:center;width:100%}
.how .sec-head h2 em.ul{display:block;width:100%;text-align:center}
/* 21 Oct 2026 · section 03 heading centred in its column (Katia, 09:45) */
@media (min-width:861px){
  .counsel2{align-items:start;row-gap:18px}
  .counsel-text{display:contents}
  .counsel-text .secmark{grid-column:1/-1;justify-self:start}
  .counsel-text h2{grid-column:1/-1;text-align:center;max-width:none;justify-self:center;margin-bottom:10px}
  .counsel-text h2 em{display:block;width:100%;text-align:center}
  .counsel-text ul{grid-column:1;align-self:center}
  .routing{grid-column:2;align-self:center}
}
@media (max-width:860px){.counsel-text h2{text-align:center}.counsel-text h2 em{display:block;width:100%;text-align:center}}
/* 21 Oct 2026 · section 04: space between the heading and Book a call (Katia, 09:46) */
.call-left{display:grid;gap:clamp(28px,3.5vw,48px)}
.call-left h2{margin-bottom:0}
/* 21 Oct 2026 · the 01 tab in the sheet's corner (Katia, 09:46); more air in 04 (09:47) */
.problem .secmark{position:absolute;top:0;left:0;border-radius:2px 0 0 0;clip-path:polygon(0 0,92% 0,100% 100%,0 100%);box-shadow:none}
.problem .sec-head{padding-top:14px}
.call-left{gap:clamp(40px,5vw,64px)}
.problem .sec-head h2 em.ul{display:inline;width:auto}
/* 21 Oct 2026 · section 01: tab 'Your problems', line under the heading (entry 235) */
.problem .sec-sub{margin:-6px 0 0;text-align:center;font-size:clamp(17px,1.5vw,20px);color:var(--oxblood)}
.problem .sec-sub{justify-self:center;width:100%}
/* 21 Oct 2026 · air around the 01 heading (Katia, 10:03) */
@media (min-width:760px){.problem .sec-head{padding-top:34px;margin-bottom:34px}}
/* 21 Oct 2026 · menu mirrors the four sections (Katia, 10:07) */
@media (max-width:620px){nav.menu{flex-wrap:wrap;gap:10px 18px;justify-content:center}}
/* 21 Oct 2026 · hand-drawn "=" in the 01 heading (entry 241) */
.pen-eq{display:inline-block;width:1.05em;height:.7em;margin:0 .12em;vertical-align:-.08em;fill:none;stroke:var(--pen);stroke-width:4.2;stroke-linecap:round}
.problem .sec-head h2 .eq-r{white-space:nowrap}
.picon .pen{stroke:var(--pen);stroke-width:3}
/* 21 Oct 2026 · bigger section tabs (Katia, 10:18) */
.secmark{padding:22px 64px 22px 28px;gap:12px;min-width:260px;border-radius:14px 14px 0 0}
.picon .pen{stroke-width:2.8}
@media (min-width:760px){.problem .sec-head{padding-top:64px}}
/* 21 Oct 2026 · all four tabs the same shape (Katia, 10:22) */
.problem .secmark{border-radius:14px 14px 0 0;clip-path:polygon(0 0,92% 0,100% 100%,0 100%);top:14px;left:14px}
.call-band .secmark{border-radius:14px 14px 0 0;clip-path:polygon(0 0,92% 0,100% 100%,0 100%);margin-bottom:clamp(28px,4vw,48px)}
.call-band{padding-top:clamp(40px,5vw,64px)}
/* 21 Oct 2026 · numbers band smaller (Katia, 11:05) */
.numbers-strip .stat b{font-size:clamp(44px,5.2vw,72px)}
.numbers-strip .stat span{font-size:clamp(14px,1.15vw,16px)}
.numbers-strip .numlink{transform:scale(.85);transform-origin:center}
@media (min-width:760px){.numbers-strip{padding-block:clamp(22px,2.6vw,34px)}}
/* 21 Oct 2026 · section 01 calmer (entry 249) */
.problem .sec-head h2{font-size:clamp(28px,3.4vw,46px)}
.problem .secmark{top:-1px;left:-1px;border-radius:3px 14px 0 0}
.problem .secmark{border-radius:14px 14px 0 0}
/* 21 Oct 2026 · section 01 bullets easier to read (Katia, 11:09) */
.pcard ul{list-style:none;padding-left:0;margin:4px 0 0;display:grid;gap:14px}
.pcard li{position:relative;padding-left:22px;font-size:17px;line-height:1.45;color:var(--chocolate,#231815)}
.pcard li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;border-radius:2px;background:var(--burgundy)}
/* 21 Oct 2026 · numbers band edges aligned with the cards (entry 255) */
@media (min-width:760px){.numbers-strip .strip{max-width:986px;padding-inline:0;margin-inline:auto;width:calc(100% - 40px)}}
/* 21 Oct 2026 · figures centred under the card columns, same heights (Katia, 11:19) */
.numbers-strip .strip{column-gap:18px}
.numbers-strip .stat{align-content:start}
.numbers-strip .stat b{display:flex;align-items:baseline;justify-content:center;height:1em;line-height:1}
/* 21 Oct 2026 · numbers button: text centred on one row (Katia, 11:21) */
.numbers-strip .numlink{grid-template-rows:auto;align-items:center;transform:none;padding:12px 22px}
.numbers-strip .numlink .bars3,.numbers-strip .numlink .nl-a{grid-row:1}
.numbers-strip .numlink .nl-t{font-size:12.5px}
.numbers-strip .stat span{max-width:none;white-space:nowrap}
.numbers-strip .strip{grid-template-columns:repeat(3,minmax(0,1fr))}.numbers-strip .stat{min-width:0}
.numbers-strip .strip{justify-items:stretch}.numbers-strip .stat{width:100%;justify-items:center;text-align:center}
.numbers-strip .stat{max-width:none}
/* 21 Oct 2026 · cards soft blue on hover, no link (entry 258) */
.pcard{transition:background .2s,border-color .2s,transform .2s;cursor:default}
.pcard:hover{background:#E7F0FA;border-color:var(--powder);transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.pcard:hover{transform:none}}
/* 21 Oct 2026 · numbers as a slim ribbon (entry 259) */
.numbers-strip.ribbon{padding-block:22px 14px}
.rib{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.rib-line{margin:0;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;justify-content:center;color:var(--paper);font-size:17px}
.rib-item b{font-family:var(--grot);font-weight:800;font-size:30px;letter-spacing:-.03em;margin-right:6px;color:var(--paper)}
.rib-dot{color:var(--powder);font-size:22px}
.rib-link{color:var(--paper);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;border-bottom:2px solid var(--powder);padding-bottom:3px;white-space:nowrap}
.rib-link:hover{border-bottom-color:var(--butter)}
.numbers-strip.ribbon .strip-src{margin-top:10px;text-align:center;font-size:12px;opacity:.75;color:var(--paper)}
@media (max-width:760px){.rib-line{flex-direction:column;align-items:center;gap:6px}.rib-dot{display:none}}
@media (min-width:761px){.rib{max-width:1240px;flex-wrap:nowrap;gap:26px}.rib-line{flex-wrap:nowrap;gap:14px;font-size:16px;white-space:nowrap}.rib-item b{font-size:28px}}
.rib-item b{margin:0 4px}
@media (min-width:761px){.rib{flex-direction:column;gap:12px}}
@media (max-width:760px){.rib-item{text-align:center;line-height:1.35;font-size:16px}.rib-item b{font-size:24px}.rib-line{gap:12px}}
@media (min-width:761px){.rib{flex-direction:row;gap:28px}}.rib-item{font-size:19px}.rib-item b{font-size:32px}
.rib-item{font-size:clamp(20px,2.2vw,28px)}.rib-item b{font-size:clamp(34px,4vw,52px)}.numbers-strip.ribbon{padding-block:30px 18px}
/* 21 Oct 2026 · figures page top (Katia, 14:20) */
.stats-page .back{display:inline-block;font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--burgundy);text-decoration:none;border-bottom:2px solid var(--powder);padding-bottom:3px;margin-bottom:22px}
.stats-page .back:hover{border-bottom-color:var(--burgundy)}
.stats-page h1.fig-h{font-size:clamp(34px,4.4vw,60px);max-width:none;margin:0 0 12px}
.stats-page h1.fig-h em.ul{display:block}
.stats-page .fig-lede{margin-bottom:30px}
.stats-page .back{width:max-content;justify-self:start}
.stats-page h1.fig-h{text-align:center;margin:8px auto 34px;justify-self:center;width:100%}.stats-page h1.fig-h em.ul{margin-inline:auto;width:max-content;max-width:100%}
.note-small{font-size:13px;color:var(--muted,#6b5f58);text-align:center;margin:28px auto 0}
/* 21 Oct 2026 · card hover: butter + focus (Katia, 14:33; replaces the blue of entry 258) */
.pcard{transition:background .2s,opacity .2s,transform .2s,box-shadow .2s}
.pcard:hover{background:var(--butter);border-color:var(--line);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(56,5,19,.35)}
@media (hover:hover){.cards3:hover .pcard:not(:hover){opacity:.55}}
/* 21 Oct 2026 · About block (entry 265) */
.about{text-align:center;position:relative;padding-top:0;padding-bottom:80px}
.about>h2,.about>p{max-width:760px;margin-left:auto;margin-right:auto}
.about .secmark{display:inline-flex;justify-content:flex-start;margin:0 0 clamp(28px,4vw,48px);float:none}
.about{display:flex;flex-direction:column}.about .secmark{align-self:flex-start}
.about h2{font-family:var(--grot);font-size:clamp(26px,3.2vw,38px);color:var(--burgundy);margin:14px auto 18px;line-height:1.15}
.about-why{font-size:19px;line-height:1.5;color:var(--text);font-weight:600;margin:0 auto 18px}
.about-name{font-size:17px;line-height:1.65;color:var(--text);margin:0 auto}
.about-name em{font-style:italic}
.about h2,.about p{text-align:center;width:100%}
.about{padding-top:clamp(48px,6vw,80px)}
/* 21 Oct 2026 · every section on its own sheet, like section 01 (Katia 14:38) */
.sheet{position:relative;max-width:1100px;margin:clamp(24px,4vw,56px) auto;background:var(--paper);border:1px solid var(--line);border-radius:3px;box-shadow:0 2px 0 var(--line),0 22px 50px rgba(56,5,19,.12),0 4px 10px rgba(56,5,19,.06);padding:clamp(96px,10vw,130px) clamp(22px,4vw,56px) clamp(40px,5vw,64px)}
@media (max-width:1140px){.sheet{margin-inline:16px}}
.sheet .secmark{position:absolute;top:-1px;left:-1px;margin:0;border-radius:14px 14px 0 0;clip-path:polygon(0 0,92% 0,100% 100%,0 100%);box-shadow:none;align-self:auto}
.how{padding:clamp(40px,5vw,72px) 0}
.how .sheet .sec-head{padding-top:0}
.about.sheet{display:block;padding-bottom:clamp(48px,6vw,72px)}
#counsel.sheet{margin-top:clamp(40px,5vw,72px);margin-bottom:clamp(40px,5vw,72px)}
.how .sheet .folders{background:transparent}
.sheet,.problem{border-top-left-radius:14px}
.sheet .secmark,.counsel-text .secmark{grid-column:auto;grid-row:auto}
#counsel .secmark,#how .sheet .secmark,#about .secmark{border-radius:14px 14px 0 0}
.note-small{font-style:italic}
/* 21 Oct 2026 · figures page lead card: 42 days, 47%, 1 in 3 (question 103) */
.viz.v0{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);background:var(--butter);color:var(--text);border-radius:18px;padding:clamp(24px,3.4vw,34px);margin:0 0 18px;border:1.5px solid var(--burgundy)}
.v0 .vbig{color:var(--burgundy)}
.v0 .vbig small{font-size:.32em}
.v0 .vtext p b,.v0-stat p b{color:var(--burgundy)}
.days{position:relative;height:56px;margin-bottom:22px}
.days i{position:absolute;left:0;right:0;top:12px;height:14px;border-radius:7px;background:repeating-linear-gradient(90deg,var(--burgundy) 0 calc(100%/42 - 3px),transparent calc(100%/42 - 3px) calc(100%/42))}
.days span{position:absolute;top:34px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.days span:last-child{right:0}
.v0-side{display:flex;flex-direction:column;gap:18px;border-left:1.5px solid var(--line);padding-left:clamp(20px,3vw,40px)}
.v0-stat .vmid{font-family:var(--grot);font-weight:800;font-size:clamp(40px,5vw,60px);line-height:1;color:var(--oxblood);letter-spacing:-.03em}
.v0-stat .vmid small{font-size:.45em}
.v0-stat p{margin:6px 0 0;font-size:17px;line-height:1.4}
.v0 .vsrc{color:var(--muted)}
.v0 .vsrc a{color:var(--burgundy)}
@media (max-width:760px){.viz.v0{grid-template-columns:1fr}.v0-side{border-left:none;padding-left:0;border-top:1.5px solid var(--line);padding-top:20px}}
.v0 .vbig small{margin-left:.18em;letter-spacing:0}.v0 .vsrc{margin-top:14px}
.call-band .signline{margin-top:clamp(40px,5vw,64px)}
/* 21 Oct 2026 · figures page: 42 days, 47%, 1 in 3 as three separate cards (Katia 14:59) */
.v0-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 18px}
.v0-row .viz.v0{display:flex;flex-direction:column;grid-template-columns:none;margin:0;gap:0}
.v0-row .viz.v0 .vtext{margin-top:auto}
.v0-row .viz.v0 .vsrc{margin-top:18px}
.v0-row .vbig{font-size:clamp(56px,6vw,84px)}
.v0-row .days{margin-bottom:28px}
@media (max-width:900px){.v0-row{grid-template-columns:1fr}.v0-row .viz.v0 .vtext{margin-top:0}}
.v0-row .viz.v0 .vtext{margin-top:0}
@media (min-width:901px){.v0-row .viz.v0:not(:has(.days)) .vtext{margin-top:84px}}
/* 21 Oct 2026 · 8.6% removed (question 107 B): the remaining three facts in one row */
@media (min-width:901px){.stats-page .viz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:901px){.stats-page .viz-grid .viz{min-width:0;padding:clamp(24px,3vw,34px)}.stats-page .v4 .vbig.word{font-size:clamp(36px,3.6vw,52px);line-height:1}.stats-page .v4 .path li{min-width:0}.stats-page .v4 .vsrc{overflow-wrap:anywhere}.stats-page .viz-grid .vbig{font-size:clamp(56px,6vw,84px)}}
/* 21 Oct 2026 · figures page colours coordinated (Katia 15:01): each row and each column uses different colours; all cards same radius, padding, height per row */
.stats-page .viz{border-radius:18px;border:none}
.v0-row .viz.v0.c-powder{background:var(--powder);color:var(--oxblood)}
.v0-row .c-powder .vbig{color:var(--oxblood)}
.v0-row .c-powder .vtext p{color:var(--oxblood)}
.v0-row .c-powder .vtext p b{color:var(--burgundy)}
.v0-row .c-powder .vsrc{color:var(--oxblood);opacity:.85}
.v0-row .c-powder .vsrc a{color:var(--oxblood)}
.v0-row .c-powder .days i{background:repeating-linear-gradient(90deg,var(--burgundy) 0 calc(100%/42 - 3px),transparent calc(100%/42 - 3px) calc(100%/42))}
.v0-row .c-powder .days span{color:var(--oxblood)}
.v0-row .viz.v0.c-butter{background:var(--butter);box-shadow:inset 0 0 0 1.5px var(--burgundy)}
.v0-row .viz.v0.c-burg{background:var(--burgundy);color:var(--paper)}
.v0-row .c-burg .vbig,.v0-row .c-burg .vtext p{color:var(--paper)}
.v0-row .c-burg .vtext p b{color:var(--butter)}
.v0-row .c-burg .vsrc{color:var(--paper);opacity:.85}
.v0-row .c-burg .vsrc a{color:var(--powder)}
.stats-page .vsrc{font-size:12.5px}
.stats-page .v4 .vbig.word{color:var(--paper)}
/* 21 Oct 2026 · 67% bars: both tracks same width so "slipped" is exactly a third of "on time" */
.bar{grid-template-columns:80px minmax(0,1fr) 64px}.bar em{grid-column:3;justify-self:end}
.bar{grid-template-columns:76px minmax(0,1fr) 58px;gap:8px}
/* 21 Oct 2026 · pictures for 47% and 1 in 3 (question 108 A) */
@media (min-width:901px){.v0-row .viz.v0:not(:has(.days)) .vtext{margin-top:0}}
.cmp,.dots3{height:56px;margin-bottom:28px}
.cmp{display:grid;gap:10px;align-content:start}
.crow{display:grid;grid-template-columns:104px minmax(0,1fr) 40px;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.crow i{display:block;height:16px;border-radius:3px;background:var(--butter);justify-self:start}
.crow:last-child i{background:var(--paper);opacity:.45}
.crow b{font-size:13px;letter-spacing:0;text-align:right}
.c-burg .crow{color:var(--paper)}
.crow:first-child b{color:var(--butter)}
.dots3{display:flex;gap:14px;align-items:flex-start}
.dots3 i{width:40px;height:40px;border-radius:50%;border:2.5px solid var(--burgundy);box-sizing:border-box}
.dots3 i.on{background:var(--burgundy)}
.crow{grid-template-columns:118px minmax(0,1fr) 40px}
/* 21 Oct 2026 · figures page pictures redrawn to match each fact (Katia 15:11) */
.stats-page .pic{display:block;width:100%;height:140px;margin:0 0 26px;overflow:visible}
.pic text{font-family:var(--grot);font-weight:700;font-size:10.5px;letter-spacing:.12em;fill:currentColor}
.pic{color:var(--oxblood)}
.c-burg .pic,.v1 .pic{color:var(--paper)}
.c-butter .pic{color:var(--burgundy)}
/* calendar */
.cal .top{fill:var(--burgundy)}.cal .ring{fill:var(--oxblood)}
.cal .d{fill:var(--burgundy);opacity:.8}.cal .d.first{fill:none;stroke:var(--burgundy);stroke-width:2;opacity:1}.cal .d.last{fill:var(--oxblood);opacity:1}
.cal .tick{fill:none;stroke:var(--oxblood);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* internal approvals */
.flow path,.flow circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flow .ln{stroke-dasharray:3 5;opacity:.6}
.flow .gate circle{fill:var(--burgundy);stroke:var(--butter);stroke-width:2.4}.flow .gate path{stroke:var(--butter)}
.flow .doc path:first-child{fill:var(--paper)}.flow .doc path+path{stroke:var(--burgundy)}
.flow .brace{stroke:var(--butter)}
.flow text:first-of-type{fill:var(--butter)}
/* money */
.money2 ellipse{fill:var(--butter);stroke:var(--burgundy);stroke-width:2}
.money2 .lost ellipse{stroke-dasharray:none}
.money2 .fall{fill:var(--burgundy);opacity:.5;stroke:none}
.money2 .arrow{fill:none;stroke:var(--burgundy);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.money2 text:last-of-type{fill:var(--burgundy)}
/* pushed back */
.push path,.push rect{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.push .ln{opacity:.5}.push .tk{opacity:.5}
.push .cal1 rect{fill:transparent}.push .x{stroke:var(--butter);stroke-width:2.6}
.push .cal2 rect{fill:var(--paper)}.push .cal2 path{stroke:var(--burgundy)}
.push .arc{stroke:var(--butter);stroke-dasharray:4 5}.push .arc+.arc{stroke-dasharray:none}
/* less likely to close */
.close .won circle{fill:var(--burgundy)}.close .won path{fill:none;stroke:var(--paper);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.close .miss circle{fill:none;stroke:var(--oxblood);stroke-width:2;stroke-dasharray:4 4;opacity:.55}
/* by conduct: path centred */
.stats-page .v4 .path{margin-left:auto;margin-right:auto;width:100%;justify-content:center}
.stats-page .v4 .path li{text-align:center;align-items:center}
.stats-page .v4 .path li{justify-items:center}
.cal .tick{stroke:var(--paper);stroke-width:2.2}
.stats-page .v4 .path::before{left:16.67%;right:16.67%}
@media (max-width:900px){.stats-page .pic{height:auto;max-height:150px}}
@media (max-width:900px){.stats-page .pic{margin-bottom:6px}}
/* 21 Oct 2026 · 1 in 3 = companies, 67% = deals won out of 3 (Katia 15:25) */
.comp .b{fill:var(--butter);stroke:var(--burgundy);stroke-width:2.2}
.comp .wd{fill:var(--burgundy);opacity:.75}
.comp .door{fill:none;stroke:var(--burgundy);stroke-width:2}
.comp .hit .b{stroke-dasharray:5 4;fill:transparent}.comp .hit .wd{opacity:.22}
.comp .drop circle{fill:var(--burgundy)}.comp .drop path{fill:none;stroke:var(--butter);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.comp .ground{stroke:var(--burgundy);stroke-width:2;opacity:.4}
.close .n{font-size:12px}
.close .cap{opacity:.6;font-size:9.5px}
.close .won circle{fill:var(--burgundy)}
/* 1 in 3 picture v2: trend arrows above each company (Katia 15:28) */
.comp .hit .b{stroke-dasharray:none;fill:var(--butter)}.comp .hit .wd{opacity:.75}
.comp .up path{fill:none;stroke:var(--burgundy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.35}
.comp .down path{fill:none;stroke:var(--burgundy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.comp text{font-size:10px}

/* 22 Oct 2026 · About block easier to read (Katia 09:00–09:01, entry 296) */
.about>p.about-why{max-width:68ch!important;font-size:clamp(19px,1.9vw,23px);line-height:1.4;text-wrap:balance;margin:0 auto 28px}
.about>p.about-why::after{content:"";display:block;width:56px;height:2px;background:var(--burgundy);opacity:.35;margin:24px auto 0}
.about>p.about-name{max-width:40em!important;font-size:17px;line-height:1.6;margin:0 auto 14px;text-wrap:balance}
.about>p.about-compass{font-family:var(--grot);font-weight:600;color:var(--burgundy);font-size:19px;margin:6px auto 14px}
@media (max-width:640px){.about br.d{display:none}}
/* 22 Oct 2026 · About heading higher (Katia 09:03, entry 298) */
#about .secmark{margin-bottom:8px}
#about h2{margin-top:0}
#about.about{padding-top:clamp(36px,4.4vw,60px)}
#about h2{margin-bottom:26px}
@media (max-width:640px){#about.about{padding-top:84px}}
/* 22 Oct 2026 · About content a bit lower (Katia 09:06, entry 300) */
#about.about{padding-top:clamp(64px,7vw,104px)}
@media (max-width:640px){#about.about{padding-top:96px}}
/* 22 Oct 2026 · About bottom space matches the top (Katia 09:09, entry 302) */
#about.about{padding-bottom:clamp(40px,4.4vw,64px)}
#about>p:last-of-type{margin-bottom:0}
/* 22 Oct 2026 · section 04 heading smaller, heading and button centred (Katia 09:13, entry 304) */
.call-band h2{font-size:clamp(36px,4.6vw,58px);text-align:center;justify-self:center}
.call-band .call-left{justify-items:center;text-align:center}
.call-band .signline{justify-self:center}

/* 22 Oct 2026 · section 03 merged into 02 (entries 308–309) */
.lawyer-block{max-width:760px;margin:clamp(40px,5vw,64px) auto clamp(28px,3.5vw,44px);text-align:center;padding-top:clamp(28px,3.5vw,40px);border-top:1px solid var(--line)}
.lb-head{font-family:var(--grot);color:var(--burgundy);font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin:0 auto 18px;text-transform:uppercase}
.lb-head em{font-style:italic;text-transform:none}
.lb-line{font-size:18px;line-height:1.6;max-width:60ch;margin:0 auto 12px;text-wrap:balance}

/* 22 Oct 2026 · Book a call sub-line (entry 310) */
.call-band .call-sub{color:var(--paper);font-size:clamp(17px,1.6vw,20px);line-height:1.5;max-width:46ch;margin:-4px auto 6px;text-align:center;text-wrap:balance;opacity:.92}
/* 22 Oct 2026 · Book a call line on one line on computers (entry 313) */
@media (min-width:761px){.call-band .call-sub{max-width:none;white-space:nowrap}}
/* entry 321: less burgundy above the ribbon line and above the Book a call label */
.numbers-strip.ribbon{padding-top:18px}
@media (max-width:760px){.numbers-strip.ribbon{padding-top:22px}}
.call-band{padding-top:clamp(24px,3vw,38px)}
/* entry 324: figures-page source lines smaller and paler */
.stats-page .vsrc{font-size:11px;opacity:.75;line-height:1.45}
.stats-page .v0-row .c-powder .vsrc,.stats-page .v0-row .c-burg .vsrc{opacity:.75}
/* entry 325: Book a call as a folder sheet, like About (burgundy sheet, powder tab, on the cream page) */
.call-band{background:transparent;padding-block:clamp(24px,3vw,38px) clamp(40px,5vw,64px)}
.call-band .call-card.solo{position:relative;max-width:1100px;margin:0 auto;background:var(--burgundy);border:1px solid rgba(56,5,19,.35);border-radius:3px;box-shadow:0 2px 0 var(--line),0 22px 50px rgba(56,5,19,.18),0 4px 10px rgba(56,5,19,.08);padding:clamp(96px,10vw,130px) clamp(22px,4vw,56px) clamp(40px,5vw,64px)}
@media (max-width:1140px){.call-band .call-card.solo{margin-inline:16px}}
.call-band .call-left{position:static}
.call-band .secmark{position:absolute;top:-1px;left:-1px;margin:0;border-radius:14px 14px 0 0;clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}
/* entry 320 follow-up: room for section 01's paperclip under the ribbon */
.numbers-strip.ribbon + .problem{margin-top:clamp(56px,6vw,72px)}
/* entry 326: figures page, fact centred, source pinned at the very bottom of each card, set apart by a fine line */
.stats-page .viz{display:flex;flex-direction:column}
.stats-page .viz > .vtext{margin-block:auto;padding-block:clamp(20px,2.5vw,32px)}
.stats-page .viz > .vsrc{margin-top:0;padding-top:14px;border-top:1px solid currentColor;border-top-color:color-mix(in srgb,currentColor 30%,transparent)}
/* entry 327: burgundy sheet on the burgundy band (colour on colour, like About cream on cream) */
.call-band{background:var(--burgundy);padding-block:clamp(40px,5vw,64px)}
.call-band .call-card.solo{background:var(--burgundy);border:1px solid rgba(255,248,230,.16);box-shadow:0 2px 0 rgba(30,0,6,.35),0 26px 56px rgba(20,0,4,.45),0 4px 12px rgba(20,0,4,.30)}
/* entry 328: tab corner fix on the Book a call sheet (no light edge line around the tab) */
.call-band .call-card.solo{border-color:transparent}
.call-band .secmark{top:-1px;left:-1px}

/* privacy page layout (entry 344, 23 Oct 2026) */
.page.legal{display:block;max-width:720px}
.page.legal .eyebrow{display:flex}
.page.legal h1{font-size:clamp(34px,4.6vw,52px);max-width:none;line-height:1.05;margin:16px 0 18px}
.page.legal .lede{max-width:60ch;margin:0}
.page.legal h2{font-size:clamp(18px,1.9vw,21px);line-height:1.2;margin:36px 0 10px;padding-top:20px;border-top:1px solid var(--line)}
.page.legal p{margin:0 0 10px}
.page.legal ul{margin:0 0 10px;padding-left:1.15em}
.page.legal li{margin:0 0 6px}
.page.legal li::marker{color:var(--burgundy)}

/* ribbon key words in bold (entry 387, 23 Oct 2026) */
.rib-item strong.kw{font-weight:700;color:var(--butter)}

/* 28 Oct 2026 · phones: section 01 heading clears its tab (mobile test, Strategist) */
@media (max-width:759px){.problem .sec-head{padding-top:60px}}

/* 28 Oct 2026 · Book a call line, visual (Katia, 08:34): two journeys, hand-drawn arrows */
.call-sub.cs-v2{white-space:normal;max-width:none;display:grid;justify-items:center;gap:14px;margin:6px auto 18px;opacity:1}
.cs-lead{font-size:clamp(18px,1.7vw,21px);color:var(--paper)}
.cs-fast{font-family:var(--hand);font-style:normal;font-weight:700;font-size:1.55em;color:var(--butter);display:inline-block;transform:rotate(-3deg);margin-left:.15em;line-height:1;background:linear-gradient(transparent 78%,rgba(183,209,234,.55) 78% 92%,transparent 92%)}
.flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.flow-row{display:flex;align-items:center;gap:10px}
.flow-lbl{font-size:clamp(16px,1.5vw,19px);color:var(--paper);opacity:.9;margin-right:4px}
.chip{display:inline-block;padding:7px 16px;border:1.5px solid rgba(255,250,232,.75);border-radius:999px;font-weight:700;font-size:clamp(15px,1.4vw,18px);color:var(--paper);letter-spacing:.01em;white-space:nowrap}
.chip.end{background:var(--butter);border-color:var(--butter);color:var(--burgundy)}
.fl-arrow{width:72px;height:22px;flex:none;overflow:visible}
.fl-arrow path{fill:none;stroke:var(--stroke);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fl-shaft{stroke-dasharray:100;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
 .call-band:not(.in) .fl-shaft{stroke-dashoffset:100}
 .call-band:not(.in) .fl-head{opacity:0}
 .fl-shaft{transition:stroke-dashoffset 1s ease .3s}
 .fl-head{transition:opacity .3s ease 1.2s}
}
@media (max-width:560px){.flow{flex-direction:column;gap:8px}.flow-lbl{margin:0}.fl-arrow{width:56px}.chip{padding:6px 13px}}
.flows{display:flex;flex-direction:column;align-items:center;gap:14px}
@media (min-width:900px){.flows{flex-direction:row;flex-wrap:nowrap;gap:12px}.flows .flow{flex-wrap:nowrap}}
/* 28 Oct 2026 · lighter: words, not buttons (Katia, 08:40) */
.cs-v2 .chip{border:none;padding:0;background:none;font-weight:600;color:var(--paper)}
.cs-v2 .chip.end{background:none;color:var(--butter);font-weight:700}
.cs-v2 .flow-lbl{opacity:.75}
/* 28 Oct 2026 · step 1 drawing labelled "today" (Katia, 08:43) */
.f1 .fart{position:relative}
.hand-today{display:block;font-family:var(--hand);font-weight:700;font-size:26px;color:var(--burgundy);transform:rotate(-4deg);margin:0 0 6px 4px;line-height:1}
/* 28 Oct 2026 · step 1: the bottlenecks circled, as found by the assessment (proposal) */
.f1 .map .wait{position:relative}
.f1 .map .wait::after{content:"";position:absolute;inset:-5px -10px;border:2px solid #C0392B;border-radius:50% 46% 52% 48%;transform:rotate(-5deg);pointer-events:none}
.f1 .fart .map+.map{margin-top:14px}
/* 28 Oct 2026 · step 3 drawing: check column (Katia, 09:28) */
.f3 .win .wline{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:10px}
.f3 .win .whead span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-weight:700}
.f3 .win .whead span:last-child{text-align:right}
.wchk{font-style:normal;font-size:13px;font-weight:700;white-space:nowrap}
.wchk.ok{color:#2E6B4F}.wchk.flag{color:#B3261E}
@media (max-width:560px){.f3 .win .wline{grid-template-columns:1fr auto;}.f3 .win .wchk{grid-column:1;grid-row:2}.f3 .win .whead span:nth-child(2){display:none}}
.f3 .win .wline{grid-template-columns:1fr auto}
.f3 .win .wchk{font-size:15px;margin-right:4px}
.wlegend{display:flex;gap:16px;justify-content:flex-end;padding:8px 14px;font-size:12px;opacity:.75;border-top:1px solid rgba(56,5,19,.12)}
@media (max-width:560px){.f3 .win .wchk{grid-column:auto;grid-row:auto}}
.f3 .wlegend span{font-size:12px!important;color:#380513!important;display:inline-flex;gap:4px;align-items:center;opacity:1;visibility:visible}
/* 28 Oct 2026 · one visual for the result (Katia, 09:31, question 35) */
.hand-below{display:block;font-family:var(--hand);font-weight:700;font-size:30px;color:var(--butter);transform:rotate(-4deg);text-align:center;margin-top:40px}
.table-card .wchk{font-style:normal;font-weight:700;margin-right:4px}
.tc-key{display:flex;gap:18px;margin-top:8px;font-size:13px}
.tc-key span{display:inline-flex;gap:4px;align-items:center}
/* folder 3 holds the result table (proposal, question 37) */
.f3 .fart-table{display:flex;align-items:center;justify-content:center}
.f3 .table-card{margin:0;width:100%;max-width:440px;font-size:14px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.f3 .table-card .tc-row{padding:9px 16px}
.f3 .table-card .tc-head{padding:12px 16px}
.f3 .table-card .lane{font-size:12px;padding:4px 10px}
.f3 .table-card figcaption{padding:10px 16px;font-size:12.5px}
@media (min-width:761px){.folders.v2{height:545px}}
@media (max-width:760px){.folders.v2{height:930px}}
@media (min-width:761px) and (max-width:900px){.folders.v2{height:640px}}
.f3 .table-card,.f3 .table-card span,.f3 .table-card b,.f3 .table-card figcaption{color:#380513!important;font-size:14px;line-height:1.35}
.f3 .table-card .tc-title{font-size:13px}
.f3 .table-card .tc-ex,.f3 .table-card .tc-cols span{font-size:11px;opacity:.7}
.f3 .table-card .wchk.ok{color:#2E6B4F!important}.f3 .table-card .wchk.flag{color:#B3261E!important}
.f3 .table-card .lane{font-size:12px!important;line-height:1.2}
.f3 .table-card .lane.l-law{color:#7D0C11!important}
.f3 .table-card .tc-row{min-height:0}
.f3 .tc-key span{font-size:12px!important}
@media (max-width:760px){.folders.v2{height:830px}}
/* 28 Oct 2026 · steps 1–2 same text size as 3–4 (Katia, 09:35) */
@media (min-width:900px){.folders.v2 .f1 .ftext p,.folders.v2 .f2 .ftext p{font-size:22px}}
/* 28 Oct 2026 · table title removed, "example" handwritten outside (Katia, 09:36) */
.hand-ex{display:block;font-family:var(--hand);font-weight:700;font-size:24px;transform:rotate(-4deg);margin:0 0 4px 6px;color:var(--burgundy)}
.f3 .hand-ex{color:var(--butter)}
.f3 .fart-table{flex-direction:column;align-items:stretch}
/* 28 Oct 2026 · three-column example table (entry 645) */
.f3 .table-card .tc-row.tc3{display:grid;grid-template-columns:1.15fr 1fr auto;gap:10px;align-items:center}
.f3 .table-card .tc3 .lane{white-space:nowrap}
.f3 .table-card .tc-cols.tc3 span{font-size:11px!important;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.f3 .table-card .tc-cols.tc3 span:last-child{text-align:right}
@media (max-width:560px){.f3 .table-card .tc-row.tc3{grid-template-columns:1fr 1fr}.f3 .table-card .tc3 .lane{grid-column:1/-1;justify-self:start}.f3 .table-card .tc-cols.tc3 span:last-child{display:none}}
.f3 .table-card{max-width:560px}
.f3 .table-card .tc3 .lane{font-style:normal;font-size:11.5px!important;padding:4px 9px}
@media (min-width:561px){.f3 .table-card .tc-row.tc3{grid-template-columns:1.2fr .9fr auto}.f3 .table-card .tc3 > span{white-space:nowrap}}
@media (min-width:761px){.folders.v2 .fbody{grid-template-columns:1fr 1.15fr}}
/* 28 Oct 2026 · steps 1–2 highlights in burgundy, not black (Katia, 09:44) */
.folders.v2 .f1 .ftext b,.folders.v2 .f2 .ftext b{color:var(--burgundy)}
/* 28 Oct 2026 · table columns aligned across rows (Katia, 09:46) */
@media (min-width:561px){.f3 .table-card .tc-row.tc3{grid-template-columns:37% 25% 1fr}.f3 .table-card .tc3 .lane{justify-self:end}.f3 .table-card .tc-cols.tc3 span:last-child{text-align:right}}
@media (min-width:561px){.f3 .table-card .tc-row.tc3{grid-template-columns:31% 22% 1fr;gap:8px}.f3 .table-card .tc3 .lane{justify-self:start;font-size:11px!important;padding:3px 8px}.f3 .table-card .tc-cols.tc3 span:last-child{text-align:left}}
@media (min-width:561px) and (max-width:1000px){.f3 .table-card .tc-row.tc3{grid-template-columns:30% 20% 1fr}.f3 .table-card .tc3 .lane{font-size:10.5px!important;padding:3px 7px}}
.f3 .table-card .tc3 > span:first-child{white-space:normal!important}
.f3 .table-card .cl-no{font-style:normal;font-size:12px!important;opacity:.6;margin-right:2px;white-space:nowrap}
@media (min-width:561px) and (max-width:860px){.f3 .table-card .tc-row.tc3{grid-template-columns:31% 18% 1fr;gap:6px}.f3 .table-card .tc3 .lane{font-size:10px!important;padding:3px 6px}}
@media (min-width:561px) and (max-width:860px){.f3 .table-card .tc3 .lane{white-space:normal!important;line-height:1.25}}
.f3 .table-card .cl-no{display:block;margin:0 0 2px}
.f3 .table-card .cl-no{display:inline;margin:0 3px 0 0}.f3 .table-card .tc3 > span:first-child{white-space:nowrap!important}.f3 .table-card .tc3 > span:nth-child(2){align-self:end}.f3 .table-card .tc3 .lane{align-self:center}
/* one line per clause, number small grey (question 44 B) */
.f3 .table-card .cl-no{display:inline!important;font-size:11px!important;opacity:.55}
.f3 .table-card .tc3 > span:first-child{white-space:nowrap!important}
.f3 .table-card .tc3 > span:nth-child(2){align-self:center!important;white-space:nowrap}
@media (min-width:561px){.f3 .table-card .tc-row.tc3{grid-template-columns:44% 20% 1fr}}
@media (min-width:561px) and (max-width:1000px){.f3 .table-card .tc-row.tc3{grid-template-columns:43% 19% 1fr}}
.f3 .table-card .tc-row.tc3 em.lane{white-space:normal!important;line-height:1.2;max-width:100%}
@media (min-width:1001px){.folders.v2{max-width:1040px}.folders.v2 .fbody{grid-template-columns:1fr 1.4fr}.f3 .table-card{max-width:640px}.f3 .table-card .tc-row.tc3{grid-template-columns:40% 21% 1fr}.f3 .table-card .tc-row.tc3 em.lane{white-space:nowrap!important}}
.f3 .table-card .cl-no{display:inline-block!important;width:26px;text-align:right;margin-right:8px!important}
.f3 .table-card .term{display:inline-block;padding-left:34px}.f3 .table-card .tc3 > span:nth-child(2){align-self:end!important}
.f3 .table-card .term{padding-left:38px}
.f3 .table-card .tc3 > span:nth-child(2){align-self:center!important}
.f3 .table-card .tc3 > span:nth-child(2){text-align:center!important;justify-self:center}
/* table fits its card at every desktop width: clause column flexes, rule and result take their own width (28 Oct, layout fix) */
@media (min-width:561px){.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) max-content max-content!important;column-gap:18px}.f3 .table-card .tc3 > span:nth-child(2){min-width:5.5em}}
@media (min-width:561px){.f3 .table-card .tc-cols.tc3 span:nth-child(2){justify-self:center!important;text-align:center!important}.f3 .table-card .tc-cols.tc3 span:last-child{justify-self:start!important;text-align:left!important}.f3 .table-card .tc3 em.lane{justify-self:start!important}}
/* same column widths in every row so the three columns line up */
@media (min-width:561px){.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) 100px 186px!important;column-gap:16px}}
@media (min-width:761px) and (max-width:1000px){.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) 78px 112px!important;column-gap:10px}.f3 .table-card .tc3 em.lane{white-space:normal!important}}
/* 761–1100 px: folder 3 gives the table more room (text column narrower) */
@media (min-width:761px) and (max-width:1100px){.folders.v2 .f3 .fbody{grid-template-columns:.8fr 2fr!important}.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) 84px 158px!important;column-gap:10px}.f3 .table-card .tc3 em.lane{white-space:nowrap!important;font-size:10px!important;padding:3px 7px}.f3 .table-card .term{padding-left:34px}}
@media (min-width:761px) and (max-width:1100px){.f3 .table-card .tc-row.tc3 em.lane{white-space:nowrap!important}.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) 84px 166px!important}}
@media (min-width:761px) and (max-width:860px){.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) 76px 156px!important;column-gap:8px}.f3 .table-card .term{padding-left:34px}.f3 .table-card .cl-no{width:20px!important;margin-right:4px!important}.f3 .table-card .tc3 em.lane{font-size:9.5px!important;padding:3px 6px}}
@media (min-width:561px) and (max-width:680px){.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) 84px 166px!important;column-gap:10px}.f3 .table-card .tc-row.tc3 em.lane{white-space:nowrap!important;font-size:10px!important;padding:3px 7px}}
@media (min-width:561px) and (max-width:600px){.f3 .table-card .tc-row.tc3{grid-template-columns:minmax(0,1fr) 76px 156px!important;column-gap:8px}.f3 .table-card .cl-no{width:20px!important;margin-right:4px!important}.f3 .table-card .tc-row.tc3 em.lane{font-size:9.5px!important;padding:3px 6px}}
.how #how-h em.ul .uline{stroke:var(--burgundy)!important;bottom:-10px}
.fhint.fhint-top{text-align:right;margin:0 4% 6px 0}
.how #how-h em.ul{display:inline-block!important;width:auto!important}
.how #how-h em.ul{display:table!important;margin-left:auto;margin-right:auto}
/* 'Your rule' centred between the clause and the result: clause column fixed, rule column takes the middle space (Katia 10:19) */
@media (min-width:561px){.f3 .table-card .tc-row.tc3{grid-template-columns:170px minmax(0,1fr) 186px!important}}
@media (min-width:561px) and (max-width:680px){.f3 .table-card .tc-row.tc3{grid-template-columns:150px minmax(0,1fr) 166px!important}}
@media (min-width:561px) and (max-width:600px){.f3 .table-card .tc-row.tc3{grid-template-columns:136px minmax(0,1fr) 156px!important}}
@media (min-width:761px) and (max-width:1100px){.f3 .table-card .tc-row.tc3{grid-template-columns:150px minmax(0,1fr) 166px!important}}
@media (min-width:761px) and (max-width:860px){.f3 .table-card .tc-row.tc3{grid-template-columns:136px minmax(0,1fr) 156px!important}}
@media (min-width:1101px){.f3 .table-card .tc-row.tc3{grid-template-columns:150px minmax(0,1fr) 186px!important;column-gap:10px}}
@media (min-width:761px) and (max-width:800px){.f3 .table-card .tc-row.tc3{grid-template-columns:128px minmax(0,1fr) 150px!important;column-gap:6px}.f3 .table-card .tc-row.tc3 em.lane{font-size:9px!important;padding:3px 5px}}
/* step 4 drawing: three roles (question 50, preview) */
.people.roles{gap:16px;align-items:flex-start}
.roles .role{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px}
.roles .role i{margin-bottom:4px}
.roles .role b{font-size:12px;font-weight:700;color:var(--paper);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.roles .role small{font-family:var(--hand);font-size:19px;color:var(--butter);line-height:1}
@media (max-width:560px){.people.roles{gap:8px}.roles .role{min-width:0}.roles .role b{font-size:10.5px;letter-spacing:.02em}}
@media (max-width:370px){.people.roles{gap:4px}.roles .role b{font-size:9.5px;letter-spacing:0}.roles .role small{font-size:16px}}
.f4 .people.roles{gap:22px}
.f4 .people.roles .role i{transform:scale(1.25);margin-bottom:12px}
@media (min-width:761px){.f4 .fart{align-self:center}.f4 .roles .role b{font-size:13px}}
.f4 .train{gap:22px}
.f4 .people.roles .role i{height:46px!important}.f4 .people.roles{align-items:flex-start}
/* step 4: what the training covers, shown as the session screen (question 50, preview) */
.f4 .train{max-width:330px}
.f4 .screen{width:100%;background:var(--paper);border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.3);overflow:hidden;position:relative}
.f4 .screen::after{content:"";position:absolute;left:50%;bottom:-14px;width:2px;height:14px;background:var(--powder)}
.f4 .scr-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:var(--burgundy);color:var(--paper);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.f4 .scr-bar i{width:7px;height:7px;border-radius:50%;background:var(--paper);opacity:.55}
.f4 .scr-bar span{margin-left:6px}
.f4 .scr-list{list-style:none;margin:0;padding:12px 14px 14px;display:grid;gap:9px}
.f4 .scr-list li{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--oxblood)}
.f4 .scr-list li b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--butter);color:var(--oxblood);font-size:11px;flex:0 0 auto}
.f4 .scr-list .mini{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;font-size:11px;margin-left:-3px}
.f4 .scr-list .mini.ok{background:var(--powder);color:#2f5d3a;margin-left:2px}
.f4 .scr-list .mini.flag{background:var(--butter);color:#b0302a}
.f4 .people.roles{margin-top:6px}
@media (max-width:380px){.f4 .scr-list li{font-size:12px}.f4 .scr-bar{font-size:10px}}
/* step 4: the training as a video call, one tile per team (question 50, preview) */
.f4 .screen.call::after{display:none}
.f4 .scr-bar .live{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.06em;color:var(--butter)}
.f4 .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}
.f4 .tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;background:var(--oxblood);border-radius:8px;padding:16px 4px 10px;min-height:96px}
.f4 .tile i{display:block;position:relative;width:34px;height:46px}
.f4 .tile i::before{content:"";position:absolute;top:0;left:9px;width:16px;height:16px;border-radius:50%;background:var(--powder)}
.f4 .tile i.p2::before{background:var(--butter)}
.f4 .tile i::after{content:"";position:absolute;bottom:0;left:0;width:34px;height:24px;border-radius:17px 17px 3px 3px;background:var(--paper)}
.f4 .tile b{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--paper);white-space:nowrap}
@media (max-width:380px){.f4 .tile b{font-size:9px;letter-spacing:0}.f4 .tiles{gap:5px;padding:7px}}
.f4 .train{justify-items:stretch;max-width:360px;width:100%}
.f4 .screen.call{justify-self:stretch;display:block}
.f4 .screen.call .scr-bar{width:auto;box-sizing:border-box;justify-content:flex-start}
.f4 .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.f4 .tile b{white-space:normal;text-align:center;line-height:1.2}
.call-sub.plain{max-width:34em;margin-left:auto;margin-right:auto;text-align:center;line-height:1.5}
.call-band .call-sub.plain{display:block!important;margin:28px auto 0!important;padding:0!important;max-width:30em!important;text-align:center!important;font-size:19px}
.call-band .call-sub.plain{transform:none!important;position:static!important;left:auto!important;width:auto!important;font-size:19px!important}
.call-band .call-sub.plain{white-space:normal!important}
/* counsel block as three columns, wording unchanged (preview) */
.lawyer-block.trust3{max-width:1000px;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px);text-align:left}
.trust3 .tcol{padding-top:4px}
.trust3 .ticon{width:34px;height:34px;fill:none;stroke:var(--burgundy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.trust3 .tlead{font-family:var(--grot);font-size:17px;line-height:1.3;color:var(--burgundy);margin:0 0 6px;text-transform:none;font-weight:700}
.trust3 p{font-size:16px;line-height:1.55;margin:0;color:var(--ink,#2a1414)}
@media (max-width:760px){.lawyer-block.trust3{grid-template-columns:1fr;gap:22px}.trust3 .tcol{display:grid;grid-template-columns:40px 1fr;column-gap:12px}.trust3 .ticon{grid-row:1/3;margin:0}}
@media (min-width:761px){.trust3 .ticon{width:42px;height:42px}.trust3 .tlead{font-size:18px}}
/* counsel block v2: three cards, icon in a disc */
.lawyer-block.trust3{border-top:none;padding-top:0;gap:18px;max-width:1040px}
.trust3 .tcol{background:#fff8e6;border:1px solid var(--line);border-radius:14px;padding:22px 22px 24px;box-shadow:0 6px 18px rgba(90,20,20,.06)}
.trust3 .ticon{width:46px!important;height:46px!important;padding:10px;border-radius:50%;background:var(--burgundy);stroke:var(--paper);stroke-width:2;box-sizing:border-box;margin-bottom:14px}
.trust3 .tlead{font-size:16.5px!important;line-height:1.35;margin-bottom:8px;text-wrap:balance}
.trust3 p{font-size:15px;line-height:1.55;color:#4a2626}
@media (max-width:760px){.trust3 .tcol{padding:16px 16px 18px;grid-template-columns:46px 1fr;column-gap:14px}.trust3 .ticon{margin:0}}
@media (min-width:761px){.lawyer-block.trust3{text-align:center}.trust3 .tcol{display:flex;flex-direction:column;align-items:center}.trust3 .ticon{margin-left:auto;margin-right:auto}}
/* counsel cards in the same style as the problem cards (question 59, preview) */
.trust3 .tcol{background:transparent!important;border:1px solid rgb(183,209,234)!important;border-top:none!important;border-radius:6px!important;box-shadow:none!important;position:relative;padding:30px 22px 24px!important}
.trust3 .tcol::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--burgundy);border-radius:6px 6px 0 0}
.trust3 .ticon{background:none!important;stroke:var(--burgundy)!important;padding:0!important;width:44px!important;height:44px!important;stroke-width:1.8!important}
.trust3 .tlead{text-transform:uppercase;letter-spacing:.02em}
/* counsel icons two-tone like the problem icons (burgundy line, powder accent) */
.trust3 .ticon .acc{stroke:var(--powder)!important;stroke-width:2.6}
.trust3 .ticon .accf{fill:var(--powder);stroke:none!important}
.trust3 .ticon{stroke-width:2!important}
/* counsel cards: same hover as the problem cards */
.trust3 .tcol{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.trust3 .tcol::before{transition:height .25s ease}
.trust3 .tcol:hover{background:var(--butter)!important;transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(56,5,19,.35)!important}
.trust3 .tcol:hover::before{height:9px}
@media (prefers-reduced-motion:reduce){.trust3 .tcol:hover{transform:none}}
/* counsel icons v2: drawn like the problem icons (48 grid, powder fills) */
.trust3 .ticon{width:48px!important;height:48px!important;stroke-width:2!important}
.trust3 .ticon .accf{fill:var(--powder);stroke:none!important}
.trust3 .ticon .tick{stroke:var(--burgundy)!important;stroke-width:2.4}
/* green tick passes WCAG AA on the powder label (question 65) */
.f3 .table-card .wchk.ok,.wchk.ok{color:#235A41!important}
/* "example" on the right of the table card (question 68, preview) */
.f3 .hand-ex{align-self:flex-end;text-align:right;margin:0 10px 4px 0!important;transform:rotate(4deg)!important}
/* ===== type scale (question 67 B, 28 Oct 11:13): hero 52 · section headings 44 · titles 20–24 · main text 18–19 · card text 15–16 · floor 12 ===== */
#problem,#how-h,#call-h,#about-h{font-size:clamp(28px,3.6vw,44px)!important;line-height:1.08}
#how-h em,#call-h em,#problem .eq-r{font-size:1em!important}
.folders.v2 .ftext h3{font-size:clamp(20px,2vw,24px)!important}
.folders.v2 .ftext p{font-size:clamp(17px,1.5vw,19px)!important}
.about .about-why,.about .about-name{font-size:clamp(17px,1.5vw,19px)!important}
.pcard ul{font-size:16px!important}
.pcard h3{font-size:18px!important}
.trust3 .tlead{font-size:18px!important}
.trust3 p{font-size:15.5px!important}
.f3 .table-card .tc-cols.tc3 span{font-size:12px!important}
.f4 .scr-bar,.f4 .scr-bar .live{font-size:12px!important}
.f4 .tile b{font-size:12px!important}
@media (max-width:560px){.ftab{font-size:12px!important}.f4 .tile b{font-size:11px!important;letter-spacing:0}}
@media (min-width:1101px){.f3 .table-card .tc-row.tc3{grid-template-columns:150px minmax(0,1fr) 200px!important}.f3 .table-card .tc-row.tc3 em.lane{font-size:12px!important}}
.f3 .table-card .cl-no{font-size:12px!important}
/* calmer scale (question 70, preview): hero 44 · section headings 36 · titles 20 · lede 24 */
.hero h1{font-size:clamp(30px,3.6vw,44px)!important}
.hero h1 em,.hero h1 .l2{font-size:1em!important}
.hero .lede,.hero .lede .ll,.hero .lede b{font-size:clamp(18px,1.8vw,24px)!important}
.numbers-strip .rib-line,.numbers-strip .rib-item{font-size:clamp(18px,1.8vw,22px)!important}
.numbers-strip .rib-item b{font-size:clamp(26px,2.8vw,36px)!important}
#problem,#how-h,#call-h,#about-h{font-size:clamp(26px,2.9vw,36px)!important}
.folders.v2 .ftext h3{font-size:clamp(18px,1.6vw,20px)!important}
.folders.v2 .fnum{font-size:34px!important}
@media (max-width:560px){.hero h1{font-size:32px!important}.hero h1 .bl-tick{right:-4px}.hero{overflow-x:clip}}
/* titles a little bigger (Katia 11:20): hero 48 · section headings 40 · folder titles 22 */
.hero h1{font-size:clamp(30px,3.9vw,48px)!important}
#problem,#how-h,#call-h,#about-h{font-size:clamp(27px,3.2vw,40px)!important}
.folders.v2 .ftext h3{font-size:clamp(19px,1.8vw,22px)!important}
.numbers-strip .rib-item b{font-size:clamp(28px,3.1vw,40px)!important}
@media (max-width:560px){.hero h1{font-size:34px!important}}
/* 28 Oct 15:20 · step 4 drawing centred in its folder on narrow screens; figures aligned (Katia 15:18) */
.f4 .tile{justify-content:flex-start}
.f4 .tile b{min-height:2.4em;display:flex;align-items:flex-start;justify-content:center}
@media (max-width:760px){.folders.v2 .f4 .fbody{align-content:stretch;grid-template-rows:auto 1fr}.f4 .fart{justify-items:center;align-self:center}}
@media (min-width:761px){.folders.v2 .f4 .fbody{grid-template-rows:1fr;align-content:stretch}.f4 .fart{align-self:center}}
/* 28 Oct 15:21 · 'tap a tab ↓' on the left, above the first tab (entry 689, Q75 A) */
.fhint.fhint-top{text-align:left;margin:0 0 6px 4%}
/* 28 Oct 15:26 · 'tap a tab' a little lower, nearer the tabs (entry 692) */
.fhint.fhint-top{position:relative;top:24px}
/* 28 Oct 15:32 · phone layout fixes (entry 693): hero line fits, tabs uncut, step 1 lines on one row, stamp under the list, drawings centred, folders shorter */
@media (max-width:560px){
 h1 .l2 em.bl{font-size:min(34px, calc((100vw - 44px) / 11.8))!important}
 h1 .bl-tick{display:none}
 .folders.v2 .ftab{letter-spacing:0!important;padding:4px 5px 0 1px!important;font-stretch:84%;text-align:center}
 .f1 .map{flex-wrap:nowrap;gap:3px;justify-content:center}
 .f1 .map i{width:10px!important;min-width:10px;flex:0 0 10px}
 .f1 .map span{white-space:nowrap;padding-left:9px!important;padding-right:9px!important;letter-spacing:.03em!important}
 .f1 .map .wait{white-space:normal!important;max-width:92px;text-align:center;line-height:1.05;padding-left:8px!important;padding-right:8px!important}
 .f2 .fart{display:grid;justify-items:center;gap:22px}
 .f2 .stamp{position:relative;right:auto;bottom:auto;justify-self:center}
}
@media (max-width:760px){
 .folders.v2{height:770px!important}
 .folders.v2 .fbody{align-content:stretch;grid-template-rows:auto 1fr}
 .folders.v2 .fart{justify-items:center;align-self:center}
 .tc-row .lane{justify-self:center!important;margin-left:auto!important;margin-right:auto!important}
}
/* 28 Oct 15:40 · phones: tab words centred in the visible tab; result labels centred (entry 694); the card nearest the middle of the screen takes the desktop hover look (entry 695) */
.pcard.tap{background:var(--butter);border-color:var(--line);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(56,5,19,.35)}
.problem .pcard.tap::before{height:9px}
.problem .pcard.tap li b{background:linear-gradient(transparent 62%,rgba(183,209,234,.7) 62%);transition:background .3s}
.trust3 .tcol.tap{background:var(--butter)!important;transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(56,5,19,.35)!important}
.trust3 .tcol.tap::before{height:9px}
@media (prefers-reduced-motion:reduce){.pcard.tap,.trust3 .tcol.tap{transform:none}}
/* 28 Oct 15:44 · phones (entry 696): tick back after the hero line, '=' between the two lines of the heading, tab words centred in the visible tab, steps 1–2 drawings higher */
@media (max-width:560px){
 h1 .l2 em.bl{font-size:min(34px, calc((100vw - 86px) / 11.8))!important}
 h1 .bl-tick{display:inline-block!important}
 #problem{display:flex!important;flex-direction:column;align-items:center;text-align:center}
 #problem .pen-eq{margin:6px 0;width:46px;height:auto}
 .folders.v2 .ftab{justify-content:center!important}
 .folders.v2 .f1 .fart,.folders.v2 .f2 .fart{align-self:start!important;margin-top:26px}
}