/* Review sweep (7 Nov 2026). Everything here is reversible: python _internal/tools/sweep.py off */
[data-sweep-hide]{display:none!important}
[data-sweep-add]{display:revert!important}
/* Reading line length: no paragraph runs past about 72 characters (Butterick, line-length) */
main p{max-width:36em}
/* Phones: the "On this page" chip row no longer rides in the sticky header (header 121px -> about 61px) */
@media (max-width:760px){.site-nav .nav-sub{display:none!important}}
.fgx-bm p,.item--strong p{max-width:36em}
/* TPP Home: cards become rows separated by a hairline (Butterick, rules-and-borders) */
#case .case-col,#said figure.q2,#what .both-strip,#founder .sides3{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--brand-line,#E4E1D8)!important;padding-left:0!important;padding-right:0!important}
#skin .rs-g,#skin .rs-dg{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.22)!important;padding-left:0!important;padding-right:0!important}
/* Industries: 17 tiles become a plain list */
#industries .ind-grid{display:flex!important;flex-wrap:wrap;gap:6px 0;padding:0;margin:8px 0 0;list-style:none}
#industries .ind{display:inline-flex!important;align-items:baseline;gap:6px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;width:auto!important}
#industries .ind:not(:last-child)::after{content:"\00B7";margin:0 12px 0 6px;color:var(--brand-muted)}
#industries .ind-n{font-size:var(--fs-body,16px)}
#industries .ind-g{font-size:var(--fs-label,12px);color:var(--brand-muted)}
#industries .ind-g::before{content:"("}#industries .ind-g::after{content:")"}
/* Book: the guarantee note was 12px body text */
.call-guar{font-size:var(--fs-small,14px)!important}
/* Field Guides: contents list and a mid-guide link */
.sw-toc{margin:28px 0;padding:16px 0;border-top:1px solid var(--brand-line,#E4E1D8);border-bottom:1px solid var(--brand-line,#E4E1D8)}
.sw-toc-k{display:block;margin:0 0 8px;font-family:var(--font-data);font-size:var(--fs-label,12px);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-muted)}
.sw-toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:40px}
.sw-toc li{margin:0 0 6px;break-inside:avoid}
@media (max-width:760px){.sw-toc ol{columns:1}}
.sw-mid{margin:32px auto;padding:14px 0;border-top:1px solid var(--brand-line,#E4E1D8);border-bottom:1px solid var(--brand-line,#E4E1D8);font-size:var(--fs-body,16px)}
#what p.body{max-width:36em}
#industries .ind{display:inline!important;color:var(--brand-text)!important}
#industries .ind-n{display:inline!important;color:var(--brand-text)!important}
#industries .ind--deep .ind-n{font-weight:600}
#industries .ind-g{display:inline!important;margin-left:6px;color:var(--brand-muted)!important;background:none!important;padding:0!important;border:0!important;text-transform:none;letter-spacing:0}
#industries .ind:not(:last-child)::after{display:inline}
#industries .ind-grid{display:block!important;line-height:2}
#industries .ind,#industries .ind *{white-space:normal!important}
#industries .ind:not(:last-child)::after{content:" \00B7 ";margin:0 4px;white-space:normal}
#industries .ind-n,#industries .ind-g{overflow-wrap:anywhere}

/* ---- Pass 2 (doc 11) ---- */
section{--fs-h1:clamp(30px,3.6vw,46px)}
#who .sw-ask,#who .sw-desc,#what .sw-ask{display:none!important}
#who .persona-list li:nth-child(n+4){display:none!important}
#who figure.figure{display:none!important}
#who p,#what p,#founder p{max-width:36em!important}
#case li{border-top:0!important;border-bottom:0!important}

/* Sweep switches win over any page rule: the :not(#_sw) parts add id-level weight without matching anything else */
:root [data-sweep-hide]:not(#_sw):not(#_sw):not(#_sw){display:none!important}
#what .both-strip,#what .both-strip *:not(.btn):not(a){color:var(--brand-text)!important}
#what .both-strip .label,#what .both-strip b,#what .both-strip strong{color:var(--gold-deep,#735822)!important}
#case .case-col,#case .case-col *:not(.btn):not(a){color:var(--brand-text)!important}
#case .case-col b,#case .case-col strong{color:var(--brand-primary)!important}
:root [data-sweep-add]:not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:revert!important}

/* ---- Pass 3 (doc 12): every other TPP page ---- */
#why .why-card,
.item,
.cs-start, li.cs-step, .cs-out-card,
article.fgx-c,
#operator ul.sides3,
#roles .item, #partners .partner,
section.u-padding-t .stack-s,
p.note{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--brand-line,#E4E1D8)!important;padding-left:0!important;padding-right:0!important}
/* dark boxes in light sections: flatten and use dark text */
.case-win,#operator aside.founder-quote,#different aside.origin{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-left:2px solid var(--gold,#B08D45)!important;padding:4px 0 4px 20px!important}
.case-win,.case-win *:not(.btn):not(a),#operator aside.founder-quote,#operator aside.founder-quote *:not(.btn):not(a),#different aside.origin,#different aside.origin *:not(.btn):not(a){color:var(--brand-text)!important}
/* boxes inside dark sections: flatten, keep light text, light rule */
#how-tpp .fr-pay-o,.call-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.22)!important;padding-left:0!important;padding-right:0!important}
#oitm .oitm-panel{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
:root .btn span[data-sweep-add]:not(#_sw),:root .btn span[data-sweep-hide]:not(#_sw){color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;opacity:1!important}
.cs-out-card,.cs-out-card *:not(.btn):not(a){color:var(--brand-text)!important}
.cs-out-card .cs-k{color:var(--gold-deep,#735822)!important}
#who .situ,#who .sit-cta,section.u-padding-top-cl-40px-5vw-64px .stack-s{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--brand-line,#E4E1D8)!important;padding-left:0!important;padding-right:0!important}
#different aside.origin a,#operator aside.founder-quote a{color:var(--brand-primary)!important}

/* ---- Pass 4: gated price list (What we do) and the three guides ---- */
li.wd-stage,li.wd-role,.wd-role-rows>li,article.wd-card,div.wd-blocks,.wd-ways>div,.fg-stages>li,details.ap-card,article.pc-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--brand-line,#E4E1D8)!important;padding-left:0!important;padding-right:0!important}
li.wd-stage,li.wd-stage *:not(.btn):not(a){color:var(--brand-text)!important}
p.fg-take{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-left:2px solid var(--gold,#B08D45)!important;padding:2px 0 2px 16px!important}
#paid li.pay-m,#paid div.pay-fin{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.22)!important;padding-left:0!important;padding-right:0!important}
.wd-pathsec p.body,#benchmark p.ex-note{max-width:36em!important}
article.wd-card,article.wd-card *:not(.btn):not(a),div.wd-blocks,div.wd-blocks *:not(.btn):not(a){color:var(--brand-text)!important;background-color:transparent!important}
li.wd-stage a{color:var(--brand-primary)!important}

/* ---- Who it's for sentence builder v2: one-fold answer, folds away off-screen ---- */
#who-builder{margin-top:8px}
#who-builder .sent{font:400 var(--fs-h2,clamp(28px,3vw,40px))/1.35 var(--font-display);letter-spacing:-.01em;margin:0 0 8px}
#who-builder .sent .slot{position:relative;display:inline-block;white-space:nowrap}
#who-builder .sent select{appearance:none;-webkit-appearance:none;font:inherit;color:#0A1628;background:transparent;border:0;border-bottom:2px solid #B08D45;padding:0 1.05em 2px 0;cursor:pointer;max-width:100%}
#who-builder .sent select:hover{background:color-mix(in srgb,#B08D45 10%,transparent)}
#who-builder .sent select:focus-visible{outline:2px solid #0A1628;outline-offset:3px}
#who-builder .sent .slot::after{content:"\25BE";position:absolute;right:.15em;bottom:.32em;font-size:.5em;color:#735822;pointer-events:none}
#who-builder .sent .opt{color:#3D434F}
#who-builder .hint{font-size:14px;color:#3D434F;margin:0 0 20px}
#who-builder .hint button,#who-builder .wb-open{font:inherit;font-size:14px;color:#0A1628;background:none;border:0;border-bottom:1px solid #B08D45;padding:0;cursor:pointer}
#who-builder .wb-open{display:none;font-weight:600}
#who-builder.wb-folded .wb-open{display:inline-block}
#who-builder.wb-folded #wb-ans{display:none}
#who-builder #wb-ans{border-top:1px solid #E4E1D8;padding-top:16px}
#who-builder .sw{display:flex;flex-wrap:wrap;gap:6px 26px;border-bottom:1px solid #141C2B;margin:0 0 18px}
#who-builder .sw button{font:600 15px var(--font-text);background:none;border:0;padding:0 0 9px;color:#3D434F;cursor:pointer}
#who-builder .sw button[aria-selected=true]{color:#0A1628;box-shadow:inset 0 -3px 0 #B08D45}
#who-builder .wb-pane{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:start;max-height:min(560px,62vh);overflow:hidden}
#who-builder .wb-l h3{font:400 var(--fs-h3,clamp(20px,1.9vw,24px))/1.2 var(--font-display);margin:0 0 8px}
#who-builder .wb-l p{font-size:16px;line-height:1.55;margin:0 0 10px;max-width:34em}
#who-builder .wb-behind{color:#3D434F;border-left:2px solid #B08D45;padding-left:12px}
#who-builder .wb-get{list-style:none;margin:6px 0 0;padding:0}
#who-builder .wb-get li{position:relative;padding:7px 0 7px 22px;border-top:1px solid #E4E1D8;font-size:15px;line-height:1.45}
#who-builder .wb-get li::before{content:"\2713";position:absolute;left:0;color:#2F7D4F;font-weight:700}
#who-builder .wb-k{display:block;font:600 12px var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:#735822;margin:0 0 10px}
#who-builder .wb-k b{float:right;font:600 15px var(--font-data);letter-spacing:0;color:#0A1628;text-transform:none}
/* product schematic */
#who-builder .wb-sch{position:relative;height:118px;margin:4px 8px 6px}
#who-builder .wb-track{position:absolute;left:0;right:0;top:12px;height:2px;background:#0A1628}
#who-builder .wb-node{position:absolute;top:0;transform:translateX(-50%);width:24%;text-align:center}
#who-builder .wb-node:first-of-type{transform:none;text-align:left}
#who-builder .wb-node:last-child{transform:translateX(-100%);text-align:right}
#who-builder .wb-node i{display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #0A1628;margin:5px auto 8px}
#who-builder .wb-node:first-of-type i{margin-left:0}
#who-builder .wb-node:last-child i{margin-right:0;background:#B08D45;border-color:#B08D45}
#who-builder .wb-when{display:block;font:600 12px var(--font-data);color:#735822;min-height:1.2em}
#who-builder .wb-what{display:block;font-size:14px;line-height:1.35;color:#141C2B}
#who-builder .wb-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px}
#who-builder .btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:#0A1628;color:#fff;font:600 15px var(--font-text);text-decoration:none}
#who-builder .lnk{display:inline-block;color:#0A1628;font-weight:600;text-decoration:none;border-bottom:2px solid #B08D45}
#who-builder .lnk:hover{background:color-mix(in srgb,#B08D45 12%,transparent)}
/* role chart, scaled into the fold */
#who #who-builder .wb-fig figure.figure{display:block!important;margin:0;padding:16px!important}
#who-builder .wb-fig .wf-plot{height:110px!important}
#who-builder .wb-fig .stats3{display:none!important}
#who-builder .wb-fig .figure p{font-size:14px!important;line-height:1.45!important;margin:10px 0 0!important}
#who-builder .wb-fig .wf-col,#who-builder .wb-fig .wf-col *{font-size:12px!important}
/* spend input */
#who-builder .wb-est input[type=range]{width:100%;accent-color:#0A1628;margin:4px 0 14px}
#who-builder .wb-bars{display:grid;gap:10px}
#who-builder .wb-bar{display:grid;grid-template-columns:150px minmax(0,1fr) 92px;gap:10px;align-items:center;font-size:13px;color:#3D434F}
#who-builder .wb-bar .t{height:12px;background:#E4E6EA}
#who-builder .wb-bar .t i{display:block;height:100%;background:#0A1628}
#who-builder .wb-bar .t i.fee{background:#B08D45}
#who-builder .wb-bar b{font:600 14px var(--font-data);color:#0A1628;text-align:right}
#who-builder .wb-note{font-size:12.5px;color:#3D434F;margin:12px 0 0;line-height:1.45}
/* proof */
#who-builder .wb-fig-n{font:500 60px/1 var(--font-data);color:#0A1628;margin:2px 0 8px;font-variant-numeric:tabular-nums lining-nums}
#who-builder .wb-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:8px}
#who-builder blockquote{font:400 19px/1.45 var(--font-display);margin:0 0 8px}
#who-builder .wb-who{font-size:14px;color:#3D434F}#who-builder .wb-who b{color:#141C2B}
@media (max-width:820px){
  #who-builder .wb-pane{grid-template-columns:minmax(0,1fr);gap:22px;max-height:none;overflow:visible}
  #who-builder .sent .slot{white-space:normal;max-width:100%}
  #who-builder .wb-bar{grid-template-columns:minmax(0,1fr) 84px}
  #who-builder .wb-bar span{grid-column:1/-1}
  #who-builder .wb-sch{height:150px}
  #who-builder .wb-what{font-size:13px}
}
#who-builder .wb-addr{font-size:15px;margin:0 0 12px;color:#141C2B}
#who-builder .wb-addr b{font-family:var(--font-data)}
#who-builder .wb-addr span{color:#3D434F;font-size:13px}
#who-builder .wb-est input[type=range]{margin:2px 0 12px}
/* Around a deal: three stages (Buy, Hold, Sell) */
@media (min-width:901px){.db-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* Builder tabs: a clear four-way control (it is a control, so it keeps its frame) */
#who-builder .sw.wb-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #C9CDD5;border-bottom:0;margin:0 0 20px;background:#fff}
#who-builder .wb-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;text-align:left;padding:14px 16px 13px;border:0;border-right:1px solid #C9CDD5;border-bottom:3px solid #C9CDD5;background:#fff;color:#141C2B;cursor:pointer;transition:background-color .15s,border-color .15s}
#who-builder .wb-tabs button:last-child{border-right:0}
#who-builder .wb-tabs .wb-tn{grid-row:span 2;font:600 13px var(--font-data);color:#735822}
#who-builder .wb-tabs .wb-tl{font:700 16px/1.2 var(--font-text)}
#who-builder .wb-tabs .wb-ts{font-size:13px;color:#3D434F;margin-top:3px}
#who-builder .wb-tabs button:hover{background:color-mix(in srgb,#0A1628 6%,#fff);border-bottom-color:#0A1628}
#who-builder .wb-tabs button[aria-selected=true]{background:#0A1628;color:#fff;border-bottom-color:#B08D45;box-shadow:none}
#who-builder .wb-tabs button[aria-selected=true] .wb-tn{color:#D8BD7F}
#who-builder .wb-tabs button[aria-selected=true] .wb-ts{color:rgba(255,255,255,.78)}
#who-builder .wb-tabs button:focus-visible{outline:2px solid #B08D45;outline-offset:-2px}
@media (max-width:820px){#who-builder .sw.wb-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#who-builder .wb-tabs button:nth-child(2){border-right:0}#who-builder .wb-tabs .wb-ts{display:none}}
#who-builder .wb-node{width:20%}
#who-builder .wb-what{overflow-wrap:break-word}
#who-builder blockquote,#who-builder blockquote *{background:none!important;box-shadow:none!important}
#who-builder .sent .slot{white-space:nowrap}
@media (min-width:821px){#who-builder .sent{line-height:1.3}}

/* ---- Top-line contribution: peel-and-reseal story back under "We also look for revenue" (7 Nov) ---- */
#what .both-strip .tl-tag{display:inline-block!important;margin-left:12px;vertical-align:middle;color:var(--ink,#0A1628)!important;background:var(--gold-light,#EFE3C4)}
#what .both-strip .tl{grid-column:1/-1;margin-top:28px;padding-top:24px;border-top:1px solid var(--brand-line,#E4E1D8)}
#what .both-strip .tl-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px}
#what .both-strip .tl-k{display:block;font:600 12px var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep,#735822)!important;margin:0 0 12px}
#what .both-strip .tl-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
#what .both-strip .tl-n{font:500 64px/0.9 var(--font-data);font-variant-numeric:tabular-nums lining-nums;color:var(--ink,#0A1628)!important}
#what .both-strip .tl-story p,#what .both-strip .tl-lede{font-size:16px;line-height:1.55;margin:0;max-width:36em}
#what .both-strip .tl-list{list-style:none;margin:14px 0 0;padding:0}
#what .both-strip .tl-list li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:9px 0;border-top:1px solid var(--brand-line,#E4E1D8);font-size:15px;line-height:1.45}
#what .both-strip .tl-list b{font-weight:600;color:var(--gold-deep,#735822)!important}
@media (max-width:820px){
  #what .both-strip .tl-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  #what .both-strip .tl-list li{grid-template-columns:minmax(0,1fr);gap:2px}
  #what .both-strip .tl-n{font-size:48px}
  #what .both-strip .tl-tag{margin:8px 0 0 0;display:table}
}

/* ---- Proof: case study and testimonials merged into one short section (7 Nov) ---- */
#case .pf-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start;margin-top:8px}
#case .pf-n{font:500 clamp(56px,6vw,80px)/0.95 var(--font-data);font-variant-numeric:tabular-nums lining-nums;color:var(--brand-primary,#0A1628)}
#case .pf-l{font-size:17px;line-height:1.5;margin:10px 0 18px;max-width:30em;color:var(--brand-text)}
#case .pf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:14px 0;border-top:1px solid var(--brand-line,#E4E1D8);border-bottom:1px solid var(--brand-line,#E4E1D8)}
#case .pf-stats dt{font:600 22px/1.1 var(--font-data);color:var(--brand-primary,#0A1628)}
#case .pf-stats dd{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--brand-muted,#3D434F)}
#case .pf-ctx{font-size:15px;line-height:1.55;color:var(--brand-muted,#3D434F);margin:14px 0 0;max-width:34em}
#case .pf-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:16px 0 0}
#case .pf-q figcaption{font-size:14px;color:var(--brand-muted,#3D434F)}
#case .pf-q figcaption b{color:var(--brand-text)}
@media (max-width:820px){
  #case .pf-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  #case .pf-stats{grid-template-columns:minmax(0,1fr);gap:10px}
}

/* Proof switch: Case proof / People testimonials (7 Nov) */
#case .pf-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #C9CDD5;border-bottom:0;margin:8px 0 28px;background:#fff;max-width:760px}
#case .pf-tabs button{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;text-align:left;padding:14px 16px 13px;border:0;border-right:1px solid #C9CDD5;border-bottom:3px solid #C9CDD5;background:#fff;color:#141C2B;cursor:pointer;transition:background-color .15s,border-color .15s}
#case .pf-tabs button:last-child{border-right:0}
#case .pf-tabs .wb-tn{grid-row:span 2;font:600 13px var(--font-data);color:#735822}
#case .pf-tabs .wb-tl{font:700 16px/1.2 var(--font-text)}
#case .pf-tabs .wb-ts{font-size:13px;color:#3D434F;margin-top:3px}
#case .pf-tabs button:hover{background:color-mix(in srgb,#0A1628 6%,#fff);border-bottom-color:#0A1628}
#case .pf-tabs button[aria-selected=true]{background:#0A1628;color:#fff;border-bottom-color:#B08D45}
#case .pf-tabs button[aria-selected=true] .wb-tn{color:#D8BD7F}
#case .pf-tabs button[aria-selected=true] .wb-ts{color:rgba(255,255,255,.78)}
#case .pf-tabs button:focus-visible{outline:2px solid #B08D45;outline-offset:-2px}
#case .pf-pane[hidden]{display:none!important}
#case .pf-grid{align-items:end}
@media (max-width:820px){#case .pf-quotes{grid-template-columns:minmax(0,1fr);gap:28px}#case .pf-tabs .wb-ts{display:none}}

/* How we get paid tied to What you can buy (7 Nov) */
#skin .rs-fits{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.22);font-size:14px;line-height:1.5;color:rgba(255,255,255,.86)}
#skin .rs-fits b{display:block;font:600 12px var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:#D8BD7F;margin-bottom:2px}
#skin .rs-back{display:inline-block;margin-left:14px;font-size:14px;color:#D8BD7F;text-decoration:none;border-bottom:1px solid #D8BD7F}
#skin .rs-back:hover{color:#fff;border-bottom-color:#fff}
@media (max-width:820px){#skin .rs-back{display:table;margin:6px 0 0}}
/* Fix overlap: the "Works with" line adds a fifth row to the shared payment-model grid */
@media (min-width:821px){@supports (grid-template-rows:subgrid){
  #skin .rs-models:not(#_sw){grid-template-rows:auto auto auto auto 1fr}
  #skin .rs-m:not(#_sw){grid-row:span 5}
  #skin .rs-fits{margin-top:4px}
}}

/* ---- Distinct sections and less white space (7 Nov) ---- */
/* Proof gets a warm paper band, so it no longer runs into the founder section as one white block */
#case.section:not(#_sw){background:#F6F1E6}
/* Headings with text beside them: text sits on the heading's baseline instead of floating mid-height */
@media (min-width:821px){
  #who .head:not(#_sw),#what .head:not(#_sw),#founder .head:not(#_sw){align-items:end}
  #what .both-strip:not(#_sw){align-items:end}
}
/* How we get paid: tighter */
#skin.section:not(#_sw){padding-block:clamp(48px,5vw,72px)!important}
#skin .rs:not(#_sw){margin-top:clamp(24px,3vw,36px)}
#skin .rs-dg:not(#_sw){margin-top:24px}
#skin .rs-foot:not(#_sw){margin-top:16px}
@media (min-width:821px){@supports (grid-template-rows:subgrid){#skin .rs-m:not(#_sw){row-gap:8px}}}
/* Builder timeline: the first step is the node after the track, so it starts flush left instead of hanging into the text column */
#who-builder .wb-track + .wb-node{transform:none;text-align:left}
#who-builder .wb-track + .wb-node i{margin-left:0}

/* ---- What you can buy: A / B switch and a condensed product layout (7 Nov) ---- */
#what .wa-pane.is-off{display:none!important}
#what .wa-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #C9CDD5;border-bottom:0;margin:0 0 24px;background:#fff;max-width:760px}
#what .wa-tabs button{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline;text-align:left;padding:14px 16px 13px;border:0;border-right:1px solid #C9CDD5;border-bottom:3px solid #C9CDD5;background:#fff;color:#141C2B;cursor:pointer;transition:background-color .15s,border-color .15s}
#what .wa-tabs button:last-child{border-right:0}
#what .wa-tabs .wb-tn{grid-row:span 2;font:600 20px/1 var(--font-display);color:#735822}
#what .wa-tabs .wb-tl{font:700 16px/1.2 var(--font-text)}
#what .wa-tabs .wb-ts{font-size:13px;color:#3D434F;margin-top:3px}
#what .wa-tabs button:hover{background:color-mix(in srgb,#0A1628 6%,#fff);border-bottom-color:#0A1628}
#what .wa-tabs button[aria-selected=true]{background:#0A1628;color:#fff;border-bottom-color:#B08D45}
#what .wa-tabs button[aria-selected=true] .wb-tn{color:#D8BD7F}
#what .wa-tabs button[aria-selected=true] .wb-ts{color:rgba(255,255,255,.78)}
#what .wa-tabs button:focus-visible{outline:2px solid #B08D45;outline-offset:-2px}
#what #wa-b .both-strip:not(#_sw){margin-top:0}
/* Condensed products: no equal-height rows, smaller type, tighter gaps */
#what .buy--path .buy-col:not(#_sw){display:flex;flex-direction:column;gap:14px;grid-row:auto}
#what .buy--path .buy-col .thing:not(#_sw){height:auto;padding-top:14px;gap:6px}
#what .buy--path .thing-t:not(#_sw){font-size:19px}
#what .buy--path .thing .body:not(#_sw){font-size:15px;line-height:1.5}
#what .buy--path .start-tag:not(#_sw){font-size:11px;padding:4px 7px}
#what .buy--path:not(#_sw){row-gap:20px}
#what .head:not(#_sw){margin-bottom:20px}
@media (max-width:820px){#what .wa-tabs .wb-ts{display:none}}
/* Hero exhibit: capped width, so its height matches the hero text on wide screens (text keeps its 1280px size) */
@media (min-width:821px){header .work-hero > .sheet:not(#_sw){width:100%;max-width:560px;justify-self:end}}
/* Who it's for vs What you can buy: a deeper tint on Who, and What opens on a navy rule */
#who.section:not(#_sw){background:#E9EDF2}
#what.section:not(#_sw){border-top:4px solid #0A1628}

/* ---- A / B tabs side by side (beat the sweep's display:revert on added elements) ---- */
#what .wa-tabs:not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:inline-grid!important;grid-template-columns:repeat(2,minmax(0,280px));width:auto;max-width:100%}
@media (max-width:820px){#what .wa-tabs:not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}
/* ---- B Revenue: a picture, not paragraphs ---- */
#wa-b .both-sub:not(#_sw),#wa-b .tl-tag:not(#_sw){display:none!important}
#wa-b .both-strip:not(#_sw){border-top:0!important;padding-top:4px!important}
#wa-b .tl2:not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important;grid-column:1/-1;margin-top:28px}
#wa-b .tl2-k{display:block;font:600 12px var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:#735822!important;margin:0 0 18px}
#wa-b .tl2-steps{list-style:none;margin:0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}
#wa-b .tl2-steps::before{content:"";position:absolute;left:0;right:0;top:6px;height:3px;background:linear-gradient(90deg,#0A1628 0 60%,#B08D45 60%)}
#wa-b .tl2-steps li{position:relative;display:flex;flex-direction:column;gap:4px}
#wa-b .tl2-steps li::before{content:"";position:absolute;top:-22px;left:0;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid #0A1628;box-sizing:border-box}
#wa-b .tl2-steps li.tl2-gold::before{background:#B08D45;border-color:#B08D45}
#wa-b .tl2-when{font:600 12px var(--font-data);letter-spacing:.06em;text-transform:uppercase;color:#3D434F!important;margin-top:6px}
#wa-b .tl2-steps b{font:400 clamp(30px,3vw,42px)/1.05 var(--font-display);color:#0A1628!important}
#wa-b .tl2-steps b.tl2-big{font-family:var(--font-data);font-weight:500;font-variant-numeric:tabular-nums lining-nums}
#wa-b .tl2-steps .tl2-gold b{color:#735822!important}
#wa-b .tl2-what{font-size:15px;line-height:1.45;color:#141C2B!important;max-width:24em}
#wa-b .tl2-levers{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#wa-b .tl2-levers li{padding-top:12px;border-top:2px solid #B08D45;display:flex;flex-direction:column;gap:4px}
#wa-b .tl2-levers b{font:700 17px/1.25 var(--font-text);color:#0A1628!important}
#wa-b .tl2-levers span{font-size:14.5px;line-height:1.45;color:#3D434F!important}
@media (max-width:820px){
  #wa-b .tl2-steps{grid-template-columns:minmax(0,1fr);padding:0 0 0 30px;gap:22px}
  #wa-b .tl2-steps::before{left:6px;right:auto;top:4px;bottom:4px;width:3px;height:auto;background:linear-gradient(180deg,#0A1628 0 60%,#B08D45 60%)}
  #wa-b .tl2-steps li::before{top:4px;left:-30px}
  #wa-b .tl2-levers{grid-template-columns:minmax(0,1fr);gap:16px}
}

#wa-b .tl2-buy{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin:28px 0 0;padding:16px 0 0;border-top:1px solid #E4E1D8;font-size:16px;color:#141C2B!important}
#wa-b .tl2-buy b{font:600 12px var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:#735822!important}
#wa-b .tl2-buy strong{color:#0A1628!important}
/* ---- Around a deal: clean-up (7 Nov) ---- */
/* the merged Hold item lost its column layout to the sweep's display:revert */
#deals .db-i[data-sweep-add]:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:flex!important;flex-direction:column;gap:6px}
/* quieter intro */
#deals .db-intro:not(#_sw){font-size:16px;line-height:1.55;color:#3D434F}
#deals .db-head:not(#_sw){align-items:end}
/* Buy -> Hold -> Sell as one line across the columns */
#deals .db-list:not(#_sw){position:relative;border-top:0;padding-top:24px;margin-top:28px;gap:0 32px}
#deals .db-list:not(#_sw)::before{content:"";position:absolute;left:0;right:0;top:6px;height:3px;background:linear-gradient(90deg,#0A1628,#B08D45)}
#deals .db-i{position:relative;padding-top:10px!important}
#deals .db-i::before{content:"";position:absolute;top:-24px;left:0;width:15px;height:15px;border-radius:50%;box-sizing:border-box;background:#fff;border:3px solid #0A1628}
#deals .db-i:last-child::before{background:#B08D45;border-color:#B08D45}
#deals .db-k{color:#735822}
#deals .db-t:not(#_sw){font-size:18px}
#deals .db-b:not(#_sw){font-size:15px;color:#3D434F}
/* button and link on one line */
#deals .db-cta:not(#_sw){display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:28px}
#deals .db-cta .price-note{display:none}
@media (max-width:820px){
  #deals .db-list:not(#_sw){padding:0 0 0 30px;gap:20px}
  #deals .db-list:not(#_sw)::before{left:6px;right:auto;top:4px;bottom:4px;width:3px;height:auto;background:linear-gradient(180deg,#0A1628,#B08D45)}
  #deals .db-i::before{top:12px;left:-30px}
}
/* ---- What you can buy: use the full width (7 Nov) ---- */
@media (min-width:1000px){
  #what .head:not(#_sw):not(#_sw){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:12px clamp(32px,4vw,64px);align-items:end}
  #what .head > p.body:not(#_sw){max-width:40em}
  /* switch and its description on one row */
  #wa-a:not(#_sw){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:28px;align-items:center}
  #wa-a > *:not(#_sw){grid-column:1/-1}
  #wa-a > .buy-switch:not(#_sw){grid-column:1}
  #wa-a > .sw-desc:not(#_sw){grid-column:2;margin:0!important;max-width:40em}
  #wa-a > .sw-desc[hidden]{display:none!important}
}
#what .wa-tabs:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){margin-bottom:20px}

/* ---- People testimonials: one featured quote, two supporting (7 Nov) ---- */
#case .pf-quotes{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:auto auto;gap:0 clamp(32px,5vw,72px);align-items:start}
#case .pf-q{margin:0;position:relative}
#case .pf-q blockquote{margin:0 0 12px;color:#141C2B}
#case .pf-q blockquote::before{content:"\201C"}
#case .pf-q blockquote::after{content:"\201D"}
#case .pf-q figcaption{font-size:14px;color:#3D434F}
#case .pf-q figcaption b{color:#141C2B}
/* featured: the first quote, large, with a hanging gold mark */
#case .pf-q:first-child{grid-row:1 / span 2;padding-top:8px}
#case .pf-q:first-child blockquote{font:400 clamp(26px,2.6vw,34px)/1.3 var(--font-display);letter-spacing:-.005em;text-indent:-.42em}
#case .pf-q:first-child blockquote::before{color:#B08D45}
#case .pf-q:first-child figcaption{font-size:15px}
/* supporting quotes: smaller, separated by a hairline */
#case .pf-q:not(:first-child) blockquote{font:400 17px/1.55 var(--font-display)}
#case .pf-q:nth-child(2){padding-bottom:20px;border-bottom:1px solid #DED6C3}
#case .pf-q:nth-child(3){padding-top:20px}
@media (max-width:820px){
  #case .pf-quotes{grid-template-columns:minmax(0,1fr);gap:0}
  #case .pf-q:first-child{grid-row:auto;padding-bottom:24px}
  #case .pf-q:first-child blockquote{font-size:24px}
  #case .pf-q:nth-child(2){padding-top:20px;border-top:1px solid #DED6C3}
}

/* ---- Insights: Four ways in, Field Guides as the fourth (7 Nov) ---- */
.grid--ways{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.grid--ways .item--guides{display:flex!important;flex-direction:column}
.grid--ways .item--guides .link{margin-top:auto;padding-top:12px;align-self:flex-start}
@media (max-width:1100px){.grid--ways{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.grid--ways{grid-template-columns:minmax(0,1fr)!important}}

/* ==== TPP About redesign (7 Nov) ==== */
/* Hero: headline at h1 size, record numbers on the right */
.pg-hero:has(.ab-record){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end}
.pg-hero .h1:not(#_sw){font-size:clamp(38px,4.4vw,60px)!important;line-height:1.05!important}
.ab-record:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;border-top:3px solid #B08D45;padding-top:22px}
.ab-record div{display:flex;flex-direction:column;gap:4px}
.ab-record b{font:500 clamp(36px,3.6vw,52px)/1 var(--font-data);font-variant-numeric:tabular-nums lining-nums;color:#fff}
.ab-record div:last-of-type b{color:#D8BD7F}
.ab-record span{font-size:14px;line-height:1.4;color:rgba(255,255,255,.78)}
.ab-record p{grid-column:1/-1;margin:4px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;line-height:1.5;color:rgba(255,255,255,.78)}
@media (max-width:900px){.pg-hero:has(.ab-record){grid-template-columns:minmax(0,1fr)}}

/* How TPP is different: full width on a tinted band, 2 x 2, doors as a slim row */
#different.section:not(#_sw){background:#E9EDF2}
#different > .wrap.split:not(#_sw){display:block!important}
#different .ledger:not(#_sw){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,64px);margin-top:20px!important}
#different .ledger-row:not(#_sw){display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:8px;padding:22px 0;border-top:1px solid #C9CDD5;align-items:start}
#different .ledger-row > .n:not(#_sw){grid-row:1 / span 2;font:500 34px/1 var(--font-data);color:#735822}
#different .ledger-row > .body:not(#_sw){grid-column:2;font-size:15px;line-height:1.55;color:#3D434F;max-width:none}
#different .ledger-row .small.muted{color:#735822!important;font-weight:600}
#different .origin:not(#_sw){display:grid!important;grid-template-columns:minmax(0,260px) repeat(3,minmax(0,1fr)) auto;align-items:center;gap:16px 28px;margin-top:28px;padding:20px 0 0!important;border:0!important;border-top:3px solid #0A1628!important;background:transparent!important;color:#141C2B}
#different .origin .persona-k{display:none}
#different .origin > .serif{font-size:22px!important;line-height:1.2!important;color:#141C2B!important}
#different .origin .doors{display:contents}
#different .origin .door{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:#141C2B;text-decoration:none}
#different .origin .door b{display:block;color:#0A1628}
#different .origin .door span span{display:block;font-size:13px;color:#3D434F}
#different .origin .door-tag{font-size:11px;color:#735822;border:1px solid #B08D45;padding:2px 6px;white-space:nowrap}
#different .origin .alt-go{color:#735822}
#different .origin > a.link{color:#0A1628!important;white-space:nowrap}
@media (max-width:1000px){#different .origin:not(#_sw){grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  #different .ledger:not(#_sw){grid-template-columns:minmax(0,1fr)}
}

/* What clients said: paper band, one featured quote and two supporting */
#clients.section:not(#_sw){background:#F6F1E6}
#clients .wrap > div[style]:not(#_sw){display:grid!important;grid-template-columns:minmax(0,6fr) minmax(0,5fr)!important;grid-template-rows:auto auto;gap:0 clamp(32px,5vw,72px)!important}
#clients figure.quote:not(#_sw){margin:0;border:0!important;padding:0!important}
#clients figure.quote:nth-child(2){order:-1;grid-row:1 / span 2}
#clients figure.quote:nth-child(2) blockquote{font:400 clamp(26px,2.6vw,34px)/1.3 var(--font-display)!important;text-indent:-.42em}
#clients figure.quote blockquote::before{content:"\201C"}
#clients figure.quote blockquote::after{content:"\201D"}
#clients figure.quote:nth-child(2) blockquote::before{color:#B08D45}
#clients figure.quote:nth-child(1),#clients figure.quote:nth-child(3){grid-column:2}
#clients figure.quote:nth-child(1) blockquote,#clients figure.quote:nth-child(3) blockquote{font:400 17px/1.55 var(--font-display)!important}
#clients figure.quote:nth-child(1){padding-bottom:20px!important;border-bottom:1px solid #DED6C3!important}
#clients figure.quote:nth-child(3){padding-top:20px!important}
#clients .quote-note:not(#_sw){margin-top:24px;padding-left:0;color:#3D434F}
@media (max-width:820px){
  #clients .wrap > div[style]:not(#_sw){grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  #clients figure.quote:nth-child(2){grid-row:auto;padding-bottom:24px!important}
  #clients figure.quote:nth-child(2) blockquote{font-size:24px!important}
  #clients figure.quote:nth-child(1),#clients figure.quote:nth-child(3){grid-column:auto}
  #clients figure.quote:nth-child(1){padding-top:20px!important;border-top:1px solid #DED6C3!important}
}

/* ---- Accordion: What you can buy and How we get paid (7 Nov) ---- */
.acc-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:32px}
.acc-btn:focus-visible{outline:2px solid #B08D45;outline-offset:3px}
.acc-ico{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 15px/1 var(--font-data);color:#735822;box-shadow:inset 0 0 0 1px #B08D45;transition:transform 200ms cubic-bezier(.32,.72,0,1),background-color 150ms ease-out}
#skin .acc-ico{color:#D8BD7F;box-shadow:inset 0 0 0 1px #D8BD7F}
.acc-btn[aria-expanded=true] .acc-ico{transform:rotate(45deg)}
.acc-btn[aria-expanded=true] .acc-ico,.acc-btn:hover .acc-ico{background:color-mix(in srgb,#B08D45 16%,transparent)}
.acc-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 220ms cubic-bezier(.32,.72,0,1)}
.acc-in{overflow:hidden;min-height:0}
.acc-open > .acc-wrap{grid-template-rows:1fr}
.acc-in > *:first-child{margin-top:8px}
.acc-in > *:last-child{margin-bottom:4px}
@media (prefers-reduced-motion:reduce){.acc-wrap,.acc-ico{transition:none}}
.acc-hint{font:600 12px var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:#735822;margin:0 0 14px}
#skin .acc-hint{color:#D8BD7F}
#what .buy--path .acc-item .thing-t:not(#_sw){font-size:19px;margin:0}
/* closed accordion rows: the shared payment grid no longer needs equal-height rows */
@media (min-width:821px){@supports (grid-template-rows:subgrid){
  #skin .rs-models:has(.acc-item):not(#_sw):not(#_sw){grid-template-rows:auto auto auto auto}
  #skin .rs-m.acc-item:not(#_sw):not(#_sw){grid-row:span 4}
}}

/* ==== What you can buy: one template across For your business, For a PE deal and Revenue (7 Nov) ====
   lead line, one timeline (4px rail, 24px dots, gold = where to start / the outcome), mono key, bold 19px name,
   names first with + for details, then price-list button and one link. */
/* PE deal: no grey panel, no second headline; the intro is the lead line */
#deals.deal-band:not(#_sw):not(#_sw):not(#_sw){background:transparent!important;border-left:0!important;padding:0!important;margin-top:8px!important}
#deals .db-label:not(#_sw):not(#_sw):not(#_sw),#deals .db-h:not(#_sw):not(#_sw):not(#_sw){display:none!important}
#deals .db-head:not(#_sw):not(#_sw):not(#_sw){display:block!important}
#deals .db-intro:not(#_sw):not(#_sw):not(#_sw){font-size:16px!important;line-height:1.55;color:#141C2B!important;max-width:62em;margin:0 0 24px!important}
#wa-a > .sw-desc[data-for="bs-deal"]:not(#_sw):not(#_sw):not(#_sw){display:none!important}
/* shared timeline rail (same as the product rail) */
@media (min-width:821px){
  #deals .db-list:not(#_sw):not(#_sw):not(#_sw),#wa-b .tl2-steps:not(#_sw):not(#_sw):not(#_sw){position:relative;padding-top:44px!important;margin-top:0!important;border-top:0!important}
  #deals .db-list:not(#_sw):not(#_sw):not(#_sw)::before,#wa-b .tl2-steps:not(#_sw):not(#_sw):not(#_sw)::before{top:10px!important;height:4px!important;border-radius:2px;background:linear-gradient(90deg,rgba(10,22,40,.2),#B08D45)!important}
  #deals .db-i:not(#_sw):not(#_sw):not(#_sw)::before,#wa-b .tl2-steps li:not(#_sw):not(#_sw):not(#_sw)::before{top:-44px!important;left:0!important;width:24px!important;height:24px!important;border:2px solid #0A1628!important;background:#fff!important}
  #deals .db-i:last-child:not(#_sw):not(#_sw):not(#_sw)::before,#wa-b .tl2-steps li.tl2-gold:not(#_sw):not(#_sw):not(#_sw)::before{border-color:#B08D45!important;background:#B08D45!important}
}
@media (max-width:820px){
  #deals .db-list:not(#_sw):not(#_sw):not(#_sw),#wa-b .tl2-steps:not(#_sw):not(#_sw):not(#_sw){padding:0 0 0 34px!important;margin-top:0!important}
  #deals .db-list:not(#_sw):not(#_sw):not(#_sw)::before,#wa-b .tl2-steps:not(#_sw):not(#_sw):not(#_sw)::before{left:9px!important;top:6px!important;bottom:6px!important;width:4px!important;height:auto!important;border-radius:2px;background:linear-gradient(180deg,rgba(10,22,40,.2),#B08D45)!important}
  #deals .db-i:not(#_sw):not(#_sw):not(#_sw)::before,#wa-b .tl2-steps li:not(#_sw):not(#_sw):not(#_sw)::before{left:-34px!important;top:0!important;width:22px!important;height:22px!important;border:2px solid #0A1628!important;background:#fff!important}
  #deals .db-i:last-child:not(#_sw):not(#_sw):not(#_sw)::before,#wa-b .tl2-steps li.tl2-gold:not(#_sw):not(#_sw):not(#_sw)::before{border-color:#B08D45!important;background:#B08D45!important}
}
/* shared key and name styles */
#deals .db-k:not(#_sw):not(#_sw):not(#_sw),#wa-b .tl2-when:not(#_sw):not(#_sw):not(#_sw){font:600 12px var(--font-data)!important;letter-spacing:.08em!important;text-transform:uppercase;color:#735822!important;margin:0 0 6px!important}
#deals .db-i:not(#_sw):not(#_sw):not(#_sw){padding-top:0!important;border-top:1px solid #E4E1D8;padding-top:12px!important}
#deals .db-t:not(#_sw):not(#_sw):not(#_sw),#wa-b .tl2-steps b:not(#_sw):not(#_sw):not(#_sw),#wa-b .tl2-levers b:not(#_sw):not(#_sw):not(#_sw){font:700 19px/1.25 var(--font-text)!important;color:#0A1628!important;letter-spacing:0!important}
#wa-b .tl2-steps .tl2-gold b:not(#_sw):not(#_sw):not(#_sw){color:#735822!important}
#wa-b .tl2-steps li:not(#_sw):not(#_sw):not(#_sw){border-top:1px solid #E4E1D8;padding-top:12px}
#wa-b .tl2-what:not(#_sw):not(#_sw):not(#_sw){font-size:15px!important;color:#3D434F!important}
/* Revenue: the headline becomes the lead line */
#wa-b .both-k:not(#_sw):not(#_sw):not(#_sw){display:none!important}
#wa-b .both-line:not(#_sw):not(#_sw):not(#_sw){font:400 17px/1.55 var(--font-text)!important;color:#141C2B!important;max-width:62em;margin:0 0 4px!important;grid-column:1/-1}
#wa-b .both-line .gold-word{font-weight:700;color:#0A1628!important;background:linear-gradient(transparent 58%,rgba(201,162,78,.32) 58%)}
#wa-b .both-strip:not(#_sw):not(#_sw):not(#_sw){display:block!important}
#wa-b .tl2:not(#_sw):not(#_sw):not(#_sw){margin-top:24px!important}
#wa-b .tl2-k:not(#_sw):not(#_sw):not(#_sw){margin:0 0 14px!important}
/* levers sit like product items: hairline, key-free, name then + */
#wa-b .tl2-levers:not(#_sw):not(#_sw):not(#_sw){margin-top:28px!important}
#wa-b .tl2-levers li:not(#_sw):not(#_sw):not(#_sw){border-top:1px solid #E4E1D8!important;padding-top:12px!important}
#wa-b .tl2-levers .acc-in span{display:block;font-size:15px;line-height:1.5;color:#3D434F}
/* same ending as the other two views */
#wa-b .tl2-buy:not(#_sw):not(#_sw):not(#_sw){border-top:0!important;padding-top:0!important;margin-top:24px!important}
#wa-b .tl2-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:16px 0 0}
/* stage keys match the other two views */
#what .buy--path .buy-k:not(#_sw):not(#_sw){font:600 12px var(--font-data)!important;letter-spacing:.08em;text-transform:uppercase;color:#735822!important}
/* each view on its own tint, so a switch reads as a change of view */
#bp-run:not(#_sw),#deals.deal-band:not(#_sw):not(#_sw):not(#_sw):not(#_sw),#wa-b .both-strip:not(#_sw):not(#_sw){padding:clamp(20px,2.6vw,32px)!important;margin-top:8px!important}
#bp-run:not(#_sw){background:#F2F5F9}
#deals.deal-band:not(#_sw):not(#_sw):not(#_sw):not(#_sw){background:#F6F1E6!important}
#wa-b .both-strip:not(#_sw):not(#_sw){background:#EEF4EF!important}

/* PE deal lead: intro left, where value gets lost right */
@media (min-width:900px){#deals .db-head:not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 clamp(32px,4vw,64px);align-items:start;margin-bottom:24px}
  #deals .db-head .db-intro:not(#_sw):not(#_sw):not(#_sw){margin:0!important}}
.db-lost:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important}
.db-lost{margin:0 0 24px}
.db-lost-k{display:block;font:600 12px var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:#735822;margin:0 0 8px}
.db-lost ol{list-style:none;margin:0;padding:0}
.db-lost li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid #DED6C3;font-size:15px;color:#141C2B}
.db-lost li:last-child{border-bottom:1px solid #DED6C3}
.db-lost b{font:600 12px var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:#735822}

/* Revenue lead: line left, how to buy it right (mirrors the PE deal view) */
@media (min-width:900px){#wa-b .both-strip:not(#_sw):not(#_sw):not(#_sw){display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 clamp(32px,4vw,64px);align-items:start}
  #wa-b .both-strip > *:not(#_sw){grid-column:1/-1}
  #wa-b .both-strip > .both-line:not(#_sw):not(#_sw){grid-column:1}
  #wa-b .both-strip > .rev-side:not(#_sw){grid-column:2;grid-row:1 / span 3}}
.rev-side:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important}
.rev-side{margin:0 0 20px}
.rev-side ol{list-style:none;margin:0;padding:0}
.rev-side li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid #CFDCD2;font-size:15px;color:#141C2B}
.rev-side li:last-child{border-bottom:1px solid #CFDCD2}
.rev-side b{font:600 12px var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:#735822}
@media (min-width:900px){#wa-b .both-strip > .both-line:not(#_sw):not(#_sw):not(#_sw){grid-row:1}#wa-b .both-strip > .rev-side:not(#_sw):not(#_sw){grid-row:1}}
/* stage keys a step bigger and bolder, in all three views */
#what .buy--path .buy-k:not(#_sw):not(#_sw):not(#_sw),#deals .db-k:not(#_sw):not(#_sw):not(#_sw):not(#_sw),#wa-b .tl2-when:not(#_sw):not(#_sw):not(#_sw):not(#_sw){font:700 14px var(--font-data)!important;letter-spacing:.08em!important}
/* Navy headers contain their children's bottom margin, so no white band leaks out below them (Home, case studies) */
header.bg-primary{display:flow-root}
/* Case win figures: the number column fits "12 mths" at full size */
@media (min-width:821px){.case-n:not(#_sw){grid-template-columns:180px minmax(0,1fr)!important}}

/* ==== Case studies index clean-up (7 Nov) ==== */
/* each case reads as its own row: story left, figures right under a gold rule; second case on paper */
main:has(.case-feature) .case-feature:not(#_sw){align-items:start;gap:clamp(32px,5vw,72px)}
main:has(.case-feature) .case-feature--next:not(#_sw){margin-top:clamp(40px,5vw,64px);padding:clamp(24px,3vw,40px);background:#F6F1E6}
main:has(.case-feature) .case-win:not(#_sw){border-top:3px solid #B08D45!important;padding-top:12px!important}
main:has(.case-feature) .case-win .case-k:not(#_sw){font:700 14px var(--font-data)!important;letter-spacing:.08em;text-transform:uppercase;color:#735822!important;margin:0 0 4px}
main:has(.case-feature) .case-n:not(#_sw){border-top:1px solid #E4E1D8!important;padding:12px 0!important}
main:has(.case-feature) .case-feature--next .case-n:not(#_sw){border-top-color:#DED6C3!important}
main:has(.case-feature) .case-n .n:not(#_sw){font-size:clamp(28px,2.6vw,36px)!important;color:#0A1628!important}
main:has(.case-feature) .case-n .l:not(#_sw){font-size:15px!important;color:#3D434F!important}
main:has(.case-feature) .case-feature .h2:not(#_sw){font-size:clamp(28px,2.8vw,38px)}
/* other results: two figure rows, no cards, no chips */
.res-grid:not(#_sw){gap:0 clamp(32px,5vw,72px)!important}
.res-grid .item:not(#_sw){background:transparent!important;border:0!important;border-top:3px solid #B08D45!important;box-shadow:none!important;border-radius:0!important;padding:14px 0 0!important;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;align-items:start}
.res-grid .item .row:not(#_sw){grid-column:1/-1;margin:0 0 6px}
.res-grid .item .chip{display:none!important}
.res-grid .item h3:not(#_sw){font:700 18px/1.3 var(--font-text)!important;color:#0A1628}
.res-grid .item .big-n:not(#_sw){font:500 clamp(40px,4vw,56px)/1 var(--font-data)!important;color:#0A1628;white-space:nowrap}
.res-grid .item p:not(#_sw){margin:0;font-size:15px;line-height:1.55;color:#3D434F}
@media (max-width:640px){.res-grid .item:not(#_sw){grid-template-columns:minmax(0,1fr)}}

/* ==== Fractional: readability (7 Nov) ==== */
/* why it matters: no cards or chips, text at body size */
#why .why-card:not(#_sw){background:transparent!important;border:0!important;border-top:3px solid #B08D45!important;padding:14px 0 0!important}
#why .why-card + .why-card:not(#_sw){border-top-width:1px!important;border-top-color:#DCCFB4!important}
#why .persona-k:not(#_sw){font:700 14px var(--font-data)!important;letter-spacing:.08em;text-transform:uppercase;color:#735822!important}
#why .why-chips:not(#_sw){display:block!important;margin:6px 0 0!important}
#why .why-chips li:not(#_sw){background:transparent!important;border:0!important;padding:5px 0 5px 22px!important;position:relative;font-size:16px!important;line-height:1.5}
#why .why-chips li::before{content:"";position:absolute;left:0;top:.95em;width:12px;height:2px;background:#B08D45}
#why .why-blocks:not(#_sw){gap:22px}
/* the test: hints and answers at a readable size */
#test .pc-qh:not(#_sw),#test .pc-hint:not(#_sw){font-size:15px!important;line-height:1.55}
#test .pc-opts label:not(#_sw){font-size:15px;line-height:1.45}
#test .td-k:not(#_sw){font:700 13px var(--font-data)!important;letter-spacing:.08em}
/* how TPP does it: bigger labels and option text, brighter muted text on navy */
#how-tpp .fr-ledger .ledger-row b:not(#_sw){font-size:16px!important}
#how-tpp .fr-ledger .ledger-row span:not(#_sw),#how-tpp .fr-pay-o span:not(#_sw){font-size:16px!important;line-height:1.6;color:rgba(255,255,255,.84)!important}
#how-tpp .fr-pay-o b:not(#_sw){font-size:17px!important}
#how-tpp .fr-pay-k:not(#_sw){font:700 13px var(--font-data)!important;letter-spacing:.08em;text-transform:uppercase;color:#D8BD7F!important}
#how-tpp .fr-pay-o--perf:not(#_sw){border-top:3px solid #D8BD7F!important}
header .lede:not(#_sw){color:rgba(255,255,255,.82)!important}

/* ==== Insights: colour scheme and layout (7 Nov) ==== */
/* navy hero, then the four ways on warm paper, then the navy library band */
main:has(.grid--ways) > section:has(.grid--ways):not(#_sw){background:#F6F1E6}
.grid--ways:not(#_sw):not(#_sw){gap:0 clamp(24px,3vw,40px)!important}
.grid--ways .item:not(#_sw){background:transparent!important;border:0!important;border-top:3px solid #B08D45!important;box-shadow:none!important;border-radius:0!important;padding:16px 0 0!important;display:flex!important;flex-direction:column;gap:8px}
.grid--ways .item .tag:not(#_sw){font:700 14px var(--font-data)!important;letter-spacing:.08em;text-transform:uppercase;color:#735822!important}
.grid--ways .item .h3:not(#_sw){font:400 clamp(22px,1.9vw,26px)/1.2 var(--font-display)!important;color:#0A1628;margin:0}
.grid--ways .item p:not(#_sw){font-size:15px;line-height:1.6;color:#3D434F;margin:0}
.grid--ways .item .link:not(#_sw){margin-top:auto;padding-top:10px;align-self:flex-start}
.grid--ways .item [data-sweep-add].link:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:inline-block!important}
.grid--ways .item--guides .h3:not(#_sw){color:#735822}
@media (max-width:1100px){.grid--ways:not(#_sw):not(#_sw){row-gap:32px!important}}
/* ==== Fractional, How TPP does it: simple (7 Nov) ==== */
#how-tpp .ht-lead:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important;margin:4px 0 0;font:400 clamp(20px,1.8vw,24px)/1.35 var(--font-display);color:rgba(255,255,255,.88);max-width:24em}
#how-tpp .ht-cta:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
#how-tpp .ht-note{flex-basis:100%;font-size:14px;color:rgba(255,255,255,.78)}
/* one list: the three ledger rows, then the two ways to pay as two more rows in the same style */
#how-tpp .fr-pay:not(#_sw){display:block!important;margin-top:0!important}
#how-tpp .fr-pay-k:not(#_sw){margin:22px 0 0!important}
#how-tpp .fr-pay-o:not(#_sw):not(#_sw){display:grid!important;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 24px;padding:14px 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.18)!important}
#how-tpp .fr-pay-o:last-child:not(#_sw){border-bottom:1px solid rgba(255,255,255,.18)!important}
#how-tpp .fr-pay-o b:not(#_sw){font-size:16px!important}
@media (min-width:901px){#how-tpp .fr-ledger .ledger-row:not(#_sw){grid-template-columns:minmax(0,200px) minmax(0,1fr)!important}}
@media (max-width:640px){#how-tpp .fr-pay-o:not(#_sw):not(#_sw){grid-template-columns:minmax(0,1fr)}}
/* ==== About, The next step: no panel, one action row (7 Nov) ==== */
#next .split:not(#_sw){align-items:end}
#next .split > .stack:last-child:not(#_sw):not(#_sw){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;gap:18px}
#next .split > .stack:last-child > p.body:not(#_sw){font-size:17px;line-height:1.6;color:rgba(255,255,255,.86);max-width:36em;margin:0}
#next .nx-cta:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 28px}
#next .nx-cta .link{color:#fff}
#next .nx-note:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important;margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78);padding-top:14px;border-top:1px solid rgba(255,255,255,.18);max-width:36em}

/* ==== About, Why TPP: proposal with tracked changes (7 Nov, chosen from /_proto-different) ==== */
#different .tcx:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important}
.tcx-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:clamp(32px,5vw,72px);align-items:start}
.tcx-left .h2{margin:6px 0 0}
.tcx-intro{font-size:17px;line-height:1.6;color:#3D434F;margin:14px 0 0;max-width:30em}
.tcx-tool{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:22px;padding:10px 16px;border:1px solid #0A1628;background:#fff;font:600 15px var(--font-text);color:#0A1628;transition:background-color 150ms ease-out}
.tcx-tool:hover{background:#F2F5F9}
.tcx-tool:focus-visible{outline:2px solid #B08D45;outline-offset:3px}
.tcx-tool[aria-pressed=true]{background:#0A1628;color:#fff}
.tcx-hint{margin:10px 0 0;font-size:14px;color:#3D434F}
.tcx-sheet.sheet{margin:0}
.tcx-sheet .sheet-h{font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#141C2B;border-bottom:2px solid #141C2B}
.tcx-state{color:#735822}
.tcx-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 24px;padding:16px 0;border-bottom:1px solid #EEE9DD;align-items:start}
.tcx-row:first-child{padding-top:6px}
.tcx-k{display:block;font:700 14px var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:#735822;margin-bottom:6px}
.tcx-line p{margin:0;font:400 clamp(18px,1.5vw,20px)/1.45 var(--font-display);color:#141C2B}
.tcx-line del{color:#6A6F7A;text-decoration:line-through;text-decoration-color:#B3261E;text-decoration-thickness:2px}
.tcx-line ins{text-decoration:none;color:#0A1628;background:linear-gradient(transparent 60%,rgba(201,162,78,.38) 60%)}
.tcx-note{border-left:2px solid #B08D45;padding-left:14px;font-size:14.5px;line-height:1.5;color:#3D434F}
.tcx-note b{display:block;font:700 13px var(--font-data);letter-spacing:.06em;text-transform:uppercase;color:#735822;margin-bottom:3px}
.tcx-legend{display:inline-flex;gap:14px;margin-right:12px}
.tcx-legend .d{color:#B3261E;text-decoration:line-through}
.tcx-legend .i{color:#0A1628;background:linear-gradient(transparent 60%,rgba(201,162,78,.38) 60%)}
.tcx-sheet.is-accepted del{display:none}
.tcx-sheet.is-accepted ins{background:none}
.tcx-sheet.is-accepted .tcx-note{opacity:.45}
.tcx-close{margin-top:clamp(36px,4vw,56px);padding-top:28px;border-top:3px solid #0A1628;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px clamp(32px,4vw,64px);align-items:end}
.tcx-close h3{margin:0;font:400 clamp(30px,3.2vw,46px)/1.1 var(--font-display);color:#0A1628}
.tcx-close p{margin:0;font-size:17px;line-height:1.6;color:#3D434F;max-width:34em}
.tcx-cta{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
@media (max-width:960px){.tcx-grid,.tcx-close{grid-template-columns:minmax(0,1fr)}.tcx-cta{grid-column:auto}}
@media (max-width:600px){.tcx-row{grid-template-columns:minmax(0,1fr);row-gap:10px}}
/* ==== About fixes (7 Nov) ==== */
/* Buyer, supplier, advisor: three columns on one gold rail, readable text, logos under each */
#operator .sides3:not(#_sw):not(#_sw){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:8px}
#operator .sides3 li:not(#_sw):not(#_sw){display:flex!important;flex-direction:column;gap:8px;padding:14px 0 0!important;border:0!important;border-top:3px solid #B08D45!important;background:transparent!important}
#operator .sides3 .s3-k:not(#_sw){font:700 14px var(--font-data)!important;letter-spacing:.08em;text-transform:uppercase;color:#735822!important}
#operator .sides3 .s3-d:not(#_sw){font-size:16px!important;line-height:1.55;color:#3D434F!important}
#operator .sides3 .s3-logos:not(#_sw){justify-content:flex-start!important;margin-top:auto;padding-top:10px;gap:18px;min-height:36px}
#operator .sides3 .s3-logos img{filter:grayscale(1);opacity:.85}
@media (max-width:760px){#operator .sides3:not(#_sw):not(#_sw){grid-template-columns:minmax(0,1fr);row-gap:24px}}
/* Why TPP: flat sheet, the TPP line leads, the struck line recedes */
.tcx-sheet.sheet:not(#_sw){box-shadow:none!important;border:1px solid #C9CDD5;border-top:3px solid #0A1628}
.tcx-sheet .sheet-h:not(#_sw){border-bottom:1px solid #C9CDD5!important}
.tcx-line del:not(#_sw){display:block;font:400 14px/1.45 var(--font-text);color:#6A6F7A;text-decoration-color:#B3261E;text-decoration-thickness:1.5px;margin-bottom:4px}
.tcx-line ins:not(#_sw){display:block;background:none!important;color:#0A1628;text-decoration:underline;text-decoration-color:#B08D45;text-decoration-thickness:2px;text-underline-offset:5px}
.tcx-legend .i:not(#_sw){background:none!important;text-decoration:underline;text-decoration-color:#B08D45;text-decoration-thickness:2px;text-underline-offset:3px}
.tcx-note:not(#_sw){font-size:14px;color:#3D434F}
.tcx-row:not(#_sw){padding:18px 0}
/* Testimonials: caption sits under its quote; tidy spacing; note aligned */
#clients figure.quote:not(#_sw):not(#_sw){display:flex!important;flex-direction:column;gap:12px;align-self:start}
#clients figure.quote blockquote:not(#_sw){margin:0!important}
#clients figure.quote figcaption:not(#_sw){margin:0!important;font-size:14px}
#clients figure.quote:nth-child(2):not(#_sw){padding-top:4px!important}
#clients figure.quote:nth-child(1):not(#_sw){padding-bottom:22px!important}
#clients figure.quote:nth-child(3):not(#_sw){padding-top:22px!important}
#clients .quote-note:not(#_sw):not(#_sw){text-align:left!important;margin:32px 0 0!important;padding:12px 0 0!important;border-top:1px solid #DED6C3;font-size:13px}
#operator .sides3 .s3-k:not(#_sw):not(#_sw),#operator .sides3 .s3-d:not(#_sw):not(#_sw){text-align:left!important;align-self:stretch}
/* ==== About, What clients said: one hero quote, two supporting (7 Nov) ==== */
#clients .wrap > div[style]:not(#_sw):not(#_sw):not(#_sw){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:clamp(36px,4vw,56px) clamp(32px,5vw,72px)!important}
#clients figure.quote:nth-child(2):not(#_sw):not(#_sw){grid-column:1 / -1!important;grid-row:1!important;padding:0!important;max-width:30em}
#clients figure.quote:nth-child(2) blockquote:not(#_sw):not(#_sw){font:400 clamp(30px,3.4vw,46px)/1.2 var(--font-display)!important;letter-spacing:-.01em;text-indent:-.42em}
#clients figure.quote:nth-child(2) figcaption:not(#_sw){font-size:15px!important}
#clients figure.quote:nth-child(1):not(#_sw):not(#_sw),#clients figure.quote:nth-child(3):not(#_sw):not(#_sw){grid-column:auto!important;grid-row:2!important;padding:16px 0 0!important;border:0!important;border-top:1px solid #DED6C3!important}
#clients figure.quote:nth-child(1) blockquote:not(#_sw):not(#_sw),#clients figure.quote:nth-child(3) blockquote:not(#_sw):not(#_sw){font:400 18px/1.55 var(--font-display)!important}
@media (max-width:820px){
  #clients .wrap > div[style]:not(#_sw):not(#_sw):not(#_sw){grid-template-columns:minmax(0,1fr)!important;row-gap:28px!important}
  #clients figure.quote:nth-child(1):not(#_sw):not(#_sw),#clients figure.quote:nth-child(3):not(#_sw):not(#_sw){grid-row:auto!important}
  #clients figure.quote:nth-child(2) blockquote:not(#_sw):not(#_sw){font-size:28px!important}
}
#clients figure.quote:nth-child(2):not(#_sw):not(#_sw):not(#_sw){max-width:860px!important}
/* ==== About, The next step: your options (7 Nov) ==== */
#next .nx2:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important}
#next .nx2-k{display:block;font:700 13px var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:#D8BD7F;margin:0 0 10px}
#next .nx2-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18)}
#next .nx2-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:17px;line-height:1.4}
#next .nx2-box{width:22px;height:22px;border:1.5px solid rgba(255,255,255,.45);display:grid;place-items:center;font:700 14px/1 var(--font-text)}
#next .nx2-no s{color:rgba(255,255,255,.62);text-decoration-color:#E0857C;text-decoration-thickness:2px}
#next .nx2-yes .nx2-box{background:#D8BD7F;border-color:#D8BD7F;color:#0A1628}
#next .nx2-yes b{color:#fff;font-weight:600}
#next .nx2-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:20px}
#next .nx2-cta .link{color:#fff}
#next .nx2-note{margin:14px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78);max-width:36em}
/* Why TPP sheet: a little smaller */
.tcx-grid:not(#_sw){grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important}
.tcx-row:not(#_sw):not(#_sw){padding:12px 0!important;gap:0 20px}
.tcx-k:not(#_sw){font-size:12px!important;margin-bottom:4px}
.tcx-line p:not(#_sw){font-size:clamp(16px,1.3vw,17px)!important;line-height:1.4}
.tcx-line del:not(#_sw):not(#_sw){font-size:13px!important;margin-bottom:2px}
.tcx-line ins:not(#_sw):not(#_sw){text-underline-offset:4px;text-decoration-thickness:1.5px}
.tcx-note:not(#_sw):not(#_sw){font-size:13.5px!important;line-height:1.45}
.tcx-note b:not(#_sw){font-size:12px!important}
.tcx-sheet .sheet-h:not(#_sw){padding:11px 18px!important}
.tcx-sheet .sheet-b:not(#_sw){padding:10px 18px 14px!important}
.tcx-sheet .sheet-h:not(#_sw):not(#_sw){flex-wrap:wrap;row-gap:4px}
/* ==== About, What clients said: a one-two headline, three equal quotes (7 Nov) ==== */
#clients .hk:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important}
#clients .hk-l,#clients .hk-r{display:block}
#clients .hk-r{color:#735822}
#clients .head h2:not(#_sw){font-size:clamp(34px,4vw,56px)!important;line-height:1.08;max-width:none}
/* undo the featured-quote layout: three equal columns */
#clients .wrap > div[style]:not(#_sw):not(#_sw):not(#_sw):not(#_sw){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:0 clamp(28px,3.5vw,56px)!important}
#clients figure.quote:not(#_sw):not(#_sw):not(#_sw):not(#_sw){grid-column:auto!important;grid-row:auto!important;order:0!important;max-width:none!important;padding:16px 0 0!important;border:0!important;border-top:3px solid #B08D45!important;gap:10px}
#clients figure.quote:nth-child(2):not(#_sw):not(#_sw):not(#_sw):not(#_sw){order:-1!important}
#clients figure.quote blockquote:not(#_sw):not(#_sw):not(#_sw):not(#_sw){font:400 17px/1.55 var(--font-display)!important;text-indent:0!important;color:#3D434F}
#clients figure.quote blockquote::before{color:inherit!important}
#clients .q-hook:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important;font:700 20px/1.25 var(--font-text);color:#0A1628}
@media (max-width:900px){#clients .wrap > div[style]:not(#_sw):not(#_sw):not(#_sw):not(#_sw){grid-template-columns:minmax(0,1fr)!important;row-gap:28px!important}}
/* The next step: both columns start on the same line */
#next .split:not(#_sw):not(#_sw):not(#_sw){align-items:start!important}
#next .split > .stack:first-child .label:not(#_sw){margin-top:0}
/* ==== About: founder and "Buyer, supplier, advisor" as separate bands (7 Nov) ==== */
#operator.section:not(#_sw){padding-bottom:0!important}
#operator .sides-about:not(#_sw):not(#_sw){position:relative;margin-top:clamp(48px,6vw,80px)!important;padding:clamp(40px,5vw,64px) 0!important;background:#F6F1E6;box-shadow:0 0 0 100vmax #F6F1E6;clip-path:inset(0 -100vmax)}
#operator .sides-about .sides3 li:not(#_sw):not(#_sw){border-top-color:#B08D45!important}
/* ==== Field Guides: the two guides share rows, so each part lines up across both (7 Nov) ==== */
@media (min-width:861px){@supports (grid-template-rows:subgrid){
  .fgx:not(#_sw){grid-template-rows:repeat(11,auto);row-gap:0!important}
  .fgx > .fgx-c:not(.fgx-bm):not(#_sw){display:grid!important;grid-row:span 11;grid-template-rows:subgrid;row-gap:14px;align-content:start}
  .fgx > .fgx-c:not(.fgx-bm) > *:not(#_sw){align-self:start}
  .fgx > .fgx-c:not(.fgx-bm) > .btn:not(#_sw){align-self:end}
  .fgx > .fgx-bm:not(#_sw){margin-top:clamp(20px,3vw,32px)}
}}
/* Field Guides: gold outlines on the guide and benchmark cards */
.fgx .fgx-c:not(#_sw){border:1px solid #B08D45!important;border-top:4px solid #B08D45!important}
.fgx .fgx-bm:not(#_sw){border-top-color:#B08D45!important}

/* TPP home: third tab "For your people" (Procurement Superheroes). 8 Nov 2026 */
@media (min-width:641px){#what .buy-switch[aria-label="What you can buy"]:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important}}
@media (max-width:640px){#what .buy-switch[aria-label="What you can buy"]:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){grid-template-columns:minmax(0,1fr)!important;display:grid!important;width:100%!important}#what .buy-switch[aria-label="What you can buy"] [role="tab"]::before{display:none!important}}

/* ---- Home hero (9 Nov 2026, founder's request): wider bid chart, smaller gap, chart as tall as the text column ----
   From 1200px: text 0.86 / chart 1.14 of the row, 40px apart; the chart card runs from the top line of text to the
   bottom of the buttons, and site.js redraws the chart wider to fill it. Below 1200px the layout is unchanged. */
@media (min-width:1200px){
  header .work-hero:not(.cs-hero):not(#_sw){grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);column-gap:40px;align-items:stretch}
  header .work-hero:not(.cs-hero) > .sheet:not(#_sw):not(#_sw){max-width:none;justify-self:stretch;display:flex;flex-direction:column}
  header .work-hero:not(.cs-hero) > .sheet .sheet-b{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
  header .work-hero:not(.cs-hero) > .sheet .sheet-chart{flex:1 1 0;min-height:200px;width:100%}
}

/* ---- Calmer TPP (9 Nov 2026, founder's request): fewer competing elements, quieter secondary text ----
   Removals are data-sweep-hide in the HTML; everything here is styling. */
/* Home hero: the line above the headline is a lead-in, not a second headline */
header .work-kick:not(#_sw):not(#_sw):not(#_sw){font-size:16px;line-height:1.5;letter-spacing:0}
/* Track record and case numbers: still the proof, no longer louder than the headline */
.rec-strip dd:not(#_sw):not(#_sw):not(#_sw){font-size:clamp(32px,3.2vw,44px);line-height:1.1}
/* Highlighter marks in running text: plain words, the sentence carries the emphasis */
mark.hl:not(#_sw):not(#_sw):not(#_sw),.on-dark mark.hl:not(#_sw):not(#_sw):not(#_sw){background:none;font-weight:inherit;padding:0;color:inherit}
/* Product tags: only "Best place to start" stays a chip; the rest are quiet text */
.start-tag--quiet:not(#_sw):not(#_sw):not(#_sw){box-shadow:none;padding-left:0;padding-right:0}
/* "Click a … for the details" hints: the plus buttons already say it */
.acc-hint:not(#_sw):not(#_sw):not(#_sw){display:none}

/* ---- Home "What you can buy": each tab and its panel share one colour (9 Nov 2026, founder's request) ----
   For your business: navy on cool blue-grey. For a PE deal: gold on warm sand. For your people: teal (Procurement Superheroes) on pale teal. */
#bp-run:not(#_sw):not(#_sw){background:#F2F5F9;box-shadow:inset 3px 0 0 #0A1628}
#deals:not(#_sw):not(#_sw){background:#F6F1E6;box-shadow:inset 3px 0 0 #B08D45}
#people:not(#_sw):not(#_sw){background:#EAF2F1;border-left:0;box-shadow:inset 3px 0 0 #0D4F4F}
#people .db-label:not(#_sw):not(#_sw){color:#0D4F4F}
.buy-switch #bs-run[aria-selected="true"]:not(#_sw){background:#0A1628;color:#fff}
.buy-switch #bs-deal[aria-selected="true"]:not(#_sw){background:#735822;color:#fff}
.buy-switch #bs-people[aria-selected="true"]:not(#_sw){background:#0D4F4F;color:#fff}
#people .btn--primary:not(#_sw){background:#0D4F4F;border-color:#0D4F4F}
/* "Where it gets lost" list on the deal panel hidden (9 Nov 2026): it repeated the Buy / Hold / Sell cards */
.db-lost[data-sweep-hide]:not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:none!important}
/* PE deal tab description shown again (9 Nov 2026): the deal panel's own intro was cut, so this line now carries it */
#wa-a > .sw-desc[data-for="bs-deal"]:not([hidden]):not(#_sw):not(#_sw):not(#_sw):not(#_sw){display:block!important}

/* ---- Home "Who it's for" sentence: tidier dropdowns (9 Nov 2026, founder's request) ----
   A clear chevron right after the word, less empty space, a quieter "(optional)" prompt,
   and the open option list at a normal reading size instead of the sentence's 40px. */
#who-builder .sent select:not(#_sw){padding:0 .62em 2px 0}
#who-builder .sent .slot:not(#_sw)::after{content:"";right:.08em;bottom:.5em;width:.2em;height:.2em;border-right:2px solid #735822;border-bottom:2px solid #735822;transform:rotate(45deg);font-size:inherit}
#who-builder .sent select:has(option[value=""]:checked):not(#_sw){color:#5B6472;font-style:italic}
#who-builder .sent select option:not(#_sw){font:400 16px/1.4 var(--font-text,'IBM Plex Sans',sans-serif);font-style:normal;color:#0A1628}

/* Number lists ("Win" on the case studies, Home proof): each label is centred on its number (9 Nov 2026).
   Baseline alignment left the 15px labels sitting low beside the 36px numbers. */
.case-n:not(#_sw):not(#_sw){align-items:center}

/* ---- Fractional: less busy (9 Nov 2026, founder's request) ----
   Emphasis by size and weight, not underline: an underline reads as a link. */
.why-close:not(#_sw):not(#_sw){text-decoration:none}
.test-lede b:not(#_sw):not(#_sw){text-decoration:none;background:none;font-weight:600}

/* ---- UI polish pass (9 Nov 2026) ----
   Crisper type; jump links land below the sticky nav (77px); headings break into balanced lines;
   focus rings in one neutral grey that shows on navy, white and sand (3.7:1 to 4.8:1) instead of brand gold.
   :where() keeps specificity at zero, so any existing, more specific rule still wins. */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:where(main [id]){scroll-margin-top:96px}
:where(h1,h2,h3){text-wrap:balance}
:root :focus-visible:not(#_sw):not(#_sw){outline-color:#6B7280!important}
:root label:has(input:focus-visible):not(#_sw):not(#_sw){outline-color:#6B7280!important}

/* ---- Mobile tap targets and small text (9 Nov 2026, pre-launch check) ---- */
@media (max-width:760px){
  .acc-btn:not(#_sw):not(#_sw){min-height:44px}
  .start-tag:not(#_sw):not(#_sw):not(#_sw){font-size:12px}
}
/* Footer Privacy link: same look, a 44px-tall tap area */
footer a[href="/privacy"]{position:relative}
footer a[href="/privacy"]::after{content:"";position:absolute;inset:-13px -6px}