/* Just Me Again Down Here (Kimberly Geswein, SIL Open Font License 1.1, see ../fonts/just-me-again-down-here-OFL.txt): the legacy handwriting, self-hosted */
@font-face{font-family:"Just Me Again Down Here";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/just-me-again-down-here-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Just Me Again Down Here";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/just-me-again-down-here-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* v3 mockup layer: page-specific components on top of werchota.css + werchota-web.css */
:root{--strip-h:38px}
h1 em,h2 em,h3 em{font-style:normal;color:var(--accent)}
.sx.navy h1 em,.sx.navy h2 em,.hero2.dark h1 em,.cta-block h2 em{color:var(--accent-on-navy)}

/* ---------- mockup chrome ---------- */

/* ---------- media-brand strip ---------- */
.strip{background:var(--navy-deep);color:var(--on-navy);font-size:13.5px}
.strip .wrap{max-width:1240px;display:flex;align-items:center;gap:8px 22px;min-height:var(--strip-h);flex-wrap:wrap;padding-top:5px;padding-bottom:5px}
.strip .lead-in{color:var(--on-navy-muted);font-weight:700}
.strip .brand-i{display:inline-flex;align-items:center;gap:8px}
.strip .brand-i b{color:#fff;font-weight:900}
.strip .brand-i small{color:var(--on-navy-muted);font-weight:600}
.pf{display:inline-flex;gap:4px}
.pf a{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 6px;border-radius:6px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font:800 10.5px var(--font);letter-spacing:.04em}
.pf a:hover{background:var(--accent-strong)}
.strip .short{display:none}
@media(max-width:900px){.strip .brand-i small,.strip .lead-in{display:none}}
@media(max-width:560px){.strip .long{display:none}.strip .short{display:block;font-weight:800}}

/* ---------- header additions ---------- */
.site-hd .wrap{max-width:1240px}
.site-nav>a{font-size:14px;padding:9px 8px}
.lang{font:800 13px var(--font);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;margin-left:6px;white-space:nowrap;text-decoration:none}
.lang b{color:var(--navy)}
@media(max-width:1100px){.lang{margin-left:0}}

/* ---------- pages ---------- */
.crumb2{font-size:14px;color:var(--muted);margin-bottom:10px}.crumb2 a{color:var(--muted)}
.hero2 .lead{margin-top:0}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.facts span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;color:var(--navy)}
.hero2.dark .facts span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.jump a{font-weight:800;font-size:14px;text-decoration:none;color:var(--navy);border-bottom:2px solid var(--accent-line);padding-bottom:2px}

/* ---------- chooser + adaptive ---------- */
.chooser{margin-top:28px}
.chooser .q{font-weight:900;color:var(--navy);font-size:19px;margin:0}
.chooser .help{color:var(--muted);margin:2px 0 12px;font-size:15px}
.sit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(176px,100%),1fr));gap:10px}
.sit button{font:inherit;text-align:left;background:#fff;border:2px solid var(--line);border-radius:var(--r-sm);padding:14px;cursor:pointer;color:var(--navy);font-weight:800;line-height:1.3;min-height:96px;transition:border-color .15s,background .15s}
.sit button small{display:block;font-weight:600;color:var(--muted);margin-top:6px;font-size:14px}
.sit button:hover{border-color:var(--accent-line)}
.sit button[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent-wash)}
.answer{display:none;margin-top:14px;border-radius:var(--r);background:var(--navy);color:var(--on-navy);padding:22px 24px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:center}
.answer.on{display:grid}
.answer h3{color:#fff;font-size:22px}
.answer .kick{color:var(--accent-on-navy)}
.answer p{color:var(--on-navy-muted);margin:0}
.path{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.path span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 11px;font-size:13.5px;font-weight:700}
.path span.first{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.answer .btns{justify-content:flex-end;margin:0}
.answer .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.answer .reset{display:block;color:var(--on-navy-muted);font-size:13px;margin-top:10px;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;font-family:inherit}
.picked{display:none;margin:0 0 12px;font-weight:800;color:var(--navy);font-size:14.5px}
.picked.on{display:block}
.picked a{color:var(--accent-deep)}
@media(max-width:760px){.answer{grid-template-columns:1fr}.answer .btns{justify-content:flex-start}}

/* ---------- logo wall ---------- */
.lw-filters{display:grid;gap:8px;margin:6px 0 10px}
.lw-filters .chips{margin:0}
/* Start's logo wall: each filter row on one line (the section is 1240 px wide; narrower screens scroll the row sideways),
   and six columns, so the 60 logos fill ten full rows */
#wall .wrap{max-width:1240px}
@media(min-width:761px){
  .lw-filters .fgroup{grid-template-columns:92px minmax(0,1fr)}
  .lw-filters .chips{flex-wrap:nowrap;gap:3px;margin:-3px -2px;padding:3px 2px;overflow-x:auto;scrollbar-width:none}
  .lw-filters .chips::-webkit-scrollbar{display:none}
  .lw-filters .fgroup .chip{flex:none;padding-left:8px;padding-right:8px;font-size:13.5px}
  .lw-filters .chip .ct{padding:1px 5px!important}
}
@media(min-width:1101px){#lw{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1279px){.lw-filters .chips{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}}
.lw-filters .lab{font-size:12.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px;align-self:center}
.lw-count{font-weight:800;color:var(--navy);margin:10px 0 14px;font-size:15px}
.lw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.lw-i{position:relative;height:78px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;transition:opacity .35s,transform .35s,border-color .15s,box-shadow .15s;cursor:default;font:inherit}
.lw-i img{max-width:100%;max-height:40px;width:auto;height:auto;filter:brightness(0);opacity:.62}
.lw-i .wm{font-weight:900;color:#4a5864;font-size:15.5px;letter-spacing:-.01em;text-align:center;line-height:1.15}
.lw-i.q{cursor:pointer}
.lw-i.q:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.lw-i.q:hover img{opacity:.9}
.lw-i.q:after{content:"“";position:absolute;top:4px;right:8px;font:900 26px/1 var(--font);color:var(--accent)}
.lw-i.dim{opacity:.16}
#ac-logos img{filter:brightness(0);opacity:.55;height:34px}
@media(max-width:860px){#ft-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){#ft-grid{grid-template-columns:1fr!important}}
.site-ft nav{display:flex}
.lw-i .tip{position:absolute;left:4px;right:4px;bottom:4px;top:4px;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(7,33,54,.94);color:#fff;font-size:12px;font-weight:700;line-height:1.3;padding:6px;border-radius:9px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:5}
.lw-i:hover .tip,.lw-i:focus-visible .tip{opacity:1}
@media(prefers-reduced-motion:reduce){.lw-i{transition:none}}

/* testimonial / detail dialog */
.tdlg{position:fixed;inset:0;z-index:320;background:rgba(5,24,41,.72);display:none;align-items:center;justify-content:center;padding:16px}
.tdlg.on{display:flex}
.tdlg-box{position:relative;width:min(620px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:var(--r);padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.tdlg-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--navy);color:#fff;font:900 16px var(--font);cursor:pointer}
.tdlg .co{font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)}
.tdlg blockquote{margin:12px 0 0;font-size:19px;line-height:1.5;color:var(--ink)}
.tdlg blockquote:before{content:"“";display:block;font-size:48px;line-height:.6;color:var(--accent);font-weight:900;margin-bottom:6px}
.tdlg .who{display:flex;gap:12px;align-items:center;margin-top:18px}
.tdlg .who img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--soft)}
.tdlg .who b{display:block;color:var(--navy)}.tdlg .who span{color:var(--muted);font-size:14.5px}
.tdlg .acts2{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tdlg .vid{margin-top:14px;position:relative;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:16/9;background:#000}
.tdlg .vid img{width:100%;height:100%;object-fit:cover;opacity:.8}
.tdlg h3{font-size:22px;margin-top:6px}
.tdlg ul{padding-left:20px;margin:8px 0 0}

/* ---------- process ---------- */
.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.stages>div{padding:22px;border-right:1px solid var(--line);position:relative;transition:background .2s}
.stages>div:last-child{border-right:0}
.stages .n{font-weight:900;color:var(--accent-strong);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.stages h3{margin:8px 0 6px}
.stages p{margin:0;color:var(--muted);font-size:15.5px}
.stages .pr{margin-top:12px;font-size:13.5px;font-weight:700;color:var(--slate);line-height:1.45}
.stages .you{display:none;position:absolute;top:14px;right:14px;background:var(--accent-strong);color:#fff;font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.stages>div.hl{background:var(--accent-wash)}.stages>div.hl .you{display:block}
.crow{margin-top:12px;background:var(--navy);color:var(--on-navy);border-radius:var(--r);padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,1fr));gap:14px;align-items:center;transition:box-shadow .2s}
.crow .lab{font-weight:900;color:#fff;font-size:15px}
.crow div span{display:block;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-on-navy)}
.crow div b{color:#fff;font-size:15px}
.crow.hl{box-shadow:0 0 0 4px var(--accent)}
@media(max-width:900px){.stages{grid-template-columns:1fr 1fr}.stages>div:nth-child(2){border-right:0}.stages>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.crow{grid-template-columns:1fr 1fr}.crow .lab{grid-column:1/-1}}
@media(max-width:560px){.stages{grid-template-columns:1fr}.stages>div{border-right:0;border-bottom:1px solid var(--line)}.crow{grid-template-columns:1fr}}

/* ---------- video ---------- */
.reel{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--navy);display:block}
.reel img{display:block;width:100%;height:100%;object-fit:cover;opacity:.78}
.reel .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--accent-strong);box-shadow:0 8px 28px rgba(0,0,0,.35);border:0;cursor:pointer}
.reel .play:after{content:"";position:absolute;left:34px;top:26px;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
.reel .cap{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.6);display:flex;justify-content:space-between;gap:10px;align-items:flex-end;flex-wrap:wrap}
.reel .proof{position:absolute;top:14px;left:14px}
.legend2{font-size:13.5px;color:var(--muted);margin-top:12px}.legend2 b{color:var(--navy)}

/* mini artifacts (process map, bars, tiers, split) */
.pmap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;font-weight:800;padding:12px}
.pmap .nd{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--navy)}
.pmap .nd.hot{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent-deep)}
.pmap .ar{color:var(--muted)}
.tiers3{display:grid;gap:6px;padding:0 12px 12px}
.tiers3 div{display:flex;justify-content:space-between;border-radius:8px;padding:7px 10px;font-size:12.5px;font-weight:800}
.t-h{background:#eef2f5;color:var(--navy)}.t-a{background:var(--accent-tint);color:var(--accent-deep)}.t-r{background:var(--navy);color:#fff}
.bars{display:grid;gap:7px;padding:12px}
.bar{display:grid;grid-template-columns:118px 1fr 18px;gap:8px;align-items:center;font-size:12.5px;font-weight:700;color:var(--navy)}
.bar .track{height:10px;background:var(--soft);border-radius:999px;overflow:hidden}
.bar .fill{height:100%;background:var(--navy);border-radius:999px}.bar .fill.l3{background:var(--accent)}.bar .fill.crm{background:var(--slate)}
.split-bar{display:flex;height:46px;border-radius:10px;overflow:hidden;font-weight:900;color:#fff}
.split-bar div{display:flex;align-items:center;justify-content:center;font-size:14px}

/* ---------- statement ---------- */
.stmt{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:40px;align-items:center}
.stmt .portrait{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--navy-2)}
.stmt .portrait img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.stmt{grid-template-columns:1fr}.stmt .portrait{max-width:320px}}

/* ---------- gateways ---------- */
.gw-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px}
.gw-big a.card{min-height:190px}
.gw-big a.card .n{margin-bottom:2px}
.gw-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin-top:12px}
.gw-small a{display:flex;flex-direction:column;gap:2px;text-decoration:none;border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;background:#fff}
.gw-small a:hover{border-color:var(--accent)}
.gw-small b{color:var(--navy)}.gw-small span{color:var(--muted);font-size:14.5px}.gw-small em{font-style:normal;color:var(--accent-deep);font-weight:800;font-size:14px;margin-top:4px}

/* ---------- tables (copy-heavy comparisons) ---------- */
.tw2{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}
.tw2 table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:560px}
.tw2 th,.tw2 td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tw2 th{background:var(--soft);color:var(--navy);font-weight:800}
.tw2 tr:last-child td{border-bottom:0}
.tw2 td:first-child{font-weight:800;color:var(--navy)}

/* ---------- product cards (How we help) ---------- */
.stagehead{display:flex;align-items:baseline;gap:12px;margin:34px 0 12px;flex-wrap:wrap}
.stagehead .n{font-weight:900;color:var(--accent-strong);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.stagehead h3{font-size:24px;margin:0}
.pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px}
.pc{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}
.pc h4{font-size:19px;color:var(--navy);margin:0;line-height:1.2}
.pc .sub{font-style:italic;color:var(--navy);font-weight:700;font-size:15px}
.pc p{margin:0;color:var(--ink);font-size:15.5px}
.pc dl{margin:4px 0 0;display:grid;gap:6px;font-size:14.5px}
.pc dt{font-weight:900;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.pc dd{margin:0;color:var(--muted)}
.pc .ft2{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.pc .watch{font-size:12.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--green);text-decoration:none;border:1px solid #bfe0cf;background:var(--green-bg);border-radius:999px;padding:3px 9px}
.pc.addon{background:var(--accent-wash);border:2px dashed var(--accent-line);box-shadow:none}
.pc.feat{border:2px solid var(--accent)}
.underline{margin:12px 0 0;font-weight:700;color:var(--navy);font-size:15.5px}
.path4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;counter-reset:p4}
.path4 .pc{counter-increment:p4}
.path4 .pc .stp{font-weight:900;color:var(--accent-strong);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}

/* ---------- galleries (proof, keynotes, cracking) ---------- */
.fbar{display:grid;gap:8px;margin:0 0 6px}
.fbar .chips{margin:0}
.gal2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}
.gt{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;text-align:left;font:inherit;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s}
.gt:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--accent-line)}
.gt .vis{position:relative;aspect-ratio:16/9;background:var(--navy-2);overflow:hidden}
.gt .vis img{width:100%;height:100%;object-fit:cover;display:block}
.gt .vis .proof{position:absolute;top:10px;left:10px}
.gt .vis .lg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff}
.gt .vis .lg img{max-height:60px;width:auto;height:auto;filter:brightness(0);opacity:.7;object-fit:contain}
.gt .vis .lg .wm{font-weight:900;font-size:22px;color:var(--navy);text-align:center}
/* keynote tile with a stage photo: photo fills the box, logo or name on a white label bottom left */
.gt .vis .kimg{position:absolute;inset:0}
.gt .vis.kph .lg{inset:auto auto 10px 10px;max-width:calc(100% - 20px);padding:7px 12px;border-radius:var(--r-sm);box-shadow:0 2px 12px rgba(14,36,82,.22)}
.gt .vis.kph.krl .lg{max-width:calc(100% - 74px)}
.gt .vis.kph .lg img{max-height:24px}
.gt .vis.kph .lg img.sq{max-height:34px}
.gt .vis.kph .lg .wm{font-size:13.5px;line-height:1.2;text-align:left}
.gt .vis .nx{position:absolute;top:10px;right:10px;background:var(--accent-strong);color:#fff;font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.gt .vis .pl{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--accent-strong)}
.gt .vis .pl:after{content:"";position:absolute;left:15px;top:12px;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.gt .tx{padding:12px 14px 16px;display:flex;flex-direction:column;gap:3px;flex:1}
.gt small{font-weight:800;color:var(--accent-strong);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.gt b{color:var(--navy);font-size:17px;line-height:1.25}
.gt span.m{color:var(--muted);font-size:14px}
.gt .oc{align-self:flex-start;margin-top:6px}
.gt.hide{display:none}
.oc{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.oc.cr{background:var(--green-bg);color:var(--green)}.oc.cb{background:var(--navy);color:#fff}.oc.ny{background:var(--accent-tint);color:var(--accent-deep)}
.more-row{text-align:center;margin-top:16px}

/* ---------- case page ---------- */
.case-sec{border-top:1px solid var(--line);padding:26px 0}
.case-sec>.kick{display:block;margin-bottom:8px}
.case-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.case-side{position:sticky;top:90px;background:var(--soft);border-radius:var(--r);padding:18px}
.case-side dl{margin:0;display:grid;gap:10px}.case-side dt{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.case-side dd{margin:0;font-weight:800;color:var(--navy)}
@media(max-width:900px){.case-grid{grid-template-columns:1fr}.case-side{position:static}}

/* ---------- intake wizard ---------- */
.wiz{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:26px;max-width:820px}
.wiz-prog{display:flex;gap:6px;margin-bottom:6px}
.wiz-prog i{flex:1;height:6px;border-radius:999px;background:var(--line)}
.wiz-prog i.on{background:var(--accent-strong)}
.wiz-step{display:none}.wiz-step.on{display:block}
.wiz .stl{font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:10px 0 2px}
.wiz h3{font-size:22px;margin:0 0 14px}
.wiz .qq{margin:16px 0 8px;font-weight:800;color:var(--navy)}
.wiz textarea,.wiz input[type=text],.wiz input[type=email],.wiz input[type=tel]{width:100%;font:16px var(--font);padding:12px 14px;border:2px solid var(--line);border-radius:var(--r-sm);color:var(--ink);background:#fff}
.wiz textarea{min-height:120px;resize:vertical}
.wiz textarea:focus,.wiz input:focus{outline:none;border-color:var(--accent-strong)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts button{font:800 14.5px var(--font);border:2px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:8px 14px;cursor:pointer}
.opts button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.wiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px;flex-wrap:wrap}
.wiz .hint{color:var(--error);font-weight:700;font-size:14px;min-height:20px;margin-top:8px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fields label{display:grid;gap:4px;font-size:13.5px;font-weight:800;color:var(--muted)}
@media(max-width:600px){.fields{grid-template-columns:1fr}}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-weight:700;color:var(--navy)}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent-strong)}
.res{border-radius:var(--r);padding:18px 20px;background:var(--accent-wash);border-left:5px solid var(--accent-strong);margin-top:8px}
.res h4{margin:0 0 4px;font-size:20px;color:var(--navy)}
.res p{margin:0;color:var(--ink)}
.res .add{margin-top:8px;font-weight:700;color:var(--navy)}
.done-box{text-align:left}
.done-box ol{padding-left:20px;margin:10px 0 0}.done-box li{margin:6px 0}

/* ---------- checks (tools) ---------- */
.chk{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:start}
.pillar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.pillar label{font-weight:800;color:var(--navy);font-size:15px}
.pillar label small{display:block;color:var(--muted);font-weight:600;font-size:12.5px}
.lv{display:flex;gap:4px}
.lv button{font:900 14px var(--font);width:34px;height:34px;border-radius:8px;border:2px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.lv button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.lv button.l3[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong)}
.pillar.crm{background:var(--soft);border-radius:10px;padding:10px 12px;border:0;margin-top:8px}
.result{position:sticky;top:90px}
.result .score{font-size:44px;font-weight:900;color:var(--navy);line-height:1}
.reco{border-radius:12px;padding:12px 14px;margin-top:12px;font-weight:700;font-size:15.5px}
.reco.engine{background:var(--accent-wash);color:var(--accent-deep);border-left:4px solid var(--accent-strong)}
.reco.found{background:var(--error-bg);color:#8a2a1c;border-left:4px solid var(--error)}
.reco.proc{background:var(--soft);color:var(--navy);border-left:4px solid var(--slate)}
.reco.top{background:var(--green-bg);color:#145a3b;border-left:4px solid var(--green)}
.qlist{display:grid;gap:10px}
.qrow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 16px}
.qrow b{color:var(--navy)}.qrow span{display:block;font-size:14px;color:var(--muted)}
.yn{display:flex;gap:6px}
.yn button{font:800 14px var(--font);border:2px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:6px 14px;cursor:pointer}
.yn button[aria-pressed=true].y{background:var(--green);border-color:var(--green);color:#fff}
.yn button[aria-pressed=true].n{background:var(--slate);border-color:var(--slate);color:#fff}
.out{margin-top:14px;border-radius:var(--r);padding:16px 18px;font-weight:700;background:var(--soft);color:var(--navy)}
.out.good{background:var(--green-bg);color:#145a3b}.out.warn{background:var(--accent-wash);color:var(--accent-deep)}
.privacy{font-size:13.5px;color:var(--muted);margin-top:10px}
@media(max-width:820px){.chk{grid-template-columns:1fr}.result{position:static}}
@media(max-width:560px){.pillar{grid-template-columns:1fr}.qrow{grid-template-columns:1fr}}

/* ---------- academy ---------- */
.wk{display:none;padding:18px 0 0}.wk.on{display:block}
.wk .qline{font-weight:900;color:var(--navy);font-size:20px;margin:0 0 6px}
.wk .when{font-size:13.5px;font-weight:800;color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase}

/* ---------- media brands ---------- */
.mb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:center}
.mb .logo-mark{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:28px;color:var(--navy);letter-spacing:-.02em}
.mb .logo-mark i{width:42px;height:42px;border-radius:12px;background:var(--navy);display:inline-block;position:relative}
.mb .logo-mark i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);right:7px;bottom:7px}
.sx.navy .mb .logo-mark{color:#fff}.sx.navy .mb .logo-mark i{background:#fff}
.plat{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.plat a{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--navy);border-radius:999px;padding:7px 14px;font-weight:800;font-size:14.5px;color:var(--navy);text-decoration:none;background:#fff}
.plat a:hover{background:var(--navy);color:#fff}
.sx.navy .plat a{border-color:#fff;color:#fff;background:transparent}.sx.navy .plat a:hover{background:#fff;color:var(--navy)}
.reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.reels .ph-asset{aspect-ratio:9/16;min-height:0;border-radius:var(--r-sm)}
@media(max-width:860px){.mb{grid-template-columns:1fr}}
@media(max-width:560px){.reels{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- about ---------- */
.member img{background:var(--soft)}
.member .rl{font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong)}
.team-g{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:28px 0 10px}
.vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}
.partners{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center}
.partners img{height:40px;width:auto;max-width:170px;object-fit:contain}

.lw-i img.op,.gt .vis .lg img.op,#ac-logos img.op{filter:grayscale(1);mix-blend-mode:multiply;opacity:.8}
.lw-i img.sq{max-height:58px} /* badge-shaped logos (shape "square" in logos.json) need more height than a wordmark */
.gt .vis .lg img.sq{max-height:96px}
@media(max-width:1320px){.strip .brand-i small{display:none}}
/* override: werchota.css has a generic round .n badge that also hits the text-style .card .n kicker */
.card .n,.stages .n,.stagehead .n{display:block;background:none;min-width:0;height:auto;border-radius:0;color:var(--accent-strong);place-items:initial;line-height:1.3}

/* ---------- Start banner: legacy layout (photo tile, three media-brand tiles, metrics + moving logos) ---------- */
.lhero{background:var(--navy);color:#fff;padding:28px 0 44px}
.lhero-wrap{max-width:1240px}
.lhero-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:20px}
.lh-main{grid-column:1/8;position:relative;border-radius:16px;overflow:hidden;min-height:430px;display:flex;align-items:flex-end;background:var(--navy-2)}
.lh-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(40%)}
.lh-in{position:relative;z-index:1;padding:56px 34px 34px;max-width:760px}
.lh-main .kick{color:var(--on-navy-muted)}
.lh-main h1{color:#fff;font-size:clamp(32px,4.6vw,54px);font-weight:800;margin:10px 0 14px}
.lh-main h1 em{font-style:normal;color:var(--accent-on-navy);background:linear-gradient(90deg,#D2640A,#FAF5EB);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lh-main .lead{color:var(--on-navy-muted);margin:0}
.lh-main .btn.ghost{background:transparent;color:#fff;border-color:#fff}.lh-main .btn.ghost:hover{background:#fff;color:var(--navy)}
.lh-side{grid-column:8/11;display:flex;flex-direction:column;gap:20px}
.lh-card{position:relative;flex:1;border-radius:16px;padding:18px 20px;background:linear-gradient(45deg,rgba(210,100,10,0),rgba(210,100,10,.22)),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:border-color .15s,transform .15s}
.lh-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.lh-link{position:absolute;inset:0;z-index:1;border-radius:16px}
.lh-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff;font-size:14.5px}
.lh-head .arr{color:var(--accent-on-navy);font-weight:900;font-size:18px}
.lh-body{display:flex;gap:14px;align-items:center}
.lh-body img{width:52px;height:52px;flex:none;border-radius:8px}
.lh-body b{display:block;color:#fff;font-size:19px;font-weight:800;line-height:1.2}
.lh-body span{display:block;color:var(--on-navy-muted);font-size:14px;line-height:1.35}
.lh-pf{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
.lh-pf a{font-size:12px;font-weight:800;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 10px}
.lh-pf a:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.lh-stats{grid-column:1/6;border-radius:16px;padding:22px;background:linear-gradient(90deg,rgba(127,156,154,.85),rgba(79,93,117,.85));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center}
.lh-stats b{display:block;font-size:clamp(22px,2.4vw,30px);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.02em}
.lh-stats span{display:block;font-size:13px;color:#f0f4f6;font-weight:700;margin-top:4px;line-height:1.3}
.lh-logos{grid-column:6/11;position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#b55408,#d2640a 45%,#e48d45);display:flex;align-items:center;min-height:108px}
.lh-track{display:flex;gap:46px;align-items:center;width:max-content;animation:lhmq 80s linear infinite;padding:0 24px}
.lh-logos:hover .lh-track,.lh-logos:focus-within .lh-track{animation-play-state:paused}
.lh-track img{height:30px;width:auto;max-width:140px;object-fit:contain;flex:none}
.lh-track .wm{color:#fff;font-weight:900;font-size:17px;white-space:nowrap;flex:none;letter-spacing:-.01em}
@keyframes lhmq{to{transform:translateX(-50%)}}
.lh-all{position:absolute;right:10px;bottom:8px;z-index:2;font-size:12px;font-weight:800;color:#fff;background:rgba(7,33,54,.55);border-radius:999px;padding:3px 10px;text-decoration:none}
.lh-all:hover{background:var(--navy)}
.lh-dup{display:contents}
@media(prefers-reduced-motion:reduce){.lh-dup{display:none}.lh-track{animation:none;flex-wrap:wrap;width:auto;gap:16px 30px;padding:18px 24px 30px}}
@media(max-width:1000px){.lh-main,.lh-side,.lh-stats,.lh-logos{grid-column:1/-1}.lh-side{flex-direction:row}.lh-card{flex:1 1 0}}
@media(max-width:760px){.lh-side{flex-direction:column}.lh-card{flex:none}.lh-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.lh-main{min-height:380px}.lh-in{padding:44px 20px 24px}}
@media(max-width:420px){.lh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- How we help: how-it-works diagrams ---------- */
.dg{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.dg-cap{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin-bottom:20px}
.dg-cap b{color:var(--navy);font-size:18px;font-weight:900}
.dg-cap span{color:var(--muted);font-size:14.5px}
.s1,.c1{--c:var(--accent);--ct:var(--accent-strong)}.s2,.c2{--c:var(--green);--ct:var(--green)}.s3,.c3{--c:var(--navy);--ct:var(--navy)}.s4,.c4{--c:var(--blue);--ct:var(--blue)}
.fl-dot{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;background:var(--c);box-shadow:0 0 0 6px #fff}
.fl-dot svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fl-n{font-weight:900;color:var(--ct);font-size:12.5px;letter-spacing:.12em}
.fl-prom{margin:0;font-weight:800;color:var(--ct);font-size:14.5px}
.fl-lab{display:block;font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-style:normal}
.fl-chips{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;align-items:flex-start}
.fl-fam{flex-basis:100%;font-style:normal;font-size:12px;font-weight:800;color:var(--muted)}
.fl-entry{font-size:13.5px;color:var(--muted);font-style:italic;border-left:3px solid var(--c);padding-left:10px;line-height:1.4}
.fl-entry .fl-lab{margin:0 0 2px}
.lane{margin-top:20px;background:var(--navy);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:center}
.lane-lab b{display:block;color:#fff}.lane-lab span{color:var(--on-navy-muted);font-size:13.5px}
.lane-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lane-steps li{position:relative;background:var(--navy-2);border:1px solid #21445f;border-radius:10px;padding:8px 10px}
.lane-steps li:not(:last-child):after{content:"\2192";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--accent-on-navy);font-weight:900;font-size:14px;z-index:1}
.lane-steps span{display:block;font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-on-navy)}
.lane-steps b{display:block;color:#fff;font-size:13.5px;line-height:1.25}
/* "A typical path": three phase cards on one line, each service chip in its stage's colour */
.tl3{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;padding:0;list-style:none}
.tl3:before{content:"";position:absolute;left:4%;right:4%;top:33px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),#f2cba6)}
.tl3 li{--seg:var(--accent);position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border:1px solid var(--line);border-top:4px solid var(--seg);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.tl3 li:nth-child(2){--seg:#e7a066}.tl3 li:nth-child(3){--seg:#f2cba6}
.tl3 li:not(:last-child):after{content:"\2192";position:absolute;right:-31px;top:16px;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--seg);border-radius:50%;background:#fff;font-size:14px;font-weight:900;color:var(--navy)}
.tl-ph{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.tl-k{padding:5px 14px;border-radius:999px;background:var(--seg);font-weight:900;font-size:13.5px;color:var(--navy)}
.tl3 li:first-child .tl-k{background:var(--accent-strong);color:#fff}
.tl-t{font-size:13px;font-weight:800;color:var(--muted)}
.tl3 p{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}
.tl-chips{display:flex;flex-wrap:wrap;gap:5px} /* right under the text: no gap opens up in the shorter cards */
.tl-chips span,.dg-legend span{display:inline-flex;align-items:center;gap:6px}
.tl-chips span{gap:5px;padding:3px 8px;border:1.5px solid var(--line);border-color:color-mix(in srgb,var(--c) 45%,#fff);border-radius:999px;background:var(--soft);background:color-mix(in srgb,var(--c) 9%,#fff);font-size:12px;font-weight:800;color:var(--navy)}
.tl-chips span:before,.dg-legend span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.dg-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:12.5px;font-weight:700;color:var(--muted)}
@media(max-width:900px){.lane{grid-template-columns:1fr}.lane-steps{grid-template-columns:1fr 1fr}.lane-steps li:after{display:none}}
@media(max-width:760px){.tl3{grid-template-columns:1fr;gap:34px}.tl3:before{left:50%;right:auto;top:0;bottom:0;width:3px;height:auto;margin-left:-1px;background:linear-gradient(180deg,var(--accent),#f2cba6)}.tl3 li:not(:last-child):after{content:"\2193";right:auto;left:50%;top:auto;bottom:-31px;margin-left:-13px}}
@media(max-width:560px){.dg{padding:18px 16px}.lane-steps{grid-template-columns:1fr}}

/* ---------- production additions (not in the mockup) ---------- */
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.sp-facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:152px;border:0;border-radius:12px;background:var(--navy);color:#fff;font:800 17px/1.2 var(--font);cursor:pointer}
.sp-facade:before{content:"";width:0;height:0;border-left:18px solid var(--accent-on-navy);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-bottom:6px}
.sp-facade small{font-weight:600;font-size:13px;color:var(--on-navy-muted)}
.sp-facade:hover,.sp-facade:focus-visible{background:var(--navy-2)}
.spotify.video .sp-facade{height:220px}
.art-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);margin:0 0 26px;background:var(--soft)}
.hero2 .lang-switch{margin-top:6px}
.gt[href]{display:flex}

/* logo wall: TBD placeholder tiles (data/logos.json "placeholder": true) */
.lw-i.tbd{border:1.5px dashed #b9c4cc;background:repeating-linear-gradient(135deg,#fff 0 10px,#f6f8f9 10px 20px)}
.lw-i.tbd .wm{color:#8a97a2;font-size:14px;letter-spacing:.14em}

/* How we help: the five situations in one row, each tinted in its stage colour */
.sit5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sit5 .card{min-height:0;padding:18px 16px 16px;box-shadow:none;background:var(--soft);background:color-mix(in srgb,var(--c) 9%,#fff);border:1px solid var(--line);border-color:color-mix(in srgb,var(--c) 26%,#fff);border-top:5px solid var(--c)}
.sit5 .card:hover{background:#fff;box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.sit5 .card .n{color:var(--ct);font-size:11.5px;letter-spacing:.1em}
.sit5 .card h3{font-size:18px;line-height:1.22;margin:2px 0 4px}
.sit5 .card p{font-size:14.5px;line-height:1.45;margin:0 0 10px;color:var(--ink)}
.sit5 .card .more{font-size:14.5px}
.sit5 .sit-com{background:var(--navy);border-color:var(--navy);border-top-color:var(--accent)}
.sit5 .sit-com:hover{background:var(--navy-2)}
.sit5 .sit-com .n,.sit5 .sit-com .more{color:var(--accent-on-navy)}
.sit5 .sit-com h3{color:#fff}.sit5 .sit-com p{color:var(--on-navy-muted)}
@media(max-width:1060px){.sit5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sit5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sit5{grid-template-columns:1fr}}

/* How we help: service details fold away behind "Show details" */
.pc-more{border-top:1px solid var(--line);padding-top:10px;margin-top:2px}
.pc-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:var(--navy);border-radius:6px}
.pc-more summary::-webkit-details-marker{display:none}
.pc-more summary:after{content:"";width:7px;height:7px;border-right:2.5px solid var(--accent-strong);border-bottom:2.5px solid var(--accent-strong);transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.pc-more[open] summary:after{transform:rotate(-135deg) translateY(-1px)}
.pc-more summary:hover{color:var(--accent-strong)}
.pc-more:not([open]) .c,.pc-more[open] .o{display:none}
.pc-more dl,.pc-more p{margin-top:10px!important}
.pc.addon .pc-more{border-top-color:var(--accent-line)}
.pcards{align-items:start}
@media(prefers-reduced-motion:reduce){.pc-more summary:after{transition:none}}

/* filters: one panel, a label column, compact chips with result counts; choices with no results are switched off */
.fbar,.lw-filters{display:grid;gap:0;margin:6px 0 4px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2px 18px;box-shadow:var(--shadow)}
.fgroup{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0}
.fgroup+.fgroup{border-top:1px solid var(--line)}
.fgroup .lab{display:block;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:34px;margin:0}
.fgroup .chips{margin:0;gap:6px}
.fgroup .chip{border:1px solid var(--line);padding:5px 12px;font:700 14px/1.2 var(--font);min-height:34px;gap:7px;color:var(--navy);transition:border-color .15s,background .15s,color .15s}
.fgroup .chip:hover:not(:disabled){border-color:var(--accent)}
.fgroup .chip .ct{font-size:11.5px;font-weight:800;color:var(--muted);background:var(--soft);border-radius:999px;padding:1px 7px;min-width:22px;text-align:center;line-height:1.5}
.fgroup .chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.fgroup .chip[aria-pressed=true] .ct{background:rgba(255,255,255,.18);color:#fff}
.fgroup .chip.all[aria-pressed=true]{background:#eaf0f4;border-color:#c9d4dc;color:var(--navy)}
.fgroup .chip:disabled{opacity:.4;cursor:not-allowed}
.fgroup .chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.lw-count{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:12px 0 16px}
.fclear{border:0;background:none;padding:0;font:800 14px var(--font);color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fclear:hover{color:var(--navy)}
.gempty{text-align:center;padding:30px 16px;border:1.5px dashed var(--line);border-radius:var(--r);color:var(--muted);margin-top:4px}
.gempty[hidden]{display:none}
.gempty p{margin:0 0 12px;font-weight:700}
@media(max-width:640px){
  .fbar,.lw-filters{padding:2px 0 2px 14px}
  .fgroup{grid-template-columns:1fr;gap:4px;padding:10px 0}
  .fgroup .lab{line-height:1.4}
  .fgroup .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 14px 4px 0;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .fgroup .chips::-webkit-scrollbar{display:none}
  .fgroup .chip{flex:none}
}

/* placeholder (TBD) tiles in galleries */
.gt.tbd{cursor:default;border:1.5px dashed #b9c4cc;background:repeating-linear-gradient(135deg,#fff 0 10px,#f6f8f9 10px 20px)}
.gt.tbd:hover{transform:none;box-shadow:none;border-color:#b9c4cc}
.gt.tbd .vis{background:#eef2f5}
.gt.tbd .lg{background:transparent}
.gt.tbd .lg .wm{color:#8a97a2;letter-spacing:.14em}

/* ---------- Academy: the legacy page's look (cream hero, peach sections, navy bands, sage week cards) ---------- */
.acx{--peach:#fff4e8;--sage:#becdcc;--sage-dk:#7a9896;--tan:#fbe3cd;--tan-ink:#8a4b16}
.acx svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acx-hero{background:var(--cream);padding:56px 0 64px}
.acx-hero h1{font-size:clamp(36px,5.4vw,60px);line-height:1.05;margin:10px 0 14px}
.acx-pills{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0 8px}
.acx-pills span{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--accent-strong);font-size:15px}
.acx-pills i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaa56c;color:#fff;flex:none}
.acx-band{background:var(--navy);color:#fff;padding:40px 0}
.acx-band-t{text-align:center;color:var(--on-navy-muted);font-weight:700;margin:0 0 20px}
.acx-partners{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 60px}
.acx-partners img{height:40px;width:auto;max-width:170px;object-fit:contain;filter:brightness(0) invert(1);opacity:.7}
.acx-peach{background:var(--peach)}
.acx-center{max-width:none;text-align:center}.acx-center .lead{margin-left:auto;margin-right:auto}
.acx-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.acx-card{background:#fff;border-radius:var(--r);padding:24px 22px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px rgba(7,33,54,.06)}
.acx-card>i{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--accent);color:#fff;margin-bottom:14px}
.acx-card>i svg{width:24px;height:24px}
.acx-card h3{margin:0;font-size:22px;line-height:1.15}
.acx-card .k{color:var(--accent-strong);font-weight:800;font-size:13.5px;margin-top:4px}
.acx-card p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.acx-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;text-align:center}
.acx-stats b{display:block;font-size:clamp(30px,3.6vw,46px);font-weight:900;color:#fff;line-height:1.05}
.acx-stats span{display:block;color:var(--on-navy-muted);font-weight:700;font-size:14.5px;margin-top:6px}
.acx-weeks{display:grid;gap:18px;max-width:1000px;margin:0 auto}
.acx-week{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 1px 3px rgba(7,33,54,.07)}
.acx-week header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:center;background:var(--sage);padding:24px 28px;transition:background .2s}
.acx-week:has(.acx-more[open]) header{background:#f7dcc2}
.acx-week .no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;font-weight:900;font-size:15px;margin-right:10px;vertical-align:middle}
.acx-week .wkl{font-size:13.5px;font-weight:800;color:var(--navy);vertical-align:middle}
.acx-week h3{margin:12px 0 4px;font-size:clamp(21px,2.4vw,27px)}
.acx-week .q{margin:0;color:#3d5262;font-weight:600}
.acx-week .d{margin:0;text-align:right;color:var(--navy);font-weight:600;font-size:15.5px;line-height:1.45}
.acx-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 28px;font-weight:800;color:var(--navy)}
.acx-more summary::-webkit-details-marker{display:none}
.acx-more summary:after{content:"";flex:none;width:8px;height:8px;border-right:2.5px solid var(--navy);border-bottom:2.5px solid var(--navy);transform:rotate(45deg) translateY(-3px);transition:transform .15s}
.acx-more[open] summary:after{transform:rotate(-135deg) translateY(-2px)}
.acx-more summary:hover{color:var(--accent-strong)}
.acx-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;padding:20px 28px 28px;border-top:1px solid var(--line)}
.acx-body h4{margin:0 0 10px;font-size:17px;color:var(--navy)}
.acx-body .acx-check+h4{margin-top:22px}
.acx-check{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.acx-check li{position:relative;padding-left:30px;font-size:15px;color:var(--ink);line-height:1.45}
.acx-check li:before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border:2px solid var(--accent);border-radius:50%;box-sizing:border-box}
.acx-check li:after{content:"";position:absolute;left:7px;top:5px;width:4px;height:8px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.acx-check.g li:before,.acx-check.g li:after{border-color:#45c487}
.acx-skills{display:flex;flex-wrap:wrap;gap:8px}
.acx-skills span{background:var(--tan);color:var(--tan-ink);font-weight:800;font-size:13.5px;border-radius:8px;padding:6px 12px}
.acx-side{display:grid;gap:14px;align-content:start}
.acx-green{background:#e3f4ea;border-radius:12px;padding:18px 20px;margin:0;color:#145a3b;font-weight:700;font-size:17px;line-height:1.4}
.acx-deliv span{display:block;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.acx-deliv p{margin:0;font-size:16px}
.acx-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1000px;margin:26px auto 0}
.acx-three .acx-card p{margin-top:6px}
.acx-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.acx-person{background:#fff;border-radius:var(--r);padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 1px 3px rgba(7,33,54,.06)}
.acx-person img{width:136px;height:136px;border-radius:50%;object-fit:cover;object-position:center 20%;margin-bottom:10px;background:var(--soft)}
.acx-person h3{margin:0;font-size:23px}
.acx-person .rl{color:var(--accent-strong);font-weight:800;font-size:15px}
.acx-person .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 14px}
.acx-person .tags span{background:#e8ecef;color:var(--navy);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}
.acx-person .acx-check{text-align:left;align-self:stretch}
.acx-price-band{padding:68px 0}
.acx-price-band h2{color:#fff}.acx-price-band .lead{color:var(--on-navy-muted)}
.acx-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:920px;margin:0 auto}
.acx-price{position:relative;background:#0d2b43;border:1px solid #21445f;border-radius:var(--r);padding:32px 28px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.acx-price.hi{border:2px solid var(--accent)}
.acx-price h3{color:#fff;margin:0;font-size:24px}
.acx-price .for{color:var(--on-navy-muted);margin:0 0 8px}
.acx-price .amt{font-size:54px;font-weight:900;line-height:1;color:#dbe3e8;letter-spacing:-.02em}
.acx-price.hi .amt{color:var(--accent-on-navy)}
.acx-price .pill2{background:#294a63;color:#fff;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;margin-top:8px}
.acx-price .was{color:#5fd39a;font-weight:700;font-size:15px}
.acx-price .was s{color:var(--on-navy-muted);margin-right:8px}
.acx-price .per{color:var(--on-navy-muted);font-size:14.5px}
.acx-price .acx-check{margin:20px 0 24px;text-align:left;align-self:stretch}
.acx-price .acx-check li{color:#e6edf1}
.acx-price .btn{margin-top:auto;align-self:stretch}
.acx-price .badge{position:absolute;top:-14px;right:22px;background:var(--accent);color:#fff;font-weight:900;font-size:13px;border-radius:999px;padding:5px 14px}
.acx-alumni{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--sage-dk);color:#fff;border-radius:var(--r);padding:26px 30px}
.acx-alumni h3{color:#fff;margin:0 0 6px;font-size:22px}.acx-alumni p{margin:0;font-weight:700}
.acx-alumni i svg{width:70px;height:70px;stroke:#fff;stroke-width:1.4}.acx-alumni .f{fill:#fff;stroke:none}
.acx-cohorts{background:#fff;border-radius:var(--r);padding:26px 30px;margin-top:22px;box-shadow:0 1px 3px rgba(7,33,54,.06)}
.acx-cohorts h3{margin:0 0 18px;font-size:22px}
.acx-coh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.acx-coh-list{display:grid;gap:10px}
.acx-coh-list span{background:var(--cream);border-radius:10px;padding:15px 18px;font-weight:800;color:var(--muted)}
.acx-coh-list span.on{background:var(--accent);color:#fff}
.acx-sess{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--navy);margin:0 0 10px}
.acx-sess i{color:var(--accent-strong);display:inline-flex}
.acx-dates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.acx-dates span{background:var(--tan);color:var(--tan-ink);font-weight:800;border-radius:8px;padding:8px 14px;font-size:14px}
.acx-faq{max-width:900px;margin:0 auto;display:grid;gap:12px}
.acx-faq details{background:#fff;border:0;border-radius:var(--r-sm);padding:16px 22px;box-shadow:0 1px 3px rgba(7,33,54,.05)}
.acx-faq details p{margin:8px 0 2px}
@media(max-width:1000px){.acx-why{grid-template-columns:repeat(2,minmax(0,1fr))}.acx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.acx-week header,.acx-body,.acx-team,.acx-prices,.acx-coh-grid{grid-template-columns:1fr}.acx-week .d{text-align:left}.acx-three{grid-template-columns:1fr}.acx-alumni i{display:none}.acx-week header,.acx-more summary{padding-left:20px;padding-right:20px}.acx-body{padding:18px 20px 22px}}
@media(max-width:520px){.acx-why{grid-template-columns:1fr}.acx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.acx-price .amt{font-size:46px}}

/* ---------- Tools: five tools on two full rows (3 + 2) ---------- */
.tools5{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.tools5>.card{grid-column:span 2;min-height:0}
.tools5>.card:nth-child(n+4){grid-column:span 3}
@media(max-width:900px){.tools5{grid-template-columns:repeat(2,minmax(0,1fr))}.tools5>.card,.tools5>.card:nth-child(n+4){grid-column:auto}.tools5>.card:last-child{grid-column:1/-1}}
@media(max-width:560px){.tools5{grid-template-columns:1fr}}
/* "Your picture": the Library styles .result as a navy panel; on Tools it is a white card */
.chk .result{background:#fff;color:var(--ink);margin:0;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.chk .result .kick{color:var(--accent-strong)}
.chk .result #r-sub,.chk .result .muted{color:var(--muted)}
.chk .result .bar span{color:var(--navy)}
/* Yes / No: equal, comfortable buttons (the class "n" clashed with the Library number badge) */
.yn{display:flex;gap:8px;align-items:center}
.yn button{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:42px;margin:0;padding:0 18px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:800 15px/1 var(--font);cursor:pointer;vertical-align:middle}
.yn button:hover{border-color:var(--accent)}
.yn button.yn-y[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.yn button.yn-n[aria-pressed=true]{background:var(--slate);border-color:var(--slate);color:#fff}
.yn button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* ---------- About: team in even columns; collaborators as compact cards ---------- */
#team-f,#team-t,#team-c{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.team .member{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 14px 16px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow)}
.team .member img{aspect-ratio:1;object-position:center 22%;border-radius:12px;margin-bottom:6px}
.team .member h3{margin:4px 0 0}
.team .member .rl{color:var(--accent-strong);font-weight:800;font-size:14px;line-height:1.35}
.team .member p{margin-top:4px}
.team .member .links{margin-top:auto;padding-top:10px}
#team-c .member{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:14px;align-content:start}
#team-c .member img{grid-row:1/span 5;width:76px;height:76px;border-radius:50%;margin:0}
#team-c .member h3{margin:0;font-size:16.5px}
#team-c .member .links{padding-top:6px}
@media(max-width:700px){#team-f,#team-t{grid-template-columns:1fr}#team-c{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#team-c{grid-template-columns:1fr}}

/* ---------- galleries with few tiles: one compact filter row ---------- */
.fbar.simple{background:none;border:0;box-shadow:none;padding:0}
.fbar.simple .fgroup{grid-template-columns:auto minmax(0,1fr);padding:0;border:0}
.fbar .chip[hidden]{display:none}

/* ---------- media strip: brand names and platform icons only ---------- */
.strip .wrap{justify-content:center;gap:6px 0;min-height:42px}
.strip .lead-in{display:none}
.strip .brand-i{gap:10px;padding:0 24px}
.strip .brand-i+.brand-i{border-left:1px solid rgba(255,255,255,.16)}
.strip .brand-i .bn{color:#fff;font-weight:900;text-decoration:none}
.strip .brand-i .bn:hover{color:var(--accent-on-navy)}
.pf{gap:6px}
.pf a{width:28px;height:28px;min-width:0;padding:0;border-radius:50%;background:rgba(255,255,255,.1)}
.pf a:before{width:15px;height:15px}
@media(max-width:900px){.strip .brand-i{padding:0 14px}}

/* ---------- platform icons on every platform button ---------- */
:is(.pf,.lh-pf,.plat,.listen) a:before{content:"";flex:none;width:15px;height:15px;background:currentColor;-webkit-mask:var(--ic,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 15L15 9M10 6h8v8M18 6L9 15'/%3E%3C/svg%3E")) center/contain no-repeat;mask:var(--ic,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 15L15 9M10 6h8v8M18 6L9 15'/%3E%3C/svg%3E")) center/contain no-repeat}
:is(.lh-pf,.plat,.listen) a{display:inline-flex;align-items:center;gap:7px}
.lh-pf a{padding:4px 11px 4px 9px}
:is(.pf,.lh-pf,.plat,.listen) a[href*="spotify.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M7 9.6c3.4-1 7.3-.6 10.3 1M7.7 12.7c2.9-.8 5.8-.5 8.3.9M8.3 15.6c2.3-.6 4.4-.4 6.3.7'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="youtube.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M21.6 7.2a2.6 2.6 0 0 0-1.8-1.8C18.2 5 12 5 12 5s-6.2 0-7.8.4A2.6 2.6 0 0 0 2.4 7.2 27 27 0 0 0 2 12a27 27 0 0 0 .4 4.8 2.6 2.6 0 0 0 1.8 1.8C5.8 19 12 19 12 19s6.2 0 7.8-.4a2.6 2.6 0 0 0 1.8-1.8A27 27 0 0 0 22 12a27 27 0 0 0-.4-4.8zM10 15V9l5.2 3z'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="podcasts.apple.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10' r='2.4' fill='%23000'/%3E%3Cpath d='M8.2 14.4a5.5 5.5 0 1 1 7.6 0M5.6 17.4a9 9 0 1 1 12.8 0M12 13.5V21'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="linkedin.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4.5 3h15A1.5 1.5 0 0 1 21 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3zM7 10h2.6v7H7zM8.3 6.2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zM11.3 10h2.5v1c.4-.7 1.3-1.2 2.4-1.2 2 0 2.8 1.3 2.8 3.3V17h-2.6v-3.4c0-.9-.3-1.6-1.2-1.6s-1.3.7-1.3 1.6V17h-2.6z'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="chief.werchota.ai"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6M15 20c0-2.4 1.3-4.4 3.5-4.4S22 17.6 22 20'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="instagram.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.3' cy='6.7' r='.6' fill='%23000'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="tiktok.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.5 3h3c.2 1.9 1.6 3.3 3.5 3.5v3a6.5 6.5 0 0 1-3.5-1.1v6.1a5.5 5.5 0 1 1-5.5-5.5c.3 0 .7 0 1 .1v3.1a2.5 2.5 0 1 0 1.5 2.3z'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="substack.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 3h16v2.4H4zM4 7.3h16v2.4H4zM4 11.6h16V21l-8-4.5L4 21z'/%3E%3C/svg%3E")}

/* ---------- Start: the chooser carries on the banner (navy, tiles, orange) ---------- */
#chooser-sec{background:var(--navy);padding:4px 0 72px}
#chooser-sec .chooser{margin:0}
#chooser .kick{color:var(--accent-on-navy)}
#chooser .q{color:#fff}
#chooser .help{color:var(--on-navy-muted);font-size:16px;margin:4px 0 22px}
#chooser .sit{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#chooser .sit button{position:relative;display:flex;flex-direction:column;gap:14px;min-height:186px;padding:20px 18px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(45deg,rgba(210,100,10,0),rgba(210,100,10,.2)),rgba(255,255,255,.05);color:#fff;font-size:17px;font-weight:800;line-height:1.25;transition:transform .15s,border-color .15s,background-color .15s,box-shadow .15s}
#chooser .sit button:before{content:"";flex:none;width:46px;height:46px;border-radius:12px;background:var(--accent) var(--si) center/24px no-repeat}
#chooser .sit button:after{content:"\2192";position:absolute;top:20px;right:18px;color:var(--accent-on-navy);font-weight:900;font-size:19px;opacity:.75}
#chooser .sit button small{margin-top:auto;color:var(--on-navy-muted);font-style:italic;font-weight:600;font-size:14.5px;line-height:1.4}
#chooser .sit button:hover{border-color:var(--accent);transform:translateY(-3px);background-color:rgba(255,255,255,.09)}
#chooser .sit button[aria-pressed=true]{background:linear-gradient(140deg,#e07a24,#b55408);border-color:#f0a35f;box-shadow:0 16px 36px rgba(210,100,10,.35)}
#chooser .sit button[aria-pressed=true]:before{background-color:var(--navy)}
#chooser .sit button[aria-pressed=true] small{color:#fff}
#chooser .sit button[aria-pressed=true]:after{content:"\2713";opacity:1;color:#fff}
#chooser .sit button[data-sit=lead]{--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5z'/%3E%3C/svg%3E")}
#chooser .sit button[data-sit=team]{--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6M15 20c0-2.4 1.3-4.4 3.5-4.4S22 17.6 22 20'/%3E%3C/svg%3E")}
#chooser .sit button[data-sit=skills]{--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9L12 4.5 21.5 9 12 13.5z'/%3E%3Cpath d='M6.5 11v4.5c1.5 1.5 3.4 2.3 5.5 2.3s4-.8 5.5-2.3V11M21.5 9v5'/%3E%3C/svg%3E")}
#chooser .sit button[data-sit=case]{--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6L4.6 18.6A1.6 1.6 0 0 0 6 21h12a1.6 1.6 0 0 0 1.4-2.4L14 9V3'/%3E%3Cpath d='M7.2 15h9.6'/%3E%3C/svg%3E")}
#chooser .sit button[data-sit=sales]{--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8M15 7h6v6'/%3E%3C/svg%3E")}
#chooser .answer{margin-top:18px;background:#fff;color:var(--ink);border-top:5px solid var(--accent);box-shadow:0 20px 50px rgba(0,0,0,.3)}
#chooser .answer h3{color:var(--navy);font-size:26px}
#chooser .answer .kick{color:var(--accent-strong)}
#chooser .answer p{color:var(--ink)}
#chooser .path span{background:var(--soft);border-color:var(--line);color:var(--navy)}
#chooser .path span.first{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
#chooser .answer .btn.ghost{color:var(--navy);border-color:var(--navy);background:#fff}
#chooser .answer .reset{color:var(--muted)}
#chooser>p.muted{color:var(--on-navy-muted)!important}
#chooser>p.muted .more{color:var(--accent-on-navy)}
@media(max-width:1060px){#chooser .sit{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#chooser .sit{grid-template-columns:repeat(2,minmax(0,1fr))}#chooser .sit button{min-height:0}}
@media(max-width:480px){#chooser .sit{grid-template-columns:1fr}}

/* ---------- handwriting (the legacy site used "Just Me Again Down Here"; until it is self-hosted, system hands) ---------- */
:root{--hand:"Just Me Again Down Here","Segoe Print","Bradley Hand","Marker Felt","Comic Sans MS",cursive}

/* ---------- Start: "How we work" as the legacy four-step staircase ---------- */
#process{background:var(--cream)}
.stairs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:end;margin-top:12px}
.st-steps{position:absolute;left:0;right:0;bottom:0;width:100%;height:240px;z-index:0}
.st-col{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:calc(66px + var(--k) * 48px)}
.st-card{position:relative;width:100%;background:#fff;border:2px solid transparent;border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 30px rgba(7,33,54,.1);transition:border-color .2s,box-shadow .2s,transform .2s}
.st-card>i{display:inline-flex;color:var(--accent-strong);margin-bottom:6px}
.st-card svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.st-card .n{display:block;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong);background:none;min-width:0;height:auto;border-radius:0;padding:0;margin:0}
.st-card h3{margin:0;font-size:20px;line-height:1.2}
.st-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.45}
.st-card .pr{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--slate);line-height:1.45}
.st-card .you{display:none;position:absolute;top:-12px;right:14px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.st-no{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font:400 28px/1 var(--hand);color:#fff;background:#a3b1af;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.st-col:nth-child(even) .st-no{background:#cc8d55}
.st-col.hl .st-card{border-color:var(--accent);box-shadow:0 16px 40px rgba(210,100,10,.28);transform:translateY(-4px)}
.st-col.hl .you{display:inline-block}
.st-loop{position:relative;height:24px;margin:14px 9% 58px;border:2px dashed #94a3ad;border-top:0;border-radius:0 0 12px 12px}
.st-loop:before{content:"";position:absolute;left:-8px;top:-10px;border:7px solid transparent;border-bottom:9px solid #94a3ad;border-top:0}
.st-loop span{position:absolute;left:50%;top:100%;transform:translate(-50%,10px);white-space:nowrap;font:400 23px/1.2 var(--hand);color:var(--navy)}
@media(max-width:900px){.st-steps,.st-loop:before{display:none}.stairs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.st-col{margin-bottom:0;flex-direction:column-reverse}.st-card{flex:1}.st-loop{height:auto;border:0;margin:18px 0 0}.st-loop span{position:static;transform:none;white-space:normal;display:block;text-align:center}}
@media(max-width:560px){.stairs{grid-template-columns:1fr}}

/* ---------- Start: the chooser as a sticky-note board (legacy "before / after" board) ---------- */
#chooser .sit{position:relative;background:var(--cream);border:14px solid var(--accent);border-radius:24px;padding:40px 30px 36px;gap:26px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
#chooser .sit button{--note:#fff6b3;--rot:0deg;background:var(--note);border:0;border-radius:3px;min-height:214px;padding:36px 18px 18px;gap:12px;color:var(--navy);font-size:14px;font-weight:800;line-height:1.3;box-shadow:0 12px 20px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.1);transform:rotate(var(--rot))}
#chooser .sit button:before{position:absolute;top:11px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f29a55,#a9520a);box-shadow:0 3px 4px rgba(0,0,0,.3)}
#chooser .sit button:after{content:none}
#chooser .sit button small{order:-1;margin:0;font:400 21px/1.25 var(--hand);font-style:normal;color:#1f2a33}
#chooser .sit button[data-sit=lead]{--note:#e7dcf6;--rot:-2deg}
#chooser .sit button[data-sit=team]{--note:#f7d4e0;--rot:1.5deg}
#chooser .sit button[data-sit=skills]{--note:#d7e9fb;--rot:-1deg}
#chooser .sit button[data-sit=case]{--note:#e9f4c6;--rot:2deg}
#chooser .sit button[data-sit=sales]{--note:#f6c99a;--rot:-1.5deg}
#chooser .sit button:hover{background:var(--note);border:0;transform:rotate(0deg) translateY(-6px) scale(1.02);box-shadow:0 18px 30px rgba(0,0,0,.24)}
#chooser .sit button[aria-pressed=true]{background:var(--note);border:0;transform:rotate(0deg) scale(1.05);box-shadow:0 0 0 4px var(--navy),0 22px 40px rgba(0,0,0,.3)}
#chooser .sit button[aria-pressed=true]:before{background:radial-gradient(circle at 35% 35%,#4b6d8a,var(--navy))}
#chooser .sit button[aria-pressed=true] small{color:#1f2a33}
#chooser .sit button[aria-pressed=true]:after{content:"Your pick";position:absolute;top:auto;bottom:-12px;right:12px;left:auto;background:var(--navy);color:#fff;font:900 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;opacity:1}
#chooser .sit button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#chooser .sit button{transform:none!important;transition:none}}
@media(max-width:760px){#chooser .sit{padding:30px 18px 26px;border-width:10px;gap:20px}#chooser .sit button{min-height:170px}}

/* ---------- stronger contrast: navy heroes, blue-grey alternates, orange closing bands, navy footer ---------- */
.sx.soft{background:#d9e2ea}
.hero2.dark .jump a{color:#fff;border-bottom-color:var(--accent-on-navy)}
.hero2.dark .crumb2,.hero2.dark .crumb2 a{color:var(--on-navy-muted)}
.hero2.dark .facts span{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}
.hero2.dark .lang-switch{color:#fff}
.hero2.dark .lang-switch button{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.hero2.dark .lang-switch button[aria-pressed=true]{background:#fff;color:var(--navy);border-color:#fff}
.hero2.dark .ep-meta span{color:var(--on-navy-muted)}
.hero2.dark .media img{border-radius:var(--r)}
.sx:has(> .wrap > .cta-block){background:linear-gradient(135deg,#d2640a 0%,#b9580a 55%,#9c4a0a 100%);padding-top:64px!important;padding-bottom:64px!important}
.sx:has(> .wrap > .cta-block) .cta-block{box-shadow:0 24px 60px rgba(7,33,54,.35)}
.site-ft{background:var(--navy-deep);border-top:0;color:var(--on-navy-muted)}
.site-ft .logo{color:#fff}
.site-ft .ft-logo p{color:var(--on-navy-muted)}
.site-ft .ft-h{color:#fff}
.site-ft nav a{color:#e3eaef}
.site-ft nav a:hover{color:var(--accent-on-navy)}
.site-ft .ft-bot{border-top-color:rgba(255,255,255,.12)}
.site-ft .ft-bot a{color:var(--on-navy-muted)}
.dd-t.cur{background:var(--soft)}
/* banner media tiles: icon pills must fit three on one line */
.lh-pf{gap:5px;flex-wrap:nowrap}
.lh-pf a{padding:3px 9px 3px 7px;font-size:11.5px;gap:5px;white-space:nowrap}
.lh-pf a:before{width:13px;height:13px}
/* Academy hero: text left, video right, as on the legacy page */
.acx-hero .grid-h{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center}
.acx-hero .media .embed{border-radius:var(--r);overflow:hidden;box-shadow:0 18px 40px rgba(7,33,54,.18)}
@media(max-width:900px){.acx-hero .grid-h{grid-template-columns:1fr;gap:26px}}
/* the legacy handwriting runs small and light: set it larger, as the legacy board did */
#chooser .sit button small{font-size:28px;line-height:1.12;letter-spacing:.01em}
.st-no{font-size:36px}
.st-loop span{font-size:30px}
@media(max-width:760px){#chooser .sit button small{font-size:26px}}
/* sticky-note board: a thinner frame and pick ring, for balance */
#chooser .sit{border-width:7px;border-radius:20px}
#chooser .sit button[aria-pressed=true]{box-shadow:0 0 0 3px var(--navy),0 22px 40px rgba(0,0,0,.3)}
@media(max-width:760px){#chooser .sit{border-width:6px}}
/* tiles in one row always share one height (opening one card stretches its row) */
.pcards{align-items:stretch}
.pcards>.pc,.path4>.pc{height:100%}
.pc .ft2{margin-top:auto}
/* closing bands: blue-grey (the legacy metrics-tile gradient), not dark orange */
.sx:has(> .wrap > .cta-block){background:linear-gradient(120deg,#7f9c9a 0%,#5f7488 55%,#4f5d75 100%)}

/* ---------- header: Media dropdown (label link + chevron button + panel) ---------- */
.mdd{position:relative;display:inline-flex;align-items:center}
.mdd-a{display:inline-flex;align-items:center;padding:9px 2px 9px 9px;border-radius:var(--pill) 0 0 var(--pill);color:var(--ink);text-decoration:none;font:700 14.5px var(--font);white-space:nowrap}
.mdd-t{display:inline-grid;place-items:center;width:26px;height:36px;padding:0;border:0;border-radius:0 var(--pill) var(--pill) 0;background:none;color:var(--ink);cursor:pointer}
.mdd-t:after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.mdd-t[aria-expanded=true]:after{transform:rotate(-135deg) translateY(-1px)}
.mdd:hover .mdd-a,.mdd:hover .mdd-t,.mdd-a[aria-current=page],.mdd-a[aria-current=page]+.mdd-t,.mdd-t[aria-expanded=true]{background:var(--soft)}
.mdd-a[aria-current=page]+.mdd-t[aria-expanded=true]{background:var(--soft)}
.mdd .dd-p{top:calc(100% + 6px);right:0;left:auto}
.mdd .dd-p:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.mdd-t:focus-visible,.mdd-a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:1100px){.mdd{display:flex;flex-wrap:wrap;width:100%}.mdd-a{flex:1;padding:12px;border-radius:10px 0 0 10px}.mdd-t{width:48px;height:46px;border-radius:0 10px 10px 0}.mdd .dd-p{flex-basis:100%;position:static}.mdd .dd-p:before{display:none}}

/* ---------- platform icons: Amazon Music (a note) and the AI Neanderthal site (a book) ---------- */
:is(.pf,.lh-pf,.plat,.listen) a[href*="music.amazon"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l11-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3C/svg%3E")}
:is(.pf,.lh-pf,.plat,.listen) a[href*="aineanderthal.com"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V2H6.5A2.5 2.5 0 0 0 4 4.5z'/%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5'/%3E%3C/svg%3E")}

/* ---------- Media: AI Neanderthal, the daily podcast (navy section; episodes link out) ---------- */
.nd-pod{align-items:start}
.nd-art{display:block;width:168px;height:168px;margin:0 0 22px;border-radius:18px;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.sx.navy .nd-h{margin:0 0 12px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-on-navy)}
.sx.navy .ep{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.sx.navy a.ep:hover{background:rgba(255,255,255,.1);border-color:var(--accent-on-navy);box-shadow:none}
.sx.navy .ep h3{color:#fff;font-size:17px;line-height:1.3}
.sx.navy .ep p{color:var(--on-navy-muted);font-size:15px;line-height:1.5}
.sx.navy .ep .no{color:var(--accent-on-navy)}
.sx.navy .ep .no small,.sx.navy .ep-meta span{color:var(--on-navy-muted)}
.nd-all{margin-top:12px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);background:rgba(255,255,255,.04)}
.nd-all summary,.bk-ch summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-weight:800}
.nd-all summary{color:#fff}
.nd-all summary::-webkit-details-marker,.bk-ch summary::-webkit-details-marker{display:none}
.nd-all summary:after,.bk-ch summary:after{content:"";flex:none;width:8px;height:8px;border-right:2.5px solid var(--accent-on-navy);border-bottom:2.5px solid var(--accent-on-navy);transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.nd-all[open] summary:after,.bk-ch[open] summary:after{transform:rotate(-135deg) translateY(-1px)}
.nd-all:not([open]) .c,.nd-all[open] .o,.bk-ch:not([open]) .c,.bk-ch[open] .o{display:none}
.nd-list{list-style:none;margin:0;padding:0 8px 8px;max-height:520px;overflow:auto;overscroll-behavior:contain}
.sx.navy .nd-list a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px;border-top:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}
.nd-list a:hover .t{color:var(--accent-on-navy)}
.nd-list .no{font-weight:900;color:var(--accent-on-navy)}
.nd-list .t{font-weight:700;font-size:15px;line-height:1.35}
.nd-list .d{font-size:13px;color:var(--on-navy-muted);white-space:nowrap}
.nd-more{margin-top:14px;font-size:15px}
.nd-all summary:focus-visible,.bk-ch summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:560px){.sx.navy .nd-list a{grid-template-columns:36px minmax(0,1fr)}.nd-list .d{grid-column:2}}

/* ---------- Media: the book (cover, three cards, chapters, authors) ---------- */
.bk-top{align-items:center}
.bk-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}
.bk-facts li{padding:6px 12px;border-radius:var(--pill);background:var(--accent-tint);border:1px solid var(--accent-line);color:var(--accent-deep);font-weight:800;font-size:14px}
.bk-de{margin-top:12px;font-size:15px;color:var(--muted)}
.bk-cover{justify-self:center}
.bk-cover img{display:block;width:min(300px,70vw);height:auto;border-radius:6px;transform:rotate(2deg);box-shadow:0 30px 60px rgba(7,33,54,.28),0 4px 10px rgba(7,33,54,.12)}
.bk-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;align-items:stretch}
.bk-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.bk-card h3{margin:0;font-size:21px;line-height:1.25}
.bk-card p{margin:0}
.bk-card .btn{margin-top:auto;align-self:flex-start}
.bk-note{font-weight:800;color:var(--navy)}
/* the hook as a sticky note, like the board on Start */
.bk-hook{position:relative;padding-top:34px;background:#fff6b3;border:0;border-radius:3px;transform:rotate(-1deg);box-shadow:0 14px 26px rgba(0,0,0,.14),0 2px 4px rgba(0,0,0,.08)}
.bk-hook:before{content:"";position:absolute;top:11px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f29a55,#a9520a);box-shadow:0 3px 4px rgba(0,0,0,.3)}
.bk-hook .kick{color:var(--accent-deep)}
.bk-hook p{color:#1f2a33}
.bk-quote{margin-top:auto!important;font:400 36px/1.1 var(--hand);color:var(--navy)}
.bk-quote small{display:block;margin-top:6px;font:800 12px var(--font);letter-spacing:.1em;text-transform:uppercase;color:#5b5a3e}
/* the Neanderthal Matrix */
.nm{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px 8px;margin:6px 0 4px}
.nm-ay{grid-row:1;grid-column:1;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.nm-grid{grid-row:1;grid-column:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;aspect-ratio:1.45;padding:4px;border-left:2.5px solid var(--navy);border-bottom:2.5px solid var(--navy)}
.nm-grid span{display:grid;place-items:center;padding:6px;border-radius:8px;background:var(--soft);text-align:center;font:400 22px/1.05 var(--hand);color:var(--navy)}
.nm-grid .cave{background:#dfe6ec}
.nm-grid .hot{background:var(--accent-tint);color:var(--accent-deep)}
.nm-ax{grid-row:2;grid-column:2;text-align:right;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
/* chapters */
.bk-ch{margin-top:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}
.bk-ch summary{color:var(--navy);font-size:17px}
.bk-ch summary:after{border-color:var(--accent-strong)}
.bk-list{columns:3;column-gap:28px;list-style:none;margin:0;padding:0 20px 18px}
.bk-list li{display:flex;gap:10px;align-items:baseline;break-inside:avoid;padding:9px 0;border-top:1px solid var(--line);font-weight:700;color:var(--navy)}
.bk-list span{flex:none;width:26px;font-weight:900;color:var(--accent-strong)}
/* authors */
.bk-authors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;align-items:stretch}
.bk-au{display:flex;gap:16px;align-items:flex-start;height:100%;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.bk-au img{flex:none;width:76px;height:76px;border-radius:50%;object-fit:cover}
.bk-au b{display:block;font-size:17px;color:var(--navy)}
.bk-au small{display:block;margin:2px 0 6px;font-weight:800;font-size:13px;color:var(--accent-strong)}
.bk-au p{margin:0;font-size:15px;color:var(--muted)}
@media(max-width:900px){.bk-three{grid-template-columns:1fr}.bk-list{columns:2}.bk-hook{transform:none}}
@media(max-width:620px){.bk-authors{grid-template-columns:1fr}.bk-list{columns:1}}
@media(prefers-reduced-motion:reduce){.nd-all summary:after,.bk-ch summary:after{transition:none}}

/* ---------- Media: Chief AI community (figures, spaces, live sessions, Signals; all link to chief.werchota.ai) ---------- */
.ch-top{align-items:center}
.ch-app{margin-top:12px;font-size:15px;color:var(--muted)}
.ch-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.ch-stats div{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px;border-radius:var(--r);background:var(--navy);box-shadow:0 14px 30px rgba(7,33,54,.18)}
.ch-stats b{font-size:40px;line-height:1;font-weight:900;color:var(--accent-on-navy)}
.ch-stats span{font-size:14.5px;font-weight:700;line-height:1.35;color:var(--on-navy-muted)}
.ch-h{margin:48px 0 14px;font-size:22px;color:var(--navy)}
.ch-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 18px;margin-top:48px}
.ch-row .ch-h{margin:0 0 14px}
.ch-spaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.ch-sp{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}
.ch-sp:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.ch-sp b{font-size:18px;color:var(--navy)}
.ch-sp p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.ch-sp small{margin-top:auto;padding-top:6px;font-weight:800;font-size:13.5px;color:var(--accent-strong)}
.ch-sp.ch-ac{background:var(--accent-tint);border-color:var(--accent-line)}
.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.cs-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}
.cs-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.cs-card img{display:block;width:100%;height:auto;aspect-ratio:640/228;object-fit:cover;background:var(--navy)}
.cs-b{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px 16px 16px}
.cs-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;font-weight:800;color:var(--muted)}
.cs-meta span+span:before{content:"✦";margin-right:12px;font-size:10px;color:var(--accent)}
.cs-card h3{margin:0;font-size:17px;line-height:1.3;color:var(--navy)}
.cs-card p{margin:auto 0 0;font-size:14px;font-weight:700;color:var(--muted)}
.ch-all{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.ch-all summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-weight:800;color:var(--navy)}
.ch-all summary::-webkit-details-marker{display:none}
.ch-all summary:after{content:"";flex:none;width:8px;height:8px;border-right:2.5px solid var(--accent-strong);border-bottom:2.5px solid var(--accent-strong);transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.ch-all[open] summary:after{transform:rotate(-135deg) translateY(-1px)}
.ch-all:not([open]) .c,.ch-all[open] .o{display:none}
.ch-all summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.cs-list{list-style:none;margin:0;padding:0 12px 10px;max-height:520px;overflow:auto;overscroll-behavior:contain}
.cs-list a{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 6px;border-top:1px solid var(--line);color:var(--navy);text-decoration:none}
.cs-list a:hover .t{color:var(--accent-strong)}
.cs-list .d{font-size:13px;font-weight:800;color:var(--muted)}
.cs-list .t{font-weight:700;font-size:15px;line-height:1.35}
.cs-list .h{font-size:13px;color:var(--muted);white-space:nowrap}
.ch-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:stretch}
.sg-list{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.sg-list a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;text-decoration:none}
.sg-list a:hover{border-color:var(--accent)}
.sg-list .t{font-weight:800;font-size:15.5px;color:var(--navy)}
.sg-list .d{font-size:13px;font-weight:700;color:var(--muted)}
.ch-join{display:flex;flex-direction:column;gap:10px;margin-top:48px;padding:26px;border-radius:var(--r);background:var(--navy);box-shadow:0 18px 40px rgba(7,33,54,.25)}
.ch-join .kick{color:var(--accent-on-navy)}
.ch-join h3{margin:0;font-size:22px;line-height:1.25;color:#fff}
.ch-join h3 em{color:var(--accent-on-navy)}
.ch-join p{margin:0;color:var(--on-navy-muted)}
.ch-join .btn{margin-top:auto;align-self:flex-start}
@media(max-width:900px){.ch-spaces,.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-two{grid-template-columns:1fr}.ch-join{margin-top:24px}}
@media(max-width:560px){.ch-spaces,.cs-grid{grid-template-columns:1fr}.cs-list a{grid-template-columns:1fr;gap:2px}.cs-list .h{white-space:normal}.ch-stats b{font-size:32px}}
@media(prefers-reduced-motion:reduce){.ch-all summary:after{transition:none}}
.cs-ph{display:flex;flex-direction:column;justify-content:center;gap:2px;aspect-ratio:640/228;padding:0 22px;background:radial-gradient(circle at 85% 30%,rgba(210,100,10,.45),transparent 55%),var(--navy)}
.cs-ph b{font-size:24px;font-weight:900;color:#fff}
.cs-ph span{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-on-navy)}

/* ---------- The AI Cookbook: cream section (the show logo's background), navy show panel, white episode cards.
   The cover and the round logo switch with the EN / DE buttons (data-lang-block). ---------- */
.sx.ck{background:var(--cream)}
.ck-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;padding:40px 44px 44px 40px;border-radius:28px;background:var(--navy);box-shadow:0 30px 60px rgba(7,33,54,.22)}
.ck-panel .kick{color:var(--accent-on-navy)}
.ck-panel h2{margin:8px 0 0;color:#fff}
.ck-panel h2 em{color:var(--accent-on-navy)}
.ck-panel .lead{color:var(--on-navy-muted)}
.ck-art{position:relative;width:100%;max-width:420px;justify-self:center;margin:26px 26px 0 0}
.ck-cover{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:22px;box-shadow:0 22px 50px rgba(0,0,0,.4)}
/* the logo sits on the cover's empty top-right corner, clear of the "AI Cookbook" lettering */
.ck-logo{position:absolute;top:-26px;right:-26px;width:42%;height:auto;transform:rotate(8deg);filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}
.ck-facts{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:20px 0 0;padding:0}
.ck-facts li{display:flex;flex:1 1 130px;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07);font-size:13px;font-weight:700;line-height:1.3;color:var(--on-navy-muted)}
.ck-facts b{font-size:21px;font-weight:900;color:#fff}
.ck-panel .lang-switch,.ck-hero .lang-switch{display:flex;flex-wrap:wrap;margin-top:20px;color:#fff}
.ck-panel .lang-switch button{border-color:rgba(255,255,255,.4);background:transparent;color:#fff}
.ck-panel .lang-switch button[aria-pressed=true]{border-color:#fff;background:#fff;color:var(--navy)}
.ck-panel .plat a{border-color:#fff;background:transparent;color:#fff}
.ck-panel .plat a:hover{background:#fff;color:var(--navy)}
.ck-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:52px 0 16px}
.ck-h{margin:0;font-size:24px;color:var(--navy)}
.sx.ck .sort .ck-h{flex:1 1 auto}
.sx.ck input[type=search]{width:min(340px,100%);padding:11px 18px;border:1px solid var(--accent-line);border-radius:var(--pill);background:#fff;font:600 15px var(--font);color:var(--ink)}
.sx.ck .sort select{padding:10px 14px;border:1px solid var(--accent-line);border-radius:var(--pill);background:#fff;font:700 14px var(--font);color:var(--navy)}
.sx.ck .ep-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.sx.ck .ep{height:100%;border-color:transparent;box-shadow:0 4px 16px rgba(7,33,54,.07)}
.sx.ck a.ep:hover{border-color:var(--accent);box-shadow:0 12px 28px rgba(7,33,54,.14)}
.ep .ep-sum{margin:6px 0 10px;font-size:15px;line-height:1.5;color:var(--muted)}
.ep-sum span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-more{margin-top:26px;text-align:center}
.ep[hidden]{display:none} /* the episode search sets hidden; the Library's .ep{display:grid} would otherwise keep it visible */
/* archive hero and episode pages */
.ck-hero .ck-art{max-width:380px}
.ck-ephead{display:flex;align-items:center;gap:18px;margin-top:16px}
.ck-mini{flex:none;width:88px;height:88px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
.ck-mini img{display:block;width:100%;height:100%}
/* Start banner: the round Cookbook logo; pills wrap rather than run out of a narrow tile (around 1024 px) */
.lh-body img.rd{border-radius:50%}
.lh-pf{flex-wrap:wrap}
@media(max-width:900px){.ck-panel{grid-template-columns:1fr;gap:34px;padding:28px 22px 32px}.ck-art{max-width:320px}.sx.ck .ep-list{grid-template-columns:1fr}}
@media(max-width:560px){.ck-art{margin:20px 16px 0 0}.ck-logo{top:-18px;right:-14px;width:38%}.ck-mini{width:68px;height:68px}}

/* ---------- About: split hero (text on navy, the stage photo out to the screen edge), mission in three steps,
   figures on the keynote panorama ---------- */
/* columns: gutter | text half of the 1048 px content | photo half + right gutter, so the text lines up with .wrap */
.ab-hero{display:grid;grid-template-columns:minmax(16px,1fr) minmax(0,524px) minmax(0,524px) minmax(16px,1fr);min-height:min(80vh,680px);background:var(--navy)}
.ab-hero-txt{grid-column:2;display:flex;align-items:center;padding:72px 48px 72px 0}
.ab-hero-img{grid-column:3 / 5}
.ab-hero-in{max-width:560px}
.ab-hero .kick{color:var(--accent-on-navy)}
.ab-hero h1{margin:12px 0 20px;font-size:clamp(40px,5vw,66px);line-height:1.04;color:#fff}
.ab-hero h1 em{color:var(--accent-on-navy)}
.ab-hero .lead{font-size:clamp(17px,1.5vw,19px);color:var(--on-navy-muted)}
.ab-hero .btns{margin-top:28px}
.ab-hero .btn.ghost{border-color:#fff;background:transparent;color:#fff}
.ab-hero .btn.ghost:hover{background:#fff;color:var(--navy)}
.ab-hero-img{position:relative;min-height:340px;margin:0;overflow:hidden}
.ab-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.ab-hero-img:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--navy) 0,rgba(7,33,54,0) 24%);pointer-events:none}
.ab-hero-img figcaption{position:absolute;z-index:2;right:18px;bottom:18px;max-width:calc(100% - 36px);padding:7px 14px;border-radius:var(--pill);background:rgba(7,33,54,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:700;color:#fff}
.ab-mis-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px 56px;align-items:end;margin-bottom:36px}
.ab-mis-head h2{margin:8px 0 0;font-size:clamp(30px,3.6vw,46px);line-height:1.1}
.ab-mis-head .lead{margin:0}
.ab-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;list-style:none;margin:0;padding:0;counter-reset:none}
.ab-steps li{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:26px 24px 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}
.ab-steps li:not(:last-child):after{content:"";position:absolute;top:58px;right:-21px;width:22px;border-top:3px dashed var(--accent-line);z-index:1}
.ab-steps h3{margin:6px 0 0;font-size:22px;color:var(--navy)}
.ab-steps p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.ab-no{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font:400 38px/1 var(--hand);color:#fff;background:#7f9c9a;box-shadow:0 6px 14px rgba(7,33,54,.18)}
.ab-steps li:nth-child(2) .ab-no{background:#cc8d55}
.ab-steps li:nth-child(3) .ab-no{background:var(--navy)}
.ab-quote{margin:28px 0 0;padding:24px 30px;border-left:6px solid var(--accent);border-radius:0 var(--r) var(--r) 0;background:var(--navy);font-size:clamp(20px,2.4vw,28px);font-weight:900;line-height:1.3;color:#fff}
.ab-quote em{font-style:normal;color:var(--accent-on-navy)}
.sx.ab-stats{background:linear-gradient(180deg,rgba(7,33,54,.86) 0%,rgba(7,33,54,.55) 100%),url(../legacy/68384edded606f2d6e4f7ecd/69254ba3bc9030ac8ae95e15_Keynote_bg.webp) center 35%/cover no-repeat;color:var(--on-navy)}
.ab-stats .kick{color:var(--accent-on-navy)}
.ab-stats .sx-head h2{color:#fff}
.ab-stats .sx-head h2 em{color:var(--accent-on-navy)}
.ab-stat-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch}
.ab-stat-grid div{grid-column:span 3;display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 20px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r);background:rgba(7,33,54,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ab-stat-grid div:nth-child(n+5){grid-column:span 4}
.ab-stat-grid b{font-size:clamp(34px,3.6vw,46px);font-weight:900;line-height:1;color:var(--accent-on-navy)}
.ab-stat-grid span{font-size:15px;font-weight:700;line-height:1.4;color:#fff}
@media(max-width:900px){
  .ab-hero{grid-template-columns:1fr;min-height:0}
  .ab-hero-txt,.ab-hero-img{grid-column:1}
  .ab-hero-img{order:-1;min-height:0;aspect-ratio:16/10}
  .ab-hero-img:before{background:linear-gradient(0deg,var(--navy) 0,rgba(7,33,54,0) 30%)}
  .ab-hero-img figcaption{left:12px;right:auto;bottom:10px;max-width:calc(100% - 24px);padding:5px 11px;font-size:11.5px}
  .ab-hero-txt{padding:20px 16px 52px}
  .ab-mis-head{grid-template-columns:1fr}
  .ab-steps{grid-template-columns:1fr}
  .ab-steps li:not(:last-child):after{top:auto;bottom:-21px;left:55px;right:auto;width:0;height:22px;border-top:0;border-left:3px dashed var(--accent-line)}
  .ab-stat-grid div,.ab-stat-grid div:nth-child(n+5){grid-column:span 6}
  .ab-stat-grid div:last-child{grid-column:span 12}
}
@media(max-width:480px){.ab-stat-grid div,.ab-stat-grid div:nth-child(n+5){grid-column:span 12}}

/* ---------- header: EN · DE switch (same page in the other language) ---------- */
.lsw{display:inline-flex;flex:none;align-items:center;gap:2px;margin:0 6px 0 4px;padding:2px;border:1px solid var(--line);border-radius:var(--pill);background:#fff}
.lsw a{padding:6px 9px;border-radius:var(--pill);font:800 12px/1 var(--font);letter-spacing:.05em;color:var(--muted);text-decoration:none}
.lsw a[aria-current]{background:var(--navy);color:#fff}
.lsw a:not([aria-current]):hover{background:var(--soft);color:var(--navy)}
.lsw a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:1100px){.lsw{align-self:flex-start;margin:10px 0 6px 12px}.lsw a{padding:9px 14px;font-size:13px}}
html[lang=de] #chooser .sit button[aria-pressed=true]:after{content:"Eure Wahl"} /* the German "Your pick" */
/* compact header between 1101 and 1279 px: nine tabs, the language switch and the button stay on one row
   (the German labels are longer); padding shrinks before anything is hidden, as the handover asks */
@media(min-width:1101px) and (max-width:1279px){
  .site-nav>a{padding-left:6px;padding-right:6px;font-size:13.5px}
  .mdd-a{padding-left:6px;font-size:13.5px}
  .hd-btn{margin-left:4px}
  .hd-btn .btn{padding:9px 12px;font-size:14px}
  .lsw{margin:0 2px}
  .lsw a{padding:6px 7px}
}

/* ---------- Library v1.1 type (22 Oct 2026): Instrument Serif for h1 and h2 headlines, Nunito for everything else.
   The serif has one weight (headlines are never bold) and needs about 1.25x the Nunito size; an <em> in a headline
   is the italic orange tail. Only the type rules of the Library's werchota.css / werchota-web.css v1.1 are copied here:
   its new proof-block components reuse class names this site already has (.oc, .in, .dark), so they are left out. ---------- */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../lib/fonts/instrument-serif-400.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../lib/fonts/instrument-serif-400-italic.woff2) format("woff2")}
:root{--display:"Instrument Serif",Georgia,"Times New Roman",serif}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.01em;font-synthesis:none}
h1 em,h2 em,.lh-main h1 em{font-style:italic}
/* the Library's v1.1 sizes */
h1{font-size:clamp(42px,9vw,80px);line-height:.98}
h2{font-size:clamp(30px,5vw,46px);line-height:1.05}
.sec h2{font-size:clamp(27px,4.4vw,34px)}
.ph h1{font-size:clamp(38px,7.2vw,64px)}
.band h2{font-size:clamp(34px,6vw,56px)}
.ghero h1{font-size:clamp(34px,5.4vw,54px)}
.part h2{font-size:30px}
.result h2{font-size:32px}
.adapt h2{font-size:28px}
.hero2 h1{font-size:clamp(42px,7.6vw,78px)}
.cta-block h2{font-size:clamp(34px,5.6vw,56px)}
.prose h2{font-size:clamp(28px,4.2vw,38px)}
.art-head h1{font-size:clamp(38px,6.2vw,64px)}
.join h2{font-size:clamp(26px,3.6vw,34px)}
/* this site's own headline sizes, scaled the same way */
.lh-main h1{font-size:clamp(38px,5.5vw,64px);margin-bottom:18px}
.acx-hero h1{font-size:clamp(42px,6.4vw,72px)}
.ab-hero h1{font-size:clamp(46px,6vw,78px)}
.ab-mis-head h2{font-size:clamp(34px,4.3vw,54px)}
h2.ck-h{font-size:29px}
/* small uppercase label headings stay in Nunito */
.gbox h2,.toc h2{font:800 13px/1.3 var(--font)}
.toc-side h2{font:800 14px/1.3 var(--font)}
.summary h2{font:800 16px/1.3 var(--font)}

/* ---------- dialog media: stage photos, recorded clips with their credit line, and a logo for cases without a film ---------- */
.tdlg .vid img.real{opacity:1}
.tdlg .credit{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--muted)}
.tdlg .lbox{position:absolute;inset:0;display:grid;place-items:center;background:#fff}
.tdlg .lbox img{width:auto;height:auto;max-width:50%;max-height:140px;object-fit:contain;opacity:1}
.tdlg .lbox b{font-size:24px;color:var(--navy)}

/* ---------- redesign, 23 Oct 2026: How we help, Use Case Cracking, Proof, Media, Tools. Same copy, condensed with
   tabs (.tabpanel, switched by [data-tabs] links in site.js), a sticky section bar (.snav), disclosures and split heroes
   in the About page's manner. Without JavaScript every panel shows and the tab links are jump links. ---------- */
.js .tabpanel:not(.on){display:none}
[role=tab]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* the section bar under a hero: sticky below the header, the section being read is highlighted */
.snav{position:sticky;top:var(--hd-h,64px);z-index:50;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.snav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:9px;padding-bottom:9px}
.snav .wrap::-webkit-scrollbar{display:none}
.snav a{flex:0 0 auto;padding:7px 14px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;font-weight:800;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.snav a:hover{border-color:var(--navy)}
.snav a.on{background:var(--navy);border-color:var(--navy);color:#fff}

/* "Next: …" under a tab panel */
.tab-next{margin-top:30px}
.tab-next .wrap{display:flex;justify-content:flex-end}
.tab-next a,.sx.navy .tab-next a{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:2px solid var(--navy);border-radius:var(--pill);background:#fff;font-weight:900;font-size:15px;color:var(--navy);text-decoration:none;transition:background .15s,color .15s}
.tab-next a:hover{background:var(--navy);color:#fff}
.sx.navy .tab-next a{border-color:#fff;background:transparent;color:#fff}
.sx.navy .tab-next a:hover{background:#fff;color:var(--navy)}

/* ---------- How we help ---------- */
.hx-hero .ab-hero-img img{object-position:66% 42%}
/* "A typical path" folds under the four stages */
.dg.dg-more{margin-top:22px;padding:0}
.dg-more>summary{position:relative;list-style:none;cursor:pointer;margin:0;padding:20px 72px 20px 24px;border-radius:var(--r)}
.dg-more>summary::-webkit-details-marker{display:none}
.dg-more>summary:after{content:"";position:absolute;right:24px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;border:1.5px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23072136' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .2s}
.dg-more[open]>summary:after{transform:rotate(180deg)}
.dg-more>summary:hover:after{border-color:var(--navy)}
.dg-more[open]>summary{border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0}
.dg-more>.tl3,.dg-more>.dg-legend{margin:22px 20px}
.dg-more>.dg-legend{margin-top:0}
/* the stage icons (23 Oct): solid two-tone glyphs in the text colour (spark, cap, rocket, radar); .k parts are cut out
   in the colour behind them. On How we help they sit in a deeper gradient disc with a soft glow of the stage colour. */
.fl-dot svg.ic,.st-card svg.ic{fill:currentColor;stroke:none}
svg.ic .s{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
svg.ic .o{opacity:.55}
svg.ic .k{fill:var(--kb,#fff)}
.fl-dot{--kb:var(--c);width:60px;height:60px;color:#fff;background:var(--c);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c) 62%,#fff) 0,var(--c) 56%,color-mix(in srgb,var(--c) 78%,#000) 100%);box-shadow:0 0 0 6px #fff,0 10px 22px color-mix(in srgb,var(--c) 42%,transparent)}
.fl-dot svg.ic{width:31px;height:31px}
.st-card>i{--kb:var(--accent-wash);display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-line)}
.st-card svg.ic{width:30px;height:30px}
/* "The four stages": pick a stage on the coloured track, its detail opens in one card below */
.stx-nav{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.stx-nav:before{content:"";position:absolute;left:12.5%;right:12.5%;top:45px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--green),var(--navy),var(--blue))}
.stx-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 12px 18px;border:2px solid transparent;border-radius:18px;text-align:center;color:var(--navy);text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
.stx-nav .fl-dot{margin:0 0 10px;transition:transform .2s,box-shadow .2s}
.stx-nav b{font-size:18px;font-weight:900;line-height:1.25}
.stx-nav .fl-prom{font-size:14px}
.stx-nav a:hover{background:var(--soft)}
.stx-nav a:hover .fl-dot{box-shadow:0 0 0 6px var(--soft)}
.stx-nav a[aria-selected=true]{border-color:var(--c);background:#fff;box-shadow:0 14px 30px rgba(7,33,54,.13)}
.stx-nav a[aria-selected=true] .fl-dot{transform:scale(1.1);box-shadow:0 0 0 6px #fff,0 0 0 9px var(--c),0 14px 28px color-mix(in srgb,var(--c) 45%,transparent)}
.stx-nav a[aria-selected=true]:after{content:"";position:absolute;left:50%;bottom:-11px;width:18px;height:18px;margin-left:-9px;border-right:2px solid var(--c);border-bottom:2px solid var(--c);background:#fff;transform:rotate(45deg)}
.stx{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;padding:26px;border:2px solid var(--c);border-radius:18px;background:var(--soft);background:color-mix(in srgb,var(--c) 6%,#fff)}
.js .stx.on{animation:stx-in .28s ease}
@keyframes stx-in{from{opacity:0;transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.js .stx.on{animation:none}.stx-nav .fl-dot{transition:none}}
.stx .fl-lab{margin:0 0 6px}
.stx-main>p:first-of-type{margin:0 0 18px;font-size:17px;line-height:1.55;color:var(--ink)}
.stx .fl-entry{margin:0;padding:12px 16px;border-left:4px solid var(--c);border-radius:0 12px 12px 0;background:#fff;font-size:15.5px;line-height:1.45;color:var(--ink)}
.stx-out{display:flex;flex-direction:column;padding:20px 22px;border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.stx-out .fl-out{margin:0 0 16px;font-size:19px;font-weight:900;line-height:1.35;color:var(--navy)}
.stx .fl-chips{gap:7px;margin-top:auto}
.stx .fl-chips a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--c);border-radius:999px;background:#fff;font-size:13px;font-weight:800;color:var(--navy);text-decoration:none;transition:background .15s,color .15s}
.stx .fl-chips a:after{content:"\2192";color:var(--ct)}
.stx .fl-chips a:hover{background:var(--c);color:#fff}
.stx .fl-chips a:hover:after{color:#fff}
/* the two families as a choice */
.fam .sx-head.center h2{margin-top:0}
.fam-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px;margin:0 auto}
.fam-t{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 24px 22px 66px;border:2px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);color:var(--navy);text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s}
.fam-t:before{content:"";position:absolute;left:24px;top:22px;width:24px;height:24px;border-radius:50%;border:2px solid #b9c4cc;background:#fff;box-sizing:border-box}
.fam-t .n{display:block;min-width:0;height:auto;margin:0;padding:0;border-radius:0;background:none;vertical-align:baseline;line-height:1.3;font-size:12.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)} /* not the Library's number badge */
.fam-t b{font-size:18.5px;line-height:1.3;font-weight:800}
.fam-t:hover{border-color:var(--navy)}
.fam-t[aria-selected=true]{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 14px 34px rgba(7,33,54,.22)}
.fam-t[aria-selected=true]:before{border:7px solid var(--accent);background:#fff}
.fam-t[aria-selected=true] .n{color:var(--accent-on-navy)}
.fam-note{max-width:900px;margin:14px auto 0;text-align:center;font-size:14.5px;color:var(--muted)}
.fam-p{margin-top:46px}
.fam-p>.sx-head h2{font-size:clamp(28px,3.4vw,40px)}
/* family 1: the four stages as steps you switch between */
.stg-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 20px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.stg-tabs a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--navy);text-decoration:none;font-weight:800;font-size:15.5px;line-height:1.25;transition:background .15s,color .15s}
.stg-tabs a:hover{background:var(--soft)}
.stg-tabs .n{flex:none;display:grid;place-items:center;width:38px;min-width:0;height:38px;margin:0;padding:0;border-radius:50%;background:var(--soft);vertical-align:baseline;font:400 26px/1 var(--hand);color:var(--navy)}
.stg-tabs a[aria-selected=true]{background:var(--navy);color:#fff}
.stg-tabs a[aria-selected=true] .n{background:var(--accent);color:#fff}
.stg .underline{margin-top:14px;padding:12px 18px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:#fff}
/* family 2: the argument and the portfolio case side by side */
.fam-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;align-items:stretch}
.fam-arg,.fam-pe{display:flex;flex-direction:column;gap:12px;height:100%;padding:28px;border-radius:var(--r)}
.fam-arg{background:var(--navy);color:var(--on-navy)}
.fam-arg .kick{color:var(--accent-on-navy)}
.fam-arg h2,.fam-pe h2{margin:6px 0 0;font-size:clamp(26px,2.6vw,32px);line-height:1.12}
.fam-arg h2{color:#fff}
.fam-arg h2 em{color:var(--accent-on-navy)}
.fam-arg p,.fam-arg .lead{margin:0;font-size:16px;color:var(--on-navy-muted)}
.fam-arg a{color:var(--accent-on-navy);font-weight:800}
.fam-pe{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.fam-pe .ph-asset{aspect-ratio:16/6!important;min-height:0}
.fam-pe .lead{font-size:16px}
.fam-pe .btns{margin-top:auto}

/* ---------- Use Case Cracking ---------- */
.cr-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}
.cr-grid .lead{max-width:34em}
.cr-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.cr-facts li{display:flex;flex-direction:column;gap:14px;height:100%;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r);background:rgba(255,255,255,.06);font-size:17px;font-weight:800;line-height:1.3;color:#fff}
.cr-facts i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-strong)}
.cr-facts svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Cracking and Building as two columns you compare, Cracking first */
#line .tw2{border:0;border-radius:0;background:none}
#line .tw2 table{border-collapse:separate;border-spacing:12px 0;min-width:640px;margin:0 -12px;width:calc(100% + 24px);font-size:15.5px}
#line .tw2 th,#line .tw2 td{border:0;padding:14px 18px}
#line .tw2 tr>:first-child{width:21%;padding-left:0;padding-right:0;background:none;font-weight:800;color:var(--navy)}
#line .tw2 tr>:nth-child(2){background:var(--accent-wash);border-left:2px solid var(--accent-line);border-right:2px solid var(--accent-line)}
#line .tw2 tr>:nth-child(3){background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}
#line .tw2 tr+tr>:nth-child(n+2){border-top:1px solid rgba(7,33,54,.08)}
#line .tw2 th:nth-child(2){background:var(--accent-strong);border-color:var(--accent-strong);border-radius:14px 14px 0 0;color:#fff;font-size:16.5px}
#line .tw2 th:nth-child(3){background:var(--navy);border-color:var(--navy);border-radius:14px 14px 0 0;color:#fff;font-size:16.5px}
#line .tw2 tr:last-child>td:nth-child(2){border-bottom:2px solid var(--accent-line);border-radius:0 0 14px 14px}
#line .tw2 tr:last-child>td:nth-child(3){border-bottom:1px solid var(--line);border-radius:0 0 14px 14px}
.line-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin-top:42px}
.line-two h3{margin:0 0 12px}
.line-why .grid,.line-who .grid{grid-template-columns:1fr;gap:10px}
.line-why .card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:16px 20px}
.line-why .card .big{font:400 42px/1 var(--hand);color:var(--accent-strong);text-align:center}
.line-why .card p{margin:0}
.line-who .card{padding:18px 20px}

/* ---------- Proof ---------- */
.pf-hero .grid-h{gap:44px}
.pf-reel{box-shadow:0 24px 60px rgba(0,0,0,.35)}
@media(min-width:901px){
  .gal2 .gt.feat{grid-column:span 2;flex-direction:row}
  .gal2 .gt.feat .vis{flex:0 0 56%;aspect-ratio:auto;min-height:230px}
  .gal2 .gt.feat .tx{justify-content:center;padding:24px 26px;gap:6px}
  .gal2 .gt.feat .tx b{font:400 clamp(24px,2.3vw,30px)/1.12 var(--display);color:var(--navy)}
}
.pf-how{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.pf-how .grid.g3{grid-template-columns:1fr;gap:10px}
.pf-how .g3 .card{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:18px;align-items:baseline;padding:18px 20px}
.pf-how .g3 .card .n{grid-row:1/3;margin:0}
.pf-how .g3 .card h3{margin:0}
.pf-how .g3 .card p{grid-column:2;margin:4px 0 0}
.pf-badges{border-radius:var(--r)}
.pf-badges table{min-width:0;font-size:15px}
.pf-badges tr>:first-child{width:1%;white-space:nowrap}

/* ---------- Media ---------- */
.md-hero .grid-h{align-items:center}
.md-collage{position:relative;width:100%;max-width:470px;height:360px;margin-left:auto}
.mc{position:absolute;display:block;height:auto;border-radius:16px;box-shadow:0 22px 44px rgba(0,0,0,.4);object-fit:cover}
.mc-book{left:2%;top:7%;z-index:1;width:37%;border-radius:6px;transform:rotate(-6deg)}
.mc-nd{left:38%;top:0;z-index:2;width:40%;transform:rotate(5deg)}
.mc-ck{right:0;top:42%;z-index:4;width:33%;border-radius:50%}
.mc-chief{left:27%;top:54%;z-index:3;display:grid;place-items:center;width:30%;aspect-ratio:1;background:#fff;transform:rotate(-4deg)}
.mc-chief img{width:62%;height:auto}
/* the brands as tabs, sticky under the header */
.mtabs-bar{position:sticky;top:var(--hd-h,64px);z-index:50;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 8px 20px rgba(7,33,54,.06)}
.mtabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:9px 0}
.mtabs a{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border-radius:14px;color:var(--navy);text-decoration:none;transition:background .15s,color .15s}
.mtabs a:hover{background:var(--soft)}
.mtabs a[aria-selected=true]{background:var(--navy);color:#fff}
.mt-i{flex:none;display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:10px;background:var(--soft)}
.mt-i img{width:100%;height:100%;object-fit:cover}
.mt-chief{border:1px solid var(--line);background:#fff}
.mt-chief img{width:68%;height:68%;object-fit:contain}
.mt-book img{object-position:top}
.mt-ck{border-radius:50%}
.mt-ins{background:var(--accent-wash)}
.mt-ins svg{width:22px;height:22px;fill:none;stroke:var(--accent-strong);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mt-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.mt-t b{overflow:hidden;font-size:14.5px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}
.mt-t small{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.3;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mtabs a[aria-selected=true] small{color:var(--on-navy-muted)}

/* ---------- Tools: the checks as cards you pick, the chosen one opens below ---------- */
@media(min-width:901px){.tools5{grid-template-columns:repeat(5,minmax(0,1fr))}.tools5>.card,.tools5>.card:nth-child(n+4){grid-column:auto}}
.tools5>.card{position:relative}
.tools5>.card h3{font-size:18px}
.tools5>[role=tab]{transition:border-color .15s,box-shadow .15s,transform .15s}
.tools5>[role=tab][aria-selected=true]{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy),0 16px 34px rgba(7,33,54,.16)}
.tools5>[role=tab][aria-selected=true]:after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;margin-left:-8px;background:#fff;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg)}
.tools5>[role=tab][aria-selected=true] .more{color:var(--navy)}
.tools5>a:not([role=tab]){border-style:dashed;box-shadow:none;background:var(--soft)}

/* ---------- phones (up to 760 px), 22 Oct 2026: shorter pages, no new copy. site.js marks the parts: folds (.mf, with the
   heads that stay visible .mf-h, the parts that fold away .mf-b and the round toggle .mf-t), shortened lists (.mm-N, with a
   "Show all" row .m-more), swipe rows (.sw, dots .sw-dots) and the sticky call to action (.mbar, built by build.mjs).
   Outside this query the marks do nothing, so desktop stays as it was. ---------- */
.mf-t,.m-more,.sw-dots,.mbar{display:none}
@media(min-width:761px){.m-only{display:none!important}} /* phone-only parts in the page markup (the Keynotes "on this page" links) */
@media(max-width:760px){
  /* rhythm and type */
  .sx{padding:36px 0}.sx.tight{padding:26px 0}
  .sx-head{margin-bottom:18px}
  .lead{font-size:17px}
  h2{font-size:clamp(27px,7.6vw,32px)}
  .cta-block h2{font-size:clamp(30px,8.4vw,36px)}
  .hero2{padding:40px 0 32px}
  .hero2 h1,.acx-hero h1,.ab-hero h1{font-size:clamp(38px,10.4vw,44px)}
  /* hero buttons: the first one full width, the second one a text link under it */
  :is(.hero2,.lhero,.acx-hero,.ab-hero) .btns{flex-direction:column;align-items:stretch;gap:4px}
  :is(.hero2,.lhero,.acx-hero,.ab-hero) .btns .btn{width:100%;justify-content:center;text-align:center}
  :is(.hero2,.lhero,.acx-hero,.ab-hero) .btns .btn.ghost{background:none;border-color:transparent;box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
  /* "on this page" links scroll sideways in one row */
  .jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:16px;padding-bottom:4px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .jump::-webkit-scrollbar{display:none}
  .jump a{white-space:nowrap;flex:none}

  /* folds */
  .mf{position:relative}
  .mf:not(.on) .mf-b{display:none!important}
  .mf-h{cursor:pointer}
  .mf>.mf-t{display:grid;place-items:center;position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
  .mf>.mf-t:before{content:"";width:9px;height:9px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
  .mf.on>.mf-t:before{transform:translateY(2px) rotate(-135deg)}
  .mf>.mf-t:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
  .mf>:is(h2,h3,h4,figcaption,header,.sx-head,.ft-h).mf-h{padding-right:46px}

  /* shortened lists */
  .m-more{display:block;text-align:center;margin-top:16px}
  .m-more[hidden],.mm.all+.m-more{display:none}
  .mm-1:not(.all)>:nth-child(n+2),.mm-2:not(.all)>:nth-child(n+3),.mm-3:not(.all)>:nth-child(n+4),.mm-6:not(.all)>:nth-child(n+7),.mm-12:not(.all)>:nth-child(n+13){display:none!important}

  /* swipe rows: cards side by side, the next one peeking in; same-row cards keep one height */
  .sw{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none;margin-left:-16px!important;margin-right:-16px!important;padding:4px 16px 10px!important;grid-template-columns:none!important}
  .sw::-webkit-scrollbar{display:none}
  .sw>*{flex:0 0 min(82%,330px)!important;width:auto!important;height:auto!important;max-width:none!important;min-width:0;margin:0!important;scroll-snap-align:start;transform:none!important}
  .sw>.hide,.sw>[hidden]{display:none!important}
  .sw-dots{display:flex;justify-content:center;gap:6px;margin:6px 0 0}
  .sw-dots[hidden]{display:none}
  .sw-dots i{width:7px;height:7px;border-radius:4px;background:#c9d3da;transition:width .2s,background .2s}
  .sw-dots i.on{width:18px;background:var(--accent)}
  .sx.navy .sw-dots i{background:#3a5871}.sx.navy .sw-dots i.on{background:var(--accent)}

  /* the sticky call to action */
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(7,33,54,.12);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .mbar.on{transform:none;visibility:visible;transition:transform .25s ease}
  .mbar .btn{flex:1;justify-content:center;text-align:center;margin:0}
  body.dlg-on .mbar{transform:translateY(110%);visibility:hidden}

  /* Start: numbers in three columns, sticky notes two by two, short lists two by two, no second Malcolm portrait */
  .lh-in{padding:34px 20px 22px}
  .lh-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 16px;gap:14px 10px}
  .lh-stats span{font-size:12px}
  #chooser .sit{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 12px 18px}
  #chooser .sit button{min-height:0;padding:30px 12px 14px;font-size:14px}
  #chooser .sit button small{font-size:20px}
  #chooser .sit button:last-child{grid-column:1/-1}
  .crow{grid-template-columns:1fr 1fr}
  .gw-small{grid-template-columns:1fr 1fr}
  .stmt .portrait{display:none}
  /* a swipe row inside a one-column grid must not widen the column */
  .split,.mb,.ch-two,.grid-h,.case-grid{grid-template-columns:minmax(0,1fr)}
  /* How we help: the commercial lane two by two, no placeholder picture beside the portfolio text */
  .lane-steps{grid-template-columns:1fr 1fr}
  .pc{padding:16px}
  .split>.ph-asset{display:none}
  /* Keynotes: numbers in one row, a smaller portrait of Malcolm, compact requirement cards */
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .stats b{font-size:26px}
  .stats span{font-size:13px}
  .sx.navy .split-media img{max-height:240px;object-position:50% 20%}
  #k-tech .g4>.card{padding:14px 16px}
  /* Proof: the cases two by two */
  #pf-gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #pf-gal .gt .tx{padding:9px 10px 12px;font-size:13px}
  #pf-gal .gt .tx b{font-size:14.5px;line-height:1.25}
  #pf-gal .gt .proof{font-size:10px;padding:3px 7px}
  /* Use Case Cracking: a tighter table */
  .tw2 table{font-size:14px;min-width:520px}
  .tw2 th,.tw2 td{padding:9px 10px}
  /* Media: smaller numbers, cover art and book cover */
  .ch-stats{gap:10px}
  .ch-stats b{font-size:28px}
  .ch-stats>div{padding:14px}
  .nd-art{width:110px;height:110px;margin-bottom:16px}
  .bk-cover img{width:150px}
  .ck-art{max-width:210px}
  .ck-facts li{flex:1 1 90px;padding:10px}
  .ck-facts b{font-size:18px}
  /* Academy: numbers three across, smaller partner logos */
  .acx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .acx-partners{gap:18px 30px}
  .acx-partners img{height:30px;max-width:130px}
  /* About: numbers two by two, the team two by two */
  .ab-stat-grid div,.ab-stat-grid div:nth-child(n+5){grid-column:span 6;padding:16px 14px}
  .ab-stat-grid div:last-child:nth-child(odd){grid-column:span 12}
  #team-f,#team-t{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #team-f .member,#team-t .member{padding:10px 10px 12px}
  #team-f .member h3,#team-t .member h3{font-size:16px}
}
@media(max-width:760px){body:has(.site-nav.open) .mbar{transform:translateY(110%);visibility:hidden}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.mbar,.mf>.mf-t:before,.sw-dots i{transition:none}}

/* phones and tablets: the redesigned parts */
@media(max-width:1000px){.mt-t small{display:none}.mtabs a{gap:8px}}
@media(max-width:760px){
  .snav,.mtabs-bar{position:static}
  .snav .wrap{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .fam-tabs{grid-template-columns:1fr;gap:10px}
  .fam-t{padding:16px 18px 16px 56px}
  .fam-t:before{left:18px;top:18px}
  .fam-t b{font-size:16.5px}
  .fam-p{margin-top:30px}
  .stg-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:4px}
  .stg-tabs::-webkit-scrollbar{display:none}
  .stg-tabs a{flex:0 0 auto;padding:9px 12px 9px 9px;font-size:14px}
  .stg-tabs .n{width:30px;height:30px;font-size:21px}
  .fam-more{grid-template-columns:1fr}
  .fam-arg,.fam-pe{padding:22px 18px}
  .cr-grid{grid-template-columns:1fr;gap:24px}
  .cr-facts{gap:8px}
  .cr-facts li{gap:10px;padding:14px;font-size:15px}
  .cr-facts i{width:36px;height:36px}
  .line-two{grid-template-columns:1fr;margin-top:30px}
  .pf-how{grid-template-columns:1fr}
  .md-collage{max-width:330px;height:250px;margin:0 auto}
  .mtabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 -16px;padding:10px 16px}
  .mtabs::-webkit-scrollbar{display:none}
  .mtabs a{flex:0 0 auto;padding:5px 14px 5px 5px;border:1px solid var(--line);border-radius:var(--pill)}
  .mt-i{width:32px;height:32px;border-radius:50%}
  .tab-next .wrap{justify-content:center}
  .tools5>[role=tab][aria-selected=true]:after{display:none}
  .stx-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stx-nav:before,.stx-nav .fl-n,.stx-nav .fl-prom,.stx-nav a[aria-selected=true]:after{display:none}
  .stx-nav a{flex-direction:row;gap:10px;padding:9px 10px;border:1.5px solid var(--line);border-radius:14px;background:#fff;text-align:left}
  .stx-nav .fl-dot{flex:none;width:34px;height:34px;margin:0;box-shadow:none}
  .stx-nav .fl-dot svg{width:18px;height:18px}
  .stx-nav b{font-size:14px}
  .stx-nav a[aria-selected=true] .fl-dot{transform:none;box-shadow:none}
  .stx{grid-template-columns:1fr;gap:14px;padding:16px}
  .stx-main>p:first-of-type{font-size:16px}
  .stx-out{padding:16px}
  .stx-out .fl-out{font-size:17px}
}

/* Keynotes: logo-only tiles show the logo larger */
#kf-gal .gt .vis:not(.kph) .lg{padding:16px}
#kf-gal .gt .vis:not(.kph) .lg img{width:86%;height:96px;max-height:none;max-width:none;object-fit:contain}
#kf-gal .gt .vis:not(.kph) .lg img.sq{height:136px}

/* Keynotes › See Malcolm speaking: one-row carousel (phones keep the swipe row with dots) */
.kcar-nav{display:none}
@media (min-width:761px){
  #speaking .grid.kcar{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:2px}
  #speaking .grid.kcar::-webkit-scrollbar{display:none}
  #speaking .grid.kcar>div{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}
  .kcar-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
  .kcar-b{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font:700 18px/1 var(--body,inherit);cursor:pointer}
  .kcar-b:hover:not(:disabled){background:var(--navy);color:#fff}
  .kcar-b:disabled{opacity:.35;cursor:default}
}
@media (prefers-reduced-motion:reduce){#speaking .grid.kcar{scroll-behavior:auto}}

/* Keynotes > companion site screenshots */
.kn-shot{margin:0;display:grid;gap:6px}
.kn-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:var(--shadow)}
.kn-shot figcaption{font-size:12.5px;color:var(--muted);font-weight:700}
/* Keynotes > Two keynotes: photo-led cards, the second one navy */
#two .kn2{gap:20px;align-items:stretch}
#two .kn2 .pc{padding:0;gap:0;overflow:hidden;border-radius:var(--r);position:relative}
#two .kn2 .kn2-ph{position:relative;aspect-ratio:16/7;overflow:hidden;background:var(--navy-2)}
#two .kn2 .kn2-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block;transition:transform .5s}
#two .kn2 .pc:hover .kn2-ph img{transform:scale(1.03)}
#two .kn2 .kn2-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,33,54,0) 45%,rgba(7,33,54,.55))}
#two .kn2 .kn2-d{position:absolute;top:14px;left:14px;z-index:1;background-color:#fff;color:var(--navy);border-radius:999px;padding:6px 12px 6px 31px;font-size:11.5px;box-shadow:0 2px 10px rgba(7,33,54,.25);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D2640A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px;background-position:11px 50%}
#two .kn2 h4{font:400 clamp(28px,2.6vw,34px)/1.08 var(--display);letter-spacing:-.01em;padding:22px 26px 0}
#two .kn2 .pc>p{padding:10px 26px 0;font-size:16.5px;line-height:1.5}
#two .kn2 dl{margin:20px 26px 0;padding:6px 18px;border-radius:var(--r-sm);background:#f3f6f9;gap:0;grid-template-columns:auto minmax(0,1fr)}
#two .kn2 dt{padding:12px 16px 12px 26px;border-bottom:1px solid var(--line);font-size:11px;display:flex;align-items:center;background-repeat:no-repeat;background-size:16px;background-position:0 50%}
#two .kn2 dd{padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:14.5px}
#two .kn2 dt:last-of-type,#two .kn2 dd:last-of-type{border-bottom:0}
#two .kn2 dt:nth-of-type(1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D2640A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M15.5 14.5c3 0 5.5 2.4 5.5 5.5'/%3E%3C/svg%3E")}
#two .kn2 dt:nth-of-type(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D2640A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.5-.5-.5-2.5z'/%3E%3C/svg%3E")}
#two .kn2 dt:nth-of-type(3){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D2640A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E")}
#two .kn2 .ft2{padding:22px 26px 26px}
#two .kn2 .ft2 .btn{padding-inline:22px}
#two .kn2 .ft2 .btn::after{content:" \2192"}
#two .kn2 .kn2-b{background:var(--navy);border-color:var(--navy)}
#two .kn2 .kn2-b h4{color:#fff}
#two .kn2 .kn2-b>p{color:#c9d8e4}
#two .kn2 .kn2-b dl{background:var(--navy-2)}
#two .kn2 .kn2-b dt{color:#a9bccc;border-bottom-color:#21445f}
#two .kn2 .kn2-b dd{color:#e9f1f7;border-bottom-color:#21445f}
@media (max-width:760px){
  #two .kn2 h4{padding:18px 18px 0}
  #two .kn2 .pc>p{padding:8px 18px 0}
  #two .kn2 dl{margin:16px 18px 0;grid-template-columns:minmax(0,1fr);padding:4px 14px}
  #two .kn2 dt{border-bottom:0;padding:12px 0 2px 26px}
  #two .kn2 dd{padding:0 0 12px}
  #two .kn2 .ft2{padding:18px}
}
@media (prefers-reduced-motion:reduce){#two .kn2 .kn2-ph img{transition:none}}

/* Use Case Repo > "Your IT is the line": film, split comparison, steps, paths */
#line .ln-head{text-align:center;margin-inline:auto;max-width:760px}
#line .ln-head .lead{margin-inline:auto}
.ln-film{margin:8px auto 0;max-width:980px;display:grid;gap:10px}
.ln-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:var(--navy);box-shadow:0 24px 60px -24px rgba(7,33,54,.55),0 0 0 1px rgba(7,33,54,.08)}
.ln-frame video{display:block;width:100%;height:100%;object-fit:cover;background:var(--navy)}
.ln-play{position:absolute;inset:0;border:0;background:linear-gradient(180deg,rgba(7,33,54,0) 40%,rgba(7,33,54,.35));cursor:pointer;display:grid;place-items:center}
.ln-play span{width:88px;height:88px;border-radius:50%;background:var(--accent-strong);box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative;transition:transform .2s}
.ln-play span::after{content:"";position:absolute;left:36px;top:28px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #fff}
.ln-play:hover span{transform:scale(1.07)}
.ln-play:focus-visible span{outline:3px solid #fff;outline-offset:4px}
.ln-frame.on .ln-play{display:none}
.ln-film figcaption{text-align:center;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ln-split{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);margin-top:56px;align-items:stretch}
.ln-side{border-radius:18px;padding:26px 28px 14px;display:flex;flex-direction:column}
.ln-side h3{font:400 clamp(26px,2.4vw,32px)/1.1 var(--display);margin:0 0 14px}
.ln-crack{background:var(--accent-wash);border:2px solid var(--accent-line)}
.ln-crack h3{color:var(--accent-strong)}
.ln-build{background:var(--navy);color:#fff}
.ln-build h3{color:#fff}
.ln-side dl{margin:0;display:grid}
.ln-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 0;border-top:1px solid rgba(7,33,54,.1)}
.ln-build .ln-row{border-top-color:#21445f}
.ln-row dt{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ln-build .ln-row dt{color:#a9bccc}
.ln-row dt::before{content:"";flex:0 0 16px;height:16px;background:var(--accent-strong);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.ln-build .ln-row dt::before{background:#ffb374}
.ln-row dd{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink);font-weight:600}
.ln-build .ln-row dd{color:#e9f1f7}
#line .ln-r1 dt::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
#line .ln-r2 dt::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}
#line .ln-r3 dt::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
#line .ln-r4 dt::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
#line .ln-r5 dt::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
#line .ln-r6 dt::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
#line .ln-r7 dt::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12 12 20l-8-8V4h8z'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12 12 20l-8-8V4h8z'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3C/svg%3E")}
.ln-it{position:relative;display:flex;justify-content:center}
.ln-it::before{content:"";position:absolute;top:10px;bottom:10px;left:50%;width:4px;margin-left:-2px;border-radius:2px;background:repeating-linear-gradient(180deg,var(--accent-strong) 0 14px,transparent 14px 22px)}
.ln-it span{position:sticky;top:45%;align-self:center;z-index:1;writing-mode:vertical-rl;transform:rotate(180deg);background:#fff;border:2px solid var(--navy);color:var(--navy);border-radius:999px;padding:12px 6px;font-size:11.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ln-test{margin:28px auto 0;max-width:820px;text-align:center;font:400 clamp(22px,2.2vw,28px)/1.3 var(--display);color:var(--navy);padding:18px 24px;border-top:2px solid var(--accent-line);border-bottom:2px solid var(--accent-line)}
.ln-block{margin-top:56px}
.ln-h{font:400 clamp(26px,2.6vw,34px)/1.1 var(--display);color:var(--navy);margin:0 0 18px}
.ln-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:none;position:relative}
.ln-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}
.ln-steps li+li::before{content:"";position:absolute;left:-19px;top:46px;width:20px;height:2px;background:var(--accent-line)}
.ln-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent-strong);color:#fff;font:400 26px/1 var(--display)}
.ln-steps p{margin:0;font-size:16.5px;line-height:1.45;font-weight:700;color:var(--ink)}
.ln-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ln-path{border-radius:16px;padding:24px 26px;display:flex;flex-direction:column;gap:8px}
.ln-p1{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.ln-p2{background:var(--navy);color:#fff}
.ln-tag{align-self:flex-start;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px;background:var(--soft,#eef2f5);color:var(--navy)}
.ln-p2 .ln-tag{background:var(--navy-2);color:#ffb374}
.ln-path h4{font:400 clamp(24px,2.2vw,30px)/1.12 var(--display);margin:6px 0 0;color:var(--navy)}
.ln-p2 h4{color:#fff}
.ln-path p{margin:0;font-size:15.5px;color:var(--muted)}
.ln-p2 p{color:#c9d8e4}
@media (max-width:860px){
  .ln-split{grid-template-columns:minmax(0,1fr);gap:0;margin-top:36px}
  .ln-it{height:56px}
  .ln-it::before{top:50%;bottom:auto;left:10px;right:10px;width:auto;height:4px;margin:-2px 0 0;background:repeating-linear-gradient(90deg,var(--accent-strong) 0 14px,transparent 14px 22px)}
  .ln-it span{position:relative;top:auto;writing-mode:horizontal-tb;transform:none;padding:6px 14px}
  .ln-steps,.ln-paths{grid-template-columns:minmax(0,1fr)}
  .ln-steps li+li::before{left:46px;top:-19px;width:2px;height:20px}
  .ln-side{padding:20px 18px 8px}
  .ln-play span{width:64px;height:64px}
  .ln-play span::after{left:26px;top:20px;border-width:12px 0 12px 19px}
}
@media (prefers-reduced-motion:reduce){.ln-play span{transition:none}}

/* How we help > Department Scan: hero link, spotlight (heading, film + navy facts panel), the card's play chip and its film inside "Show details" */
.dsc-hero{display:inline-flex;align-items:center;gap:12px;margin-top:22px;color:#fff;text-decoration:none;font-size:16px;font-weight:600}
.dsc-hero b{font-weight:900}
.dsc-hero:hover b,.dsc-hero:focus-visible b{text-decoration:underline;text-underline-offset:3px}
.dsc-pi{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--accent-strong);position:relative;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.dsc-pi::after{content:"";position:absolute;left:16px;top:12px;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff}
.dsc-head{max-width:820px}
.dsc-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(20px,2.6vw,36px);align-items:start;margin-top:8px}
.dsc-film{margin:0;max-width:none}
.dsc-film figcaption{text-align:left;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:700}
.dsc-txt{background:var(--navy);color:#fff;border-radius:18px;padding:22px 26px 24px;box-shadow:0 24px 60px -28px rgba(7,33,54,.6);display:flex;flex-direction:column;gap:20px}
.dsc-facts{margin:0}
.dsc-facts>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.dsc-facts>div:first-child{padding-top:2px}
.dsc-facts dt{font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-on-navy);padding-top:3px}
.dsc-facts dd{margin:0;font-size:15px;line-height:1.45;color:#e9f1f7}
.dsc-txt .btns{margin:0}
.dsc-txt .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.dsc-txt .btn.ghost:hover{background:#fff;color:var(--navy)}
.dsc-chip{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin:2px 0;padding:5px 14px 5px 5px;border:1.5px solid var(--accent-line);border-radius:999px;background:var(--accent-wash);color:var(--navy);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.dsc-chip .dsc-pi{width:28px;height:28px;box-shadow:none}
.dsc-chip .dsc-pi::after{left:11px;top:8px;border-width:6px 0 6px 9px}
.dsc-chip:hover,.dsc-chip:focus-visible{border-color:var(--accent-strong)}
.dsc-mini{margin:12px 0 2px;max-width:none}
.dsc-mini .ln-frame{border-radius:12px}
.dsc-mini figcaption{text-align:left;font-size:11.5px}
.dsc-mini .ln-play span{width:56px;height:56px}
.dsc-mini .ln-play span::after{left:22px;top:17px;border-width:11px 0 11px 17px}
@media (max-width:980px){
  .dsc-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .dsc-facts>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .dsc-hero{font-size:15px}
}

/* How we help > How it works: film, then four compact stage cards */
.hw-film{margin-top:8px}
.hw-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.hw-st{position:relative;background:#fff;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:16px;padding:20px 20px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}
.hw-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.hw-st .fl-dot{margin:0;width:48px;height:48px;box-shadow:none}
.hw-st .fl-dot svg{width:22px;height:22px}
.hw-n{font:400 34px/1 var(--display);color:var(--ct)}
.hw-st h3{margin:2px 0 0;font-size:20px;color:var(--navy)}
.hw-prom{margin:0;font-weight:800;color:var(--ct);font-size:15px}
.hw-k{margin:10px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hw-out{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}
.hw-st .fl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}
.hw-st .fl-chips a,.hw-st .fl-chips em{font-size:13px;white-space:nowrap;font-weight:800;font-style:normal;text-decoration:none;border-radius:999px;padding:4px 10px;background:var(--soft);color:var(--navy);border:1px solid var(--line)}
.hw-st .fl-chips em{background:none;border:0;padding-left:0;color:var(--muted)}
.hw-st .fl-chips a:hover{border-color:var(--c)}
#h-how .lane{margin-top:22px}
@media (max-width:1000px){.hw-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hw-stages{grid-template-columns:minmax(0,1fr)}}

/* Use Case Repo > hero banner: the KI Days stage photo behind the navy hero, faded under the words */
.cr-hero.cr-banner{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 34%,color-mix(in srgb, var(--navy) 82%, transparent) 54%,color-mix(in srgb, var(--navy) 45%, transparent) 100%),url('../stage/2026-09-28_ki-days-vorarlberg_6-banner.webp') 72% 0/cover no-repeat,var(--navy)}
@media (max-width:760px){.cr-hero.cr-banner{background:linear-gradient(180deg,color-mix(in srgb, var(--navy) 55%, transparent) 0%,var(--navy) 62%),url('../stage/2026-09-28_ki-days-vorarlberg_6-banner.webp') 60% 0/auto 340px no-repeat,var(--navy)}}
/* Use Case Repo > Cracked cases: featured screen tour above the tiles */
.cf-feat{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);margin:6px 0 28px}
.cf-frame{border-radius:12px}
.cf-frame video{object-fit:contain}
.cf-badge{position:absolute;top:12px;left:12px;z-index:2}
.cf-txt{display:flex;flex-direction:column;gap:10px;padding-right:12px}
.cf-txt .kick,.cf-txt h3,.cf-txt p{margin:0}
.cf-txt h3{font:400 clamp(30px,3vw,42px)/1.05 var(--display);color:var(--navy)}
.cf-line{font-size:18px;font-weight:800;color:var(--ink)}
.cf-note{font-size:15px;color:var(--muted)}
@media (max-width:860px){.cf-feat{grid-template-columns:minmax(0,1fr);padding:12px}.cf-txt{padding:4px 6px 8px}}

/* Use Case Repo: real case tiles. A silent demo loop, or a word panel when there is no film. */
.gt .vis video.cloop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gt .vis .cword{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;text-align:center}
.gt .vis .cword span{font-family:var(--serif,Georgia,serif);font-size:26px;font-style:italic;line-height:1.1;opacity:.92}
#speaking .embed video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:#000}