/* Service pages: deal coaching, enterprise sales, sales pitch, pitch and rep training, first sales team, go-to-market workshop */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/v2/assets/fonts/anton-400.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(/v2/assets/fonts/inter-tight-400.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(/v2/assets/fonts/inter-tight-700.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(/v2/assets/fonts/fraunces-var.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url(/v2/assets/fonts/fraunces-var-italic.woff2) format('woff2')}
:root{
  --ink:#080a09;--ink-2:#050605;--panel:#111412;--panel-2:#1a1e1b;--line:#343a35;
  --muted:#b3b5af;--muted-2:#8a938a;--soft:#d0d2cc;
  --paper:#f4f4f2;--card:#ffffff;--paper-2:#e7e9e3;--paper-line:#d3d6cf;--ink-soft:#4b524c;
  --red:#e32652;--red-btn:#c51d43;--red-hover:#b2193c;--lemon:#e3fe52;
  --display:'Anton','Arial Narrow',Impact,sans-serif;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Inter Tight','Helvetica Neue',Arial,sans-serif;
  --max:1440px;--px:clamp(20px,5.5vw,80px);--py:clamp(72px,7.5vw,120px);
  --ease:cubic-bezier(.2,0,0,1);--r:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,p,figure,blockquote,ol,ul,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
table{border-collapse:collapse}
::selection{background:var(--lemon);color:var(--ink)}
:focus-visible{outline:2px solid var(--lemon);outline-offset:3px}
.paper :focus-visible,.hero--paper :focus-visible,.voice :focus-visible{outline-color:var(--ink)}
[hidden]{display:none !important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-80px;z-index:200;padding:10px 16px;border-radius:4px;background:var(--lemon);color:var(--ink);font-weight:700;text-decoration:none}
.skip:focus{top:16px}

/* surfaces */
.sec{position:relative}
.sec-in{max-width:var(--max);margin:0 auto;padding:var(--py) var(--px)}
.ink{background:var(--ink);color:var(--paper)}
.panel{background:var(--panel);color:var(--paper)}
.paper{background:var(--paper);color:var(--ink)}
.ink+.ink .sec-in,.panel+.panel .sec-in{border-top:1px solid var(--line)}

/* type */
.display{font-family:var(--display);font-weight:400;font-size:clamp(42px,1.3rem + 3.4vw,88px);line-height:1;letter-spacing:-.005em;text-transform:uppercase}
.display em{font-style:normal;color:var(--red)}
.paper .display em{color:var(--red-btn)}
.talk{font-family:var(--serif);font-weight:300;font-size:clamp(36px,1.1rem + 2.7vw,70px);line-height:1.04;letter-spacing:-.028em}
.talk em{font-style:italic;color:var(--red-btn)}
.ink .talk em,.panel .talk em{color:var(--red)}
.h2-pair{display:flex;flex-direction:column;gap:16px}
.h2-seo{font-family:var(--sans);font-size:15px;font-weight:700;line-height:1.3;letter-spacing:.01em;color:var(--muted)}
.paper .h2-seo{color:var(--ink-soft)}
.lede{margin-top:22px;max-width:620px;font-size:clamp(18px,1rem + .25vw,20px);line-height:1.55;color:var(--soft)}
.paper .lede{color:var(--ink-soft)}
.small{font-size:15px;line-height:1.5;color:var(--muted)}
.paper .small{color:var(--ink-soft)}
.tlink{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.tlink:hover{color:var(--lemon)}
.paper .tlink:hover{color:var(--red-btn)}
.head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 60px}
.head-row .lede{margin-top:0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border-radius:4px;border:0;font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn svg{flex:none}
.btn-red{background:var(--red-btn);color:#fff}
.btn-red:hover{background:var(--red-hover);color:#fff}
.btn-line{border:1px solid var(--muted-2);color:var(--paper);background:transparent}
.btn-line:hover{background:#242a25;color:var(--paper)}
.paper .btn-line,.hero--paper .btn-line{border-color:#8f978f;color:var(--ink)}
.paper .btn-line:hover,.hero--paper .btn-line:hover{background:var(--paper-2);color:var(--ink)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:#242a25;color:#fff}
.btn-sm{min-height:46px;padding:0 18px;font-size:15px}

/* roast tooling (remove for production) */
.roast-bar{position:relative;z-index:40;background:#fff;color:var(--ink);font-size:14px;line-height:1.35;border-bottom:1px solid var(--paper-line)}
.roast-bar-in{max-width:var(--max);margin:0 auto;padding:9px var(--px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.roast-bar p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.roast-pill{display:inline-block;padding:3px 7px;border-radius:2px;background:var(--red-btn);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em}
.roast-bar a{color:var(--ink)}
.roast-open{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:0;border-radius:4px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.roast-open:hover{background:var(--red-btn)}
.roast-backdrop{position:fixed;inset:0;z-index:90;background:rgba(5,6,5,.55)}
.roast-drawer{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(460px,100%);overflow:auto;background:#fff;color:var(--ink);transform:translateX(102%);transition:transform .35s var(--ease);visibility:hidden}
.roast-drawer.open{transform:none;visibility:visible}
.rd-in{padding:28px 30px 40px}
.rd-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.rd-top h2{font-family:var(--display);font-weight:400;font-size:40px;line-height:1;text-transform:uppercase}
.rd-top p{margin-top:8px;font-size:14px;color:var(--ink-soft)}
.roast-close{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--paper-line);border-radius:4px;background:#fff;cursor:pointer}
.rd-list{margin-top:22px;counter-reset:rn}
.rd-list li{position:relative;padding:18px 0 18px 46px;border-top:1px solid var(--paper-line);counter-increment:rn}
.rd-list li::before{content:counter(rn);position:absolute;left:0;top:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700}
.rd-list h3{font-size:17px;line-height:1.3}
.rd-list p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-soft)}
.rd-list b{color:var(--ink)}
.rd-list .was b{color:var(--red-btn)}
.rd-list a{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:var(--ink)}
.rd-keep{margin-top:10px;padding:18px;border-radius:var(--r);background:var(--paper);font-size:14.5px;line-height:1.5}
.rd-keep h3{font-size:15px;margin-bottom:6px}

/* header (same as live) */

/* hero */
.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--paper)}
.hero-in{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:calc(84px + clamp(44px,5.5vw,88px)) var(--px) 0}
.hero-copy{max-width:780px}
.chip{display:inline-block;padding:7px 11px;border-radius:2px;background:var(--lemon);color:var(--ink);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
.hook{margin-top:24px;font-family:var(--display);font-weight:400;font-size:clamp(54px,1.9rem + 4.9vw,118px);line-height:.95;letter-spacing:-.005em;text-transform:uppercase}
.hook span,.hook em{display:block}
.hook em{font-style:normal;color:var(--red)}
.frame-grid .hook,.hero--flip .hook{font-size:clamp(46px,1.5rem + 3.2vw,84px)}
.h1{margin-top:22px;max-width:700px;font-family:var(--serif);font-weight:300;font-size:clamp(25px,.9rem + 1.15vw,36px);line-height:1.16;letter-spacing:-.018em}
.h1-big{margin-top:24px;font-family:var(--display);font-weight:400;font-size:clamp(62px,2rem + 6vw,140px);line-height:.92;letter-spacing:-.005em;text-transform:uppercase}
.turn{margin-top:20px;max-width:640px;font-family:var(--serif);font-weight:300;font-size:clamp(26px,1rem + 1.3vw,38px);line-height:1.15;letter-spacing:-.02em}
.turn em{font-style:italic;color:var(--red)}
.hero-body{margin-top:18px;max-width:600px;font-size:clamp(18px,1rem + .2vw,20px);line-height:1.55;color:#dcded8}
.facts{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.facts li{padding:6px 11px;border:1px solid rgba(244,244,242,.3);border-radius:2px;font-size:14px;font-weight:700;line-height:1.3}
.cta-row{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.cta-note{max-width:300px;font-size:15px;line-height:1.45;color:var(--muted)}
.proofstrip{margin-top:clamp(48px,6vw,84px);padding:24px 0 38px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:22px 44px}
.proofstrip li{display:flex;flex-direction:column;gap:7px}
.proofstrip img{height:22px;width:auto;opacity:.75;object-fit:contain;object-position:left}
.proofstrip b{font-family:var(--display);font-weight:400;font-size:clamp(34px,1rem + 1.6vw,46px);line-height:1;text-transform:uppercase;color:var(--lemon)}
.proofstrip span{font-size:15px;line-height:1.4;color:var(--muted)}
.hero-media img{width:100%;height:100%;object-fit:cover}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hook span,.hook em,.h1-big{animation:rise .9s var(--ease) both}
.hook em{animation-delay:.18s}

/* column: tall photo on the right, edge to edge */
.hero--column .hero-media{position:absolute;top:0;right:0;bottom:0;width:min(46%,700px)}
.hero--column .hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 46%,rgba(8,10,9,.55) 62%,rgba(8,10,9,.05) 84%),linear-gradient(0deg,var(--ink) 0%,rgba(8,10,9,.7) 16%,rgba(8,10,9,0) 40%)}
/* flip: photo on the left, copy on the right */
.hero--flip .hero-media{position:absolute;top:0;left:0;bottom:0;width:52%}
.hero--flip .hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,var(--ink) 0%,var(--ink) 47%,rgba(8,10,9,.6) 58%,rgba(8,10,9,.05) 80%),linear-gradient(0deg,var(--ink) 0%,rgba(8,10,9,0) 30%)}
.hero--flip .hero-copy{margin-left:auto;max-width:640px}
.hero--flip .proofstrip{margin-left:auto;max-width:640px}
/* poster: wide photo band on top, copy below */
.hero--poster .hero-media{position:relative;height:clamp(300px,46vw,620px)}
.hero--poster .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,9,.7) 0%,rgba(8,10,9,0) 24%,rgba(8,10,9,0) 60%,var(--ink) 100%)}
.hero--poster .hero-in{padding-top:0;margin-top:clamp(-120px,-7vw,-56px)}
.hero--poster .hero-copy{max-width:1100px}
.poster-grid{margin-top:26px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 56px;align-items:start}
.poster-grid .h1{margin-top:0}
.poster-grid .hero-body{margin-top:0}
/* band: copy first, wide photo band below */
.hero--band .hero-copy{max-width:1180px}
.band-grid{margin-top:26px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 56px;align-items:start}
.band-grid .facts{margin-top:18px}
.band-grid .h1{margin-top:0}
.hero-band{position:relative;margin-top:clamp(36px,4vw,56px);height:clamp(260px,34vw,480px);border-radius:var(--r);overflow:hidden}
.hero-band img{width:100%;height:100%;object-fit:cover}
.band-cap{position:absolute;left:16px;bottom:16px;padding:6px 10px;border-radius:2px;background:rgba(8,10,9,.78);font-size:13px;line-height:1.3;color:var(--paper)}
/* frame: framed photo on the right */
.frame-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px 64px;align-items:center}
.frame-photo{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;max-height:640px;justify-self:end;width:100%;max-width:500px}
.frame-photo img{width:100%;height:100%;object-fit:cover}
.frame-photo.wide{aspect-ratio:4/3;max-width:620px}
.dealcard{position:absolute;left:-1px;right:-1px;bottom:-1px;padding:18px 20px;background:rgba(17,20,18,.94);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;font-size:14px;line-height:1.35}
.dealcard .dc-k{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.dealcard .dc-name{grid-column:1;font-size:17px;font-weight:700}
.dealcard .dc-stage{grid-column:2;grid-row:1 / span 2;align-self:center;padding:5px 9px;border-radius:2px;background:var(--panel-2);border:1px solid var(--line);font-size:13px;font-weight:700}
.dealcard .dc-quiet{grid-column:1 / -1;margin-top:8px;display:flex;align-items:center;gap:8px;color:#ffb3c3;font-weight:700}
.dealcard .dc-quiet i{width:8px;height:8px;border-radius:50%;background:var(--red)}
/* paper hero */
.hero--paper{background:var(--paper);color:var(--ink)}
.hdr-solid .hero--paper .hero-in{padding-top:clamp(48px,5.5vw,88px)}
.hero--paper .hook em{color:var(--red-btn)}
.hero--paper .hero-body{color:var(--ink-soft)}
.hero--paper .facts li{border-color:#9aa198}
.hero--paper .cta-note{color:var(--ink-soft)}
.hero--paper .proofstrip{border-top-color:var(--paper-line)}
.hero--paper .proofstrip img{filter:brightness(0);opacity:.7}
.hero--paper .proofstrip b{color:var(--red-btn)}
.hero--paper .proofstrip span{color:var(--ink-soft)}

/* symptoms list (big lines) */
.lines{margin-top:40px;border-top:2px solid currentColor}
.lines li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--paper-line);font-family:var(--serif);font-weight:300;font-size:clamp(24px,1rem + 1vw,34px);line-height:1.2;letter-spacing:-.015em}
.ink .lines li,.panel .lines li{border-bottom-color:var(--line)}
.lines .x{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--red-btn);transform:translateY(-3px)}
.ink .lines .x{color:var(--red)}

/* fit */
.fit{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fit-col{padding:28px 28px 16px;border:1px solid var(--line);border-radius:var(--r)}
.paper .fit-col{background:var(--card);border-color:var(--paper-line)}
.fit-col h3{font-size:20px;line-height:1.3}
.fit-col ul{margin-top:12px}
.fit-col li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.45}
.paper .fit-col li{border-top-color:var(--paper-line)}
.ic-yes{color:var(--lemon);padding-top:2px}
.paper .ic-yes{color:#3c7a1f}
.ic-no{color:var(--red);padding-top:2px}
.paper .ic-no{color:var(--red-btn)}
.fit-note{margin-top:22px;max-width:760px}

/* tools: lime is something to use */
.tool{margin-top:44px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.tool-q{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.paper .tool-q{background:var(--card);border-color:var(--paper-line)}
.q{margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:center;padding:18px 22px;border-top:1px solid var(--line)}
.paper .q{border-top-color:var(--paper-line)}
.q:first-child{border-top:0}
.q-t{font-size:18px;line-height:1.4}
.q-t small{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.paper .q-t small{color:var(--ink-soft)}
.yn{display:flex;gap:6px}
.yn label{position:relative;display:block}
.yn input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.yn span{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:0 14px;border:1px solid var(--muted-2);border-radius:4px;font-size:15px;font-weight:700}
.paper .yn span{border-color:#9aa198}
.yn input:checked+span{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}
.yn input:focus-visible+span{outline:2px solid var(--lemon);outline-offset:2px}
.paper .yn input:focus-visible+span{outline-color:var(--ink)}
.ck{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 34px;gap:16px;align-items:center;padding:16px 22px;border-top:1px solid var(--line);cursor:pointer}
.paper .ck{border-top-color:var(--paper-line)}
.ck:first-child{border-top:0}
.ck input{position:absolute;opacity:0;width:1px;height:1px}
.ck .L{font-family:var(--display);font-size:38px;line-height:1;color:var(--muted-2);text-align:center}
.ck .t b{display:block;font-size:17px;line-height:1.3}
.ck .t span{display:block;margin-top:2px;font-size:15px;line-height:1.4;color:var(--muted)}
.paper .ck .t span{color:var(--ink-soft)}
.ck .box{width:30px;height:30px;border:2px solid var(--muted-2);border-radius:4px;display:grid;place-items:center;color:transparent}
.ck input:checked~.box{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}
.ck input:checked~.L{color:var(--lemon)}
.paper .ck input:checked~.L{color:var(--ink)}
.ck input:focus-visible~.box{outline:2px solid var(--lemon);outline-offset:3px}
.ck:hover .box{border-color:var(--paper)}
.paper .ck:hover .box{border-color:var(--ink)}
.result{position:sticky;top:24px;padding:28px;border-radius:var(--r);background:var(--lemon);color:var(--ink)}
.r-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.r-t{margin-top:12px;font-family:var(--display);font-weight:400;font-size:clamp(36px,1rem + 2vw,56px);line-height:.98;text-transform:uppercase}
.r-p{margin-top:12px;font-size:17px;line-height:1.5}
.r-list{margin-top:14px;border-top:1px solid rgba(8,10,9,.25)}
.r-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid rgba(8,10,9,.18);font-size:15.5px;line-height:1.4}
.r-list li::before{content:"";width:8px;height:8px;margin-top:7px;background:var(--ink)}
.result .btn{margin-top:20px}
.r-note{margin-top:16px;font-size:13px;color:rgba(8,10,9,.7)}
.result [data-v][hidden]{display:none}

/* tabs: deal path and pitch routes */
.stops{position:relative;margin-top:48px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 8px}
.stops::before{content:"";position:absolute;left:16px;right:16px;top:15px;height:2px;background:var(--paper-line)}
.stop{position:relative;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink)}
.stop i{position:relative;z-index:1;display:block;width:32px;height:32px;border-radius:50%;border:2px solid #9aa198;background:var(--paper)}
.stop b{display:block;margin-top:14px;font-size:15px;line-height:1.3}
.stop small{display:block;margin-top:2px;font-size:13px;color:var(--ink-soft)}
.stop:hover i{border-color:var(--ink)}
.stop[aria-selected="true"] i{background:var(--red-btn);border-color:var(--red-btn);box-shadow:0 0 0 6px rgba(197,29,67,.16)}
.stop[aria-selected="true"] b{color:var(--red-btn)}
.stop-panel{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:var(--r);overflow:hidden;border:1px solid var(--paper-line)}
.sp-sym{padding:32px;background:var(--card)}
.sp-fix{padding:32px;background:var(--ink);color:var(--paper)}
.sp-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red-btn)}
.sp-fix .sp-k{color:var(--lemon)}
.sp-sym p{margin-top:12px;font-family:var(--serif);font-weight:300;font-size:clamp(26px,1rem + 1vw,36px);line-height:1.15;letter-spacing:-.02em}
.sp-fix p{margin-top:12px;font-size:18px;line-height:1.55}
.routes{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.route{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:24px;border:1px solid var(--paper-line);border-radius:var(--r);background:var(--card);text-align:left;cursor:pointer;color:var(--ink)}
.route .rn{font-family:var(--display);font-size:24px;line-height:1.2;color:var(--ink-soft)}
.route .rt{font-family:var(--serif);font-weight:300;font-size:clamp(23px,1rem + .7vw,30px);line-height:1.15;letter-spacing:-.015em}
.route:hover{border-color:var(--ink)}
.route[aria-selected="true"]{border-color:var(--red-btn);box-shadow:inset 0 0 0 1px var(--red-btn)}
.route[aria-selected="true"] .rn{color:var(--red-btn)}
.route-panel{margin-top:14px;padding:28px 32px;border-radius:var(--r);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center}
.route-panel .sp-k{color:var(--lemon)}
.route-panel p{margin-top:8px;font-size:19px;line-height:1.5;max-width:640px}

/* steps: a dark band is a step */
.steps{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step{position:relative;display:flex;flex-direction:column;padding:28px 26px 30px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.step-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.step-n{font-family:var(--display);font-size:15px;letter-spacing:.06em;color:var(--lemon);margin-right:4px}
.tag{padding:4px 8px;border-radius:2px;background:var(--panel-2);border:1px solid var(--line);font-size:13px;font-weight:700;line-height:1.2;color:var(--soft)}
.tag.free{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}
.step h3{margin-top:20px;font-family:var(--display);font-weight:400;font-size:clamp(30px,1rem + 1.1vw,38px);line-height:1;text-transform:uppercase}
.step p{margin-top:12px;font-size:16.5px;line-height:1.55;color:var(--soft)}
.step ol{margin-top:14px;border-top:1px solid var(--line)}
.step ol li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.4;color:var(--soft)}
.step ol li b{color:var(--lemon);font-weight:700}
.step-after{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:22px 26px;border:1px dashed var(--line);border-radius:var(--r)}
.step-after p{max-width:720px;font-size:17px;line-height:1.5;color:var(--soft)}
.step-after b{color:var(--paper)}

/* voice: red is Jose's voice */
.voice{background:var(--red-btn);color:#fff}
.voice .sec-in{padding-top:clamp(64px,7vw,112px);padding-bottom:clamp(64px,7vw,112px)}
.v-mark{display:block;height:64px;font-family:var(--serif);font-size:150px;line-height:1;opacity:.4}
.voice blockquote p{max-width:1120px;font-family:var(--serif);font-weight:300;font-size:clamp(34px,1.1rem + 3.1vw,78px);line-height:1.06;letter-spacing:-.028em}
.voice blockquote em{font-style:italic}
.voice figcaption{margin-top:32px;display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.35}
.voice figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.voice figcaption b{display:block;font-size:16px}
.voice .v-body{margin-top:26px;max-width:620px;font-size:19px;line-height:1.55;color:#ffe3ea}
.voice .h2-seo{color:#ffd0dc}
.saying{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:start;margin-top:36px}
.said{font-family:var(--display);font-weight:400;font-size:clamp(48px,1.2rem + 3.6vw,96px);line-height:.95;text-transform:uppercase;position:relative;display:inline-block}
.said::after,.ba-before .ba-big::after{content:"";position:absolute;left:-3%;right:-3%;top:46%;height:.09em;background:var(--ink);transform:rotate(-3deg)}
.means{border-top:2px solid #fff}
.means li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.35);font-family:var(--serif);font-weight:300;font-size:clamp(23px,1rem + .8vw,32px);line-height:1.2}
.means li b{font-family:var(--sans);font-size:14px;font-weight:700;line-height:2.1}
.means-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}

/* proof */
.cases{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}
.case{display:flex;flex-direction:column;gap:14px;padding:30px;border:1px solid var(--paper-line);border-radius:var(--r);background:var(--card);color:var(--ink)}
.case img{height:26px;width:auto;align-self:flex-start;filter:brightness(0);opacity:.75}
.case .num{font-family:var(--display);font-weight:400;font-size:clamp(50px,1.2rem + 2.4vw,76px);line-height:.95;text-transform:uppercase;color:var(--red-btn)}
.case h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,1rem + .5vw,27px);line-height:1.2;letter-spacing:-.01em}
.case dl{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 14px;padding-top:14px;border-top:1px solid var(--paper-line);font-size:15.5px;line-height:1.45}
.case dt{font-weight:700}
.case dd{color:var(--ink-soft);margin-bottom:8px}
.case .who{margin-top:auto;padding-top:10px;font-size:14.5px;color:var(--ink-soft)}
.case .who b{color:var(--ink)}
.qcard{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:30px;border-radius:var(--r);background:var(--ink);color:var(--paper)}
.qcard p{font-family:var(--serif);font-weight:300;font-size:clamp(24px,1rem + .8vw,31px);line-height:1.2;letter-spacing:-.015em}
.qcard footer{font-size:14.5px;color:var(--muted)}
.qcard footer b{display:block;color:var(--paper);font-size:15.5px}
.vid{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:26px;border-radius:var(--r);background:radial-gradient(120% 90% at 80% 0%,#2a302b 0%,var(--ink) 70%);color:var(--paper);text-decoration:none}
.vid .play{position:absolute;top:24px;left:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--red-btn);color:#fff}
.vid .dur{position:absolute;top:30px;right:24px;font-size:14px;font-weight:700;color:var(--muted)}
.vid b{font-size:19px}
.vid span{font-size:14.5px;color:var(--muted)}
.vid:hover .play{background:var(--red-hover)}
.vid.is-playing{padding:0;overflow:hidden;background:#000}
.vid.is-playing iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nextcard{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:30px;border-radius:var(--r);background:var(--lemon);color:var(--ink);text-decoration:none}
.nextcard p{font-family:var(--display);font-size:clamp(34px,1rem + 1.6vw,46px);line-height:1;text-transform:uppercase}
.nextcard span{display:flex;align-items:center;justify-content:space-between;font-weight:700}
.nextcard .arrowbox{border-color:var(--ink)}
.nextcard:hover .arrowbox{background:var(--ink);color:var(--lemon);border-color:var(--ink)}

/* before / after */
.ba{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:20px;align-items:center}
.ba-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.ba-big{margin-top:10px;font-family:var(--display);font-weight:400;font-size:clamp(52px,1.4rem + 4.4vw,116px);line-height:.95;text-transform:uppercase}
.ba-before .ba-big{position:relative;display:inline-block;color:#9aa198}
.ba-before .ba-big::after{background:var(--red-btn)}
.ba-cred{display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.4;color:var(--ink-soft)}
.ba-cred img{height:24px;width:auto;align-self:flex-start;filter:brightness(0);opacity:.75}
.ba-foot .ba-cred b{display:inline;font-family:var(--sans);font-weight:700;font-size:15.5px;line-height:1.4;text-transform:none;color:var(--ink)}
.ba-after .ba-big{color:var(--ink)}
.ba-after .ba-k{color:var(--red-btn)}
.ba-arrow{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper)}
.ba-foot{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;padding-top:26px;border-top:2px solid var(--ink)}
.ba-foot b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(36px,1rem + 1.8vw,52px);line-height:1;text-transform:uppercase;color:var(--red-btn)}
.ba-foot span{font-size:15.5px;line-height:1.45;color:var(--ink-soft)}

/* relay: three reps, three stories */
.relay{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.bubble{position:relative;padding:22px 22px 26px;border-radius:16px;background:var(--card);border:1px solid var(--paper-line)}
.bubble::after{content:"";position:absolute;left:28px;bottom:-11px;width:20px;height:20px;background:inherit;border-right:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);transform:rotate(45deg)}
.bubble.you{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bubble.you::after{border-color:var(--ink)}
.bubble:nth-child(2){transform:rotate(-1.2deg) translateY(10px)}
.bubble:nth-child(3){transform:rotate(1deg) translateY(-4px)}
.bubble:nth-child(4){transform:rotate(-.6deg) translateY(14px)}
.bwho{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.bubble.you .bwho{color:var(--lemon)}
.says{margin-top:10px;font-family:var(--serif);font-weight:300;font-size:clamp(22px,1rem + .6vw,28px);line-height:1.18;letter-spacing:-.015em}
.relay-foot{margin-top:46px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:start}

/* playbook document */
.doc{position:relative;max-width:820px;margin:48px auto 0;padding:clamp(28px,4vw,52px) clamp(22px,4.5vw,60px);border-radius:4px;background:var(--card);color:var(--ink);box-shadow:0 1px 0 var(--paper-line),0 40px 70px -40px rgba(8,10,9,.45)}
.doc::before{content:"";position:absolute;top:0;right:0;width:46px;height:46px;background:linear-gradient(225deg,var(--paper) 50%,var(--paper-2) 50%)}
.doc-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;padding-bottom:16px;border-bottom:2px solid var(--ink)}
.doc-title{font-family:var(--display);font-weight:400;font-size:clamp(28px,1rem + 1.2vw,38px);line-height:1;text-transform:uppercase}
.doc-meta{font-size:14px;color:var(--ink-soft)}
.doc ol li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:6px 14px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--paper-line)}
.doc .n{font-family:var(--display);font-size:24px;line-height:1;color:var(--red-btn)}
.doc li b{font-size:18px;line-height:1.3}
.doc li p{grid-column:2;font-size:15.5px;line-height:1.45;color:var(--ink-soft)}
.doc li .len{grid-column:3;grid-row:1;font-size:13px;color:var(--ink-soft);white-space:nowrap}
.doc-foot{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:14px;color:var(--ink-soft)}

/* handover moves */
.moves{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.move{padding:26px 26px 30px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.move-k{font-family:var(--display);font-size:15px;letter-spacing:.06em;color:var(--lemon)}
.seats{margin-top:18px;height:120px;display:flex;align-items:center;gap:14px;padding:0 18px;border-radius:var(--r);background:var(--ink)}
.seat{position:relative;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1.1;text-align:center}
.seat.talk{background:var(--lemon);color:var(--ink)}
.seat.listen{border:2px solid var(--muted);color:var(--paper)}
.seat.out{border:2px dashed var(--line);color:var(--muted-2)}
.seat.buyer{margin-left:auto;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}
.wave{display:flex;gap:3px;align-items:center}
.wave i{display:block;width:3px;border-radius:2px;background:var(--lemon)}
.wave i:nth-child(1){height:10px}.wave i:nth-child(2){height:20px}.wave i:nth-child(3){height:14px}
.move h3{margin-top:20px;font-family:var(--display);font-weight:400;font-size:clamp(28px,1rem + 1vw,36px);line-height:1;text-transform:uppercase}
.move p{margin-top:10px;font-size:16.5px;line-height:1.55;color:var(--soft)}

/* GTM chain */
.chain{margin-top:44px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.link{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 18px 22px;border:1px solid var(--paper-line);border-radius:var(--r);background:var(--card)}
.link .ok{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper)}
.link b{font-size:17px;line-height:1.3}
.link span{font-size:14.5px;line-height:1.4;color:var(--ink-soft)}
.link.broken{background:var(--red-btn);border-color:var(--red-btn);color:#fff}
.link.broken .ok{background:#fff;color:var(--red-btn)}
.link.broken span{color:#ffe3ea}
.chain-turn{margin-top:46px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 64px;align-items:end}
.vs{margin-top:44px;width:100%;border:1px solid var(--paper-line);border-radius:var(--r);overflow:hidden;background:var(--card);font-size:17px;line-height:1.45}
.vs th,.vs td{padding:18px 22px;text-align:left;vertical-align:top;border-top:1px solid var(--paper-line)}
.vs thead th{border-top:0;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--ink-soft)}
.vs thead th.us{color:var(--ink)}
.vs tbody th{font-weight:700;width:22%}
.vs td.us{background:#fbfcf6;font-weight:700}
.vs td.them{color:var(--ink-soft)}
.vs caption{caption-side:bottom;padding:14px 22px;text-align:left;font-size:14px;color:var(--ink-soft);border-top:1px solid var(--paper-line)}

/* GTM day timeline */
.ruler{margin-top:48px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:2px solid var(--paper)}
.ruler span{padding:0 0 10px 10px;border-left:1px solid var(--line);font-size:13px;font-weight:700;color:var(--muted)}
.day{display:grid;grid-template-columns:3fr 3fr 1.25fr;gap:0}
.block{padding:22px 22px 6px;border-left:1px solid var(--line)}
.block:first-child{border-left:0;padding-left:0}
.block-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.block-h b{font-family:var(--display);font-weight:400;font-size:clamp(28px,1rem + 1.2vw,40px);line-height:1;text-transform:uppercase}
.block-h span{font-size:14px;font-weight:700;color:var(--lemon)}
.block-h small{display:block;width:100%;font-size:14px;color:var(--muted)}
.sess{padding:16px 0;border-bottom:1px solid var(--line)}
.sess:last-child{border-bottom:0}
.sess h3{font-size:18px;line-height:1.3}
.sess p{margin-top:5px;font-size:15.5px;line-height:1.5;color:var(--soft)}
.day-bar{display:grid;grid-template-columns:3fr 3fr 1.25fr;gap:6px;margin-top:12px}
.day-bar i{height:10px;border-radius:2px;background:var(--panel-2)}
.day-bar i:nth-child(1){background:var(--paper)}
.day-bar i:nth-child(2){background:var(--lemon)}
.day-bar i:nth-child(3){background:var(--red)}

/* deliverable sheets */
.sheets{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sheet{position:relative;display:flex;flex-direction:column;gap:12px;min-height:300px;padding:24px 22px 22px;border-radius:4px;background:var(--card);box-shadow:0 1px 0 var(--paper-line),0 30px 50px -36px rgba(8,10,9,.5)}
.sheet:nth-child(odd){transform:rotate(-.7deg)}
.sheet:nth-child(even){transform:rotate(.6deg) translateY(8px)}
.sheet-n{font-family:var(--display);font-size:15px;letter-spacing:.06em;color:var(--red-btn)}
.sheet h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,1rem + .9vw,32px);line-height:1;text-transform:uppercase}
.sheet p{font-size:15.5px;line-height:1.5;color:var(--ink-soft)}
.sheet .rule{margin-top:auto;display:flex;flex-direction:column;gap:7px}
.sheet .rule i{display:block;height:6px;border-radius:2px;background:var(--paper-2)}
.sheet .rule i:nth-child(2){width:82%}.sheet .rule i:nth-child(3){width:64%}
.also{margin-top:36px;padding:20px 24px;border-left:4px solid var(--ink);background:var(--card);max-width:820px;font-size:17px;line-height:1.5}

/* folder: four things on the table */
.folder{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.file{position:relative;padding:22px 22px 24px;border:1px solid var(--line);border-radius:0 var(--r) var(--r) var(--r);background:var(--panel)}
.file::before{content:"";position:absolute;left:-1px;top:-14px;width:46%;height:14px;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:var(--panel)}
.file .fi{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lemon);color:var(--ink)}
.file h3{margin-top:18px;font-family:var(--display);font-weight:400;font-size:30px;line-height:1;text-transform:uppercase}
.file p{margin-top:8px;font-size:16px;line-height:1.5;color:var(--soft)}
.folder-note{margin-top:28px;font-family:var(--serif);font-weight:300;font-size:clamp(22px,1rem + .6vw,28px);line-height:1.25;max-width:760px}

/* roles + ticket */
.roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.role{padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.role h3{font-family:var(--display);font-weight:400;font-size:28px;line-height:1;text-transform:uppercase}
.role p{margin-top:8px;font-size:16px;line-height:1.5;color:var(--soft)}
.split{margin-top:44px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 48px;align-items:start}
.ticket{position:relative;border-radius:10px;background:var(--lemon);color:var(--ink);overflow:hidden}
.t-top{padding:26px 28px 22px}
.t-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.t-name{margin-top:8px;font-family:var(--display);font-weight:400;font-size:clamp(34px,1rem + 1.6vw,46px);line-height:1;text-transform:uppercase}
.t-rows{margin-top:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;font-size:16px;line-height:1.4}
.t-rows dt{font-weight:700}
.t-bot{position:relative;padding:22px 28px 26px;border-top:2px dashed rgba(8,10,9,.35)}
.t-bot::before,.t-bot::after{content:"";position:absolute;top:-15px;left:-15px;width:28px;height:28px;border-radius:50%;background:var(--ink)}
.t-bot::after{left:auto;right:-15px}
.t-bot .t-price{margin-top:0;font-family:var(--display);font-size:clamp(56px,1.4rem + 3vw,84px);line-height:.9}
.t-bot p{margin-top:6px;font-size:15px}
.t-bot .btn{margin-top:18px}
.alt{margin-top:16px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);font-size:16px;line-height:1.5;color:var(--soft)}
.alt b{color:var(--paper)}
.fitbox{margin-top:16px;padding:20px 22px;border-left:4px solid var(--red);background:var(--panel);font-size:16.5px;line-height:1.5}

/* hire cards */
.hire{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hcard{padding:30px;border-radius:var(--r);border:1px solid var(--paper-line);background:var(--card)}
.hcard.pick{border:2px solid var(--ink)}
.h-k{display:inline-block;padding:4px 8px;border-radius:2px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--paper-2)}
.hcard.pick .h-k{background:var(--lemon)}
.hcard h3{margin-top:16px;font-family:var(--display);font-weight:400;font-size:clamp(32px,1rem + 1.5vw,46px);line-height:1;text-transform:uppercase}
.hcard p{margin-top:12px;font-size:17px;line-height:1.55;color:var(--ink-soft)}
.hcard .does{margin-top:16px;font-family:var(--serif);font-weight:300;font-size:26px;line-height:1.2;color:var(--ink)}
.fractional{margin-top:18px;padding:20px 24px;border-radius:var(--r);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 32px;align-items:center}
.fractional b{font-size:18px}
.fractional p{font-size:16.5px;line-height:1.5;color:var(--soft)}

/* bio */
.bio{margin-top:44px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.bio-photo{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;max-width:460px}
.bio-photo img{width:100%;height:100%;object-fit:cover}
.bio-name{font-family:var(--display);font-weight:400;font-size:clamp(44px,1.2rem + 2.8vw,76px);line-height:1;text-transform:uppercase}
.bio-line{margin-top:12px;font-family:var(--serif);font-weight:300;font-size:clamp(24px,1rem + .9vw,32px);line-height:1.2}
.bio-line em{font-style:italic;color:var(--red)}
.paper .bio-line em{color:var(--red-btn)}
.bio-text{margin-top:18px;max-width:580px;color:var(--soft)}
.paper .bio-text{color:var(--ink-soft)}
.stats{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.paper .stats{border-top-color:var(--paper-line)}
.stats b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(34px,1rem + 1.4vw,44px);line-height:1;color:var(--lemon)}
.paper .stats b{color:var(--red-btn)}
.stats span{display:block;margin-top:6px;font-size:14.5px;line-height:1.4;color:var(--muted)}
.paper .stats span{color:var(--ink-soft)}
.bio-links{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:16px;font-weight:700}
.logo-row{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px}
.logo-row img{height:22px;width:auto;opacity:.72}
.logo-k{margin-top:26px;font-size:14px;color:var(--muted)}
.paper .logo-row img{filter:brightness(0);opacity:.6}

/* faq */
.faq{margin-top:40px;max-width:1000px;border-top:2px solid currentColor}
.faq details{border-bottom:1px solid var(--paper-line)}
.ink .faq details,.panel .faq details{border-bottom-color:var(--line)}
.faq summary{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:20px;align-items:center;padding:22px 0;cursor:pointer;list-style:none;font-size:clamp(19px,1rem + .35vw,23px);font-weight:700;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq .pm{width:38px;height:38px;border:1px solid #9aa198;border-radius:4px;display:grid;place-items:center;transition:transform .3s var(--ease),background .2s}
.faq details[open] .pm{transform:rotate(45deg);background:var(--ink);border-color:var(--ink);color:var(--paper)}
.ink .faq details[open] .pm{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}
.faq .ans{padding:0 58px 24px 0;max-width:780px;font-size:17.5px;line-height:1.6;color:var(--ink-soft)}
.ink .faq .ans{color:var(--soft)}
.faq .ans a{text-decoration:underline;text-underline-offset:3px}

/* related */
.rel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:40px 64px;align-items:start}
.guides{margin-top:22px;border-top:1px solid var(--line)}
.paper .guides{border-top-color:var(--paper-line)}
.guides a{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}
.paper .guides a{border-bottom-color:var(--paper-line)}
.guides a span{font-family:var(--serif);font-weight:300;font-size:21px;line-height:1.25}
.guides a small{display:block;margin-bottom:4px;font-family:var(--sans);font-size:13px;font-weight:700;color:var(--muted)}
.paper .guides a small{color:var(--ink-soft)}
.arrowbox{width:40px;height:40px;border:1px solid var(--muted-2);border-radius:4px;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s}
.paper .arrowbox{border-color:#9aa198}
a:hover>.arrowbox,a:hover .arrowbox{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}
.probs{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px}
.prob{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:border-color .2s}
.paper .prob{background:var(--card);border-color:var(--paper-line)}
.prob:hover{border-color:var(--lemon)}
.paper .prob:hover{border-color:var(--ink)}
.prob small{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--lemon)}
.paper .prob small{color:var(--red-btn)}
.prob span{font-family:var(--serif);font-weight:300;font-size:23px;line-height:1.2;letter-spacing:-.01em}
.prob .arrowbox{margin-top:auto}
.rel h2:not(.h2-seo){font-family:var(--display);font-weight:400;font-size:clamp(34px,1rem + 1.6vw,48px);line-height:1;text-transform:uppercase}

/* apply */
.apply{position:relative;overflow:hidden;background:var(--ink)}
.apply-media{position:absolute;inset:0}
.apply-media img{width:100%;height:100%;object-fit:cover}
.apply-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,9,.95) 0%,rgba(8,10,9,.86) 46%,rgba(8,10,9,.5) 100%)}
.apply .sec-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px 64px;align-items:end}
.apply-k{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(26px,1rem + 1vw,36px);line-height:1.15;color:var(--red)}
.apply h2 em{font-style:normal;color:var(--red)}
.apply h2{margin-top:14px;font-family:var(--display);font-weight:400;font-size:clamp(52px,1.6rem + 4.4vw,112px);line-height:.94;text-transform:uppercase}
.apply-p{margin-top:20px;max-width:520px;font-size:19px;line-height:1.55;color:#dcded8}
.qs{border-top:1px solid rgba(244,244,242,.3)}
.qs li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:15px 0;border-bottom:1px solid rgba(244,244,242,.2);font-size:18px;line-height:1.4}
.qs li b{font-family:var(--display);font-weight:400;font-size:20px;color:var(--lemon)}
.qs-k{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--muted)}
.apply .btn{margin-top:26px}
.apply-fine{margin-top:14px;font-size:14.5px;line-height:1.45;color:var(--muted);max-width:420px}

/* responsive */
@media (max-width:1180px){
  .tool,.rel,.apply .sec-in,.split,.chain-turn,.relay-foot,.saying,.poster-grid,.band-grid{grid-template-columns:minmax(0,1fr)}
  .result{position:static}
  .sheets,.folder{grid-template-columns:repeat(2,minmax(0,1fr))}
  .relay{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .chain{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1080px){
}
@media (max-width:980px){
  .hero--column .hero-media,.hero--flip .hero-media{position:relative;width:100%;height:clamp(300px,78vw,520px)}
  .hero--column .hero-shade,.hero--flip .hero-shade{display:none}
  .hero--column .hero-media::after,.hero--flip .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0%,rgba(8,10,9,0) 55%),linear-gradient(180deg,rgba(8,10,9,.72) 0%,rgba(8,10,9,0) 30%)}
  .hero--column .hero-in,.hero--flip .hero-in{margin-top:clamp(-120px,-14vw,-60px);padding-top:0}
  .hero--flip .hero-copy,.hero--flip .proofstrip{margin-left:0}
  .frame-grid{grid-template-columns:minmax(0,1fr)}
  .frame-photo{justify-self:start;max-width:520px}
  .steps,.moves{grid-template-columns:minmax(0,1fr)}
  .stops{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px}
  .stops::before{display:none}
  .stop-panel,.routes,.hire,.fractional,.fit{grid-template-columns:minmax(0,1fr)}
  .route-panel{grid-template-columns:minmax(0,1fr)}
  .ba{grid-template-columns:minmax(0,1fr)}
  .ba-arrow{transform:rotate(90deg)}
  .bio{grid-template-columns:minmax(0,1fr)}
  .bio-photo{max-width:360px}
  .day,.day-bar,.ruler{grid-template-columns:minmax(0,1fr)}
  .ruler,.day-bar{display:none}
  .block,.block:first-child{padding:22px 0 6px;border-left:0;border-top:2px solid var(--paper)}
  .hero--poster .hero-media{margin-top:84px;height:clamp(240px,62vw,440px)}
  .hero--poster .hero-media::after{background:linear-gradient(180deg,rgba(8,10,9,0) 0%,rgba(8,10,9,0) 55%,var(--ink) 100%)}
  .folder{row-gap:32px}
}
@media (max-width:720px){
  .sheets,.folder,.relay,.roles,.chain{grid-template-columns:minmax(0,1fr)}
  .sheet:nth-child(n),.bubble:nth-child(n){transform:none}
  .sheet{min-height:0}
  .sheet .rule{margin-top:10px}
  .stats{grid-template-columns:minmax(0,1fr)}
  .q{grid-template-columns:minmax(0,1fr)}
  .ck{grid-template-columns:40px minmax(0,1fr) 32px;padding:14px 16px;gap:12px}
  .ck .L{font-size:30px}
  .vs th,.vs td{padding:14px 14px;font-size:15.5px}
  .doc ol li{grid-template-columns:40px minmax(0,1fr)}
  .doc li .len{grid-column:2;grid-row:auto}
  .roast-bar p span.hide-s{display:none}
  .faq .ans{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* ===== v2: clear copy ===== */
/* placeholders: facts Jose has to fill in */
.ph{display:inline;padding:1px 6px;border-radius:2px;background:#fff1a8;color:#080a09;box-shadow:inset 0 0 0 1px #c9a400;font-weight:700;font-style:normal;white-space:normal}
.ph-card{display:flex;flex-direction:column;gap:10px;padding:28px;border:2px dashed #c9a400;border-radius:var(--r);background:#fffbe5;color:var(--ink)}
.ph-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b5600}
.ph-card p{font-size:16.5px;line-height:1.5}

/* split hero: copy left, a picture of the buyer's problem right */
.split-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px 64px;align-items:center}
.hero-visual{justify-self:end;width:100%;max-width:540px}
.hero--split .hero-in{padding-bottom:clamp(56px,6vw,96px)}
.hero--split .hook,.hero--split .h1-big{font-size:clamp(46px,1.5rem + 3.4vw,92px)}
.hero-proof{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:15.5px;line-height:1.45;color:var(--soft);max-width:600px}
.hero-proof img{height:22px;width:auto;opacity:.8}
.hero--paper .hero-proof{border-top-color:var(--paper-line);color:var(--ink-soft)}
.hero--paper .hero-proof img{filter:brightness(0);opacity:.7}
.logo-line{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.logo-line .logo-row{margin-top:12px}
.ink-k{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* deal card */
.crm{padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 40px 70px -40px rgba(0,0,0,.7)}
.crm-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.crm-tag{padding:5px 10px;border-radius:2px;background:rgba(227,38,82,.16);border:1px solid rgba(227,38,82,.5);color:#ff9fb4;font-size:13px;font-weight:700}
.crm-name{margin-top:14px;font-family:var(--display);font-size:clamp(30px,1rem + 1.4vw,40px);line-height:1;text-transform:uppercase}
.crm-stages{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.crm-stages::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:2px;background:linear-gradient(90deg,var(--lemon) 0%,var(--lemon) 66%,var(--red) 66%,var(--red) 100%)}
.crm-stages li{position:relative;padding-top:24px;font-size:13.5px;line-height:1.3;color:var(--soft)}
.crm-stages li::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--lemon)}
.crm-stages li.stuck::before{background:var(--panel);border:2px dashed var(--red)}
.crm-stages li.stuck{color:var(--muted-2)}
.crm-rows{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;padding-top:18px;border-top:1px solid var(--line);font-size:15.5px}
.crm-rows dt{color:var(--muted)}
.crm-rows dd{font-weight:700}
.crm-rows .hot{color:#ff9fb4}

/* email thread */
.thread{display:flex;flex-direction:column;gap:12px}
.mail{padding:16px 18px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}
.mail.you{margin-left:44px;background:#1d221e}
.m-h{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--muted)}
.m-h b{color:var(--paper)}
.mail p+p{margin-top:6px;font-size:16.5px;line-height:1.45}
.m-quiet{display:flex;align-items:center;gap:10px;margin-left:44px;padding:12px 18px;border:1px dashed rgba(227,38,82,.6);border-radius:10px;color:#ff9fb4;font-weight:700;font-size:15.5px}
.m-quiet i{width:9px;height:9px;border-radius:50%;background:var(--red)}

/* talk time */
.callcard{padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.tt{margin-top:18px;display:grid;gap:8px}
.tt-row{display:flex;justify-content:space-between;font-size:15px;color:var(--soft)}
.tt-row b{color:var(--paper)}
.tt-bar{height:12px;border-radius:6px;background:var(--panel-2);overflow:hidden;margin-bottom:8px}
.tt-bar i{display:block;height:100%;background:var(--lemon)}
.tt-bar.buyer i{background:var(--muted-2)}
.cc-quote{margin-top:18px;font-family:var(--serif);font-weight:300;font-size:clamp(26px,1rem + 1vw,34px);line-height:1.15}
.callcard .m-quiet{margin:16px 0 0}

/* hero bubbles */
.relay.mini{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
.relay.mini .bubble{transform:none}
.relay.mini .says{font-size:clamp(20px,1rem + .4vw,24px)}
.ink .bubble:not(.you){background:#1d221e;border-color:var(--line);color:var(--paper)}
.ink .bubble:not(.you)::after{border-color:var(--line)}
.ink .bubble:not(.you) .bwho{color:var(--muted)}
.ink .bubble.you{background:var(--lemon);color:var(--ink);border-color:var(--lemon)}
.ink .bubble.you .bwho{color:var(--ink)}

/* calendar */
.cal{padding:24px;border:1px solid var(--paper-line);border-radius:10px;background:var(--card);box-shadow:0 40px 70px -40px rgba(8,10,9,.35)}
.cal-grid{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cal-day{display:flex;flex-direction:column;gap:6px}
.cal-day b{font-size:13px;color:var(--ink-soft);padding-bottom:4px;border-bottom:1px solid var(--paper-line)}
.ev{display:block;padding:7px 8px;border-radius:4px;background:var(--ink);color:var(--paper);font-style:normal;font-size:12.5px;font-weight:700;line-height:1.25}
.ev.red{background:var(--red-btn)}
.cal-foot{margin-top:16px;font-family:var(--serif);font-weight:300;font-size:24px;line-height:1.2}
.cal .ink-k{color:var(--ink-soft)}

/* day card */
.daycard{padding:26px;border-radius:10px;background:var(--lemon);color:var(--ink)}
.daycard .ink-k{color:var(--ink)}
.daycard ol{margin-top:14px;border-top:2px solid var(--ink)}
.daycard li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid rgba(8,10,9,.25);font-size:15px;line-height:1.35}
.daycard li b{font-size:18px}
.dc2-foot{margin-top:18px;display:flex;align-items:baseline;gap:14px}
.dc2-foot b{font-family:var(--display);font-weight:400;font-size:48px;line-height:1}

/* how it works: two steps */
.steps.two{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.leave{margin-top:16px;padding:14px 16px;border-radius:4px;background:var(--panel-2);font-size:16px;line-height:1.5;color:var(--soft)}
.leave b{color:var(--lemon)}
.weeks{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.week{padding:14px 16px;border:1px solid var(--line);border-radius:4px}
.week span{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--lemon)}
.week b{display:block;margin-top:4px;font-size:16.5px}
.week p{margin-top:4px !important;font-size:14.5px !important;line-height:1.45 !important}

/* bio, plain */
.bio2{margin-top:40px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px 48px;align-items:start}
.bio2-photo{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}
.bio2-photo img{width:100%;height:100%;object-fit:cover}
.bio-role{margin-top:10px;font-family:var(--serif);font-weight:300;font-size:clamp(22px,1rem + .7vw,28px);line-height:1.2}
.bio-facts{margin-top:18px;max-width:640px;border-top:1px solid var(--line)}
.paper .bio-facts{border-top-color:var(--paper-line)}
.bio-facts li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:11px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.45}
.paper .bio-facts li{border-bottom-color:var(--paper-line)}
.bio-facts li::before{content:"";width:8px;height:8px;margin-top:9px;background:var(--lemon)}
.paper .bio-facts li::before{background:var(--red-btn)}

/* booking */
.book .sec-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 64px;align-items:center}
.book h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,1.4rem + 3.8vw,100px);line-height:.95;text-transform:uppercase}
.book-p{margin-top:20px;max-width:520px;font-size:19px;line-height:1.55;color:var(--soft)}
.book-card{padding:30px;border-radius:10px;background:var(--lemon);color:var(--ink)}
.book-card .qs{border-top-color:rgba(8,10,9,.35)}
.book-card .qs li{border-bottom-color:rgba(8,10,9,.2)}
.book-card .qs li b{color:var(--ink)}
.book-card .qs-k{color:var(--ink)}
.book-card .btn{margin-top:22px}
.book-fine{margin-top:14px;font-size:14.5px;line-height:1.45}

@media (max-width:1180px){
  .split-grid,.book .sec-in{grid-template-columns:minmax(0,1fr)}
  .hero-visual{justify-self:start}
}
@media (max-width:980px){
  .steps.two{grid-template-columns:minmax(0,1fr)}
  .bio2{grid-template-columns:minmax(0,1fr)}
  .bio2-photo{max-width:220px}
}
@media (max-width:720px){
  .weeks{grid-template-columns:minmax(0,1fr)}
  .cal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cal-day:nth-child(n+4){display:none}
  .mail.you,.m-quiet{margin-left:20px}
  .daycard li{grid-template-columns:minmax(0,1fr);gap:2px}
}

/* ===== v2.1: round 2 fixes ===== */
/* menu: each coaching page named with its problem, no numbers */
/* the details of the paid step */
.terms{margin-top:16px;display:grid;grid-template-columns:max-content minmax(0,1fr);border-top:1px solid var(--line)}
.terms dt,.terms dd{padding:10px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.45}
.terms dt{padding-right:20px;font-weight:700;color:var(--paper)}
.terms dd{color:var(--soft)}
.plain-list{margin-top:14px;border-top:1px solid var(--line)}
.plain-list li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.4;color:var(--soft)}
.plain-list li::before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;background:var(--lemon)}
/* other pages: a quiet list after the booking box */
.more .sec-in{padding-top:clamp(44px,5vw,64px);padding-bottom:clamp(44px,5vw,64px)}
.more-lead{margin-top:10px;max-width:760px;font-size:18px;line-height:1.5}
.more-list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:0 28px}
.more-list a{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid var(--paper-line);text-decoration:none}
.more-list b{font-size:16px}
.more-list span{font-size:15px;line-height:1.4;color:var(--ink-soft)}
.more-list a:hover b{color:var(--red-btn)}
.more-guides{margin-top:22px;font-size:15px;line-height:1.8;color:var(--ink-soft)}
.more-guides b{margin-right:8px;color:var(--ink)}
.more-guides a{display:inline-block;margin-right:20px}
@media (max-width:720px){
  .terms{grid-template-columns:minmax(0,1fr)}
  .terms dt{padding-bottom:0;border-bottom:0}
  .terms dd{padding-top:2px}
}

/* ===== final: client photos, logo band, workshop story ===== */
.av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.qcard footer{display:flex;align-items:center;gap:14px}
.case .who{display:flex;align-items:center;gap:12px}
.case img.av,.ba-cred img.av{height:40px;width:40px;filter:none;opacity:1;align-self:center}
.ba-who{display:flex;align-items:center;gap:12px}
.band{margin-top:clamp(36px,4vw,56px)}
.band-k{font-size:14px;line-height:1.4;color:var(--muted)}
.paper .band-k{color:var(--ink-soft)}
.marq{margin-top:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marq-track{display:flex;width:max-content}
.marq-track.ready{animation:marq 45s linear infinite}
.marq:hover .marq-track{animation-play-state:paused}
.marq-set{display:flex;align-items:center;gap:64px;padding-right:64px}
.marq-set img{width:auto;max-width:none;opacity:.85}
.paper .marq-set img{filter:brightness(0);opacity:.7}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marq{-webkit-mask-image:none;mask-image:none}
  .marq-track,.marq-track.ready{animation:none;width:auto}
  .marq-set{flex-wrap:wrap;gap:24px 40px;padding-right:0}
  .marq-set[aria-hidden]{display:none}
}
.story{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px 64px;align-items:start}
.story-txt p{max-width:620px;font-size:18px;line-height:1.6;color:var(--soft)}
.story-txt p+p{margin-top:16px}
.story-lead{font-family:var(--serif);font-weight:300;font-size:clamp(23px,1rem + .8vw,30px) !important;line-height:1.3 !important;color:var(--paper) !important}
.story-txt .btn{margin-top:10px}
.wcases{display:grid;gap:12px}
.wcase{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.wcase img{height:24px;width:auto;opacity:.9}
.wc-big{margin-top:14px;font-size:19px;font-weight:700;line-height:1.3;color:var(--paper)}
.wcase p+p{margin-top:6px;font-size:15.5px;line-height:1.5;color:var(--soft)}
@media (max-width:980px){.story{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.marq-set{gap:44px;padding-right:44px}}