/* Layout: "Light editorial" master site (v2 wireframe order). Paper ground, Midnight structure, Sunbeam spark (60·30·10).
   Signature moments: a blob hero with floating doorways, a 4-step pathway that runs the brand gradient, a hover-reveal
   programme list, and plum for professionals. Hash routes: #home, #help, other menu pages are stubs until built. */
:root{
  --sun:#FCD800; --teal:#52C3BD; --teal-light:#93D9D5; --teal-50:#EEF9F8; --deep-teal:#12736E; --lime:#B9D546; --ember:#F2784B;
  --midnight:#252A52; --ink:#161936; --plum:#3A2645; --plum-2:#4A3157;
  --bg:#F7F6F2; --surface:#FFFFFF; --surface-quiet:#ECEBE6; --text-strong:#252A52; --text:#45464A; --muted:#666769;
  --line:#D9D8D2; --accent-text:#12736E; --chip:#FFFFFF; --focus:#12736E; --error:#C93838; --shadow:0 1px 2px rgba(22,25,54,.06);
  --font-display:var(--font-voice); /* founder decision: Neue Montreal across the interface; Poppins retired on the site */
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* Neue Montreal (founder pick) is the editorial "voice": labels, leads, nav, quotes, magazine masthead.
     Commercial font (Pangram Pangram): self-host the licensed WOFF2 as "PP Neue Montreal". Inter Tight stands in until then. */
  --font-voice:"PP Neue Montreal","Neue Montreal","Inter Tight","Helvetica Neue",Arial,sans-serif;
  /* italic accent for highlight words: Fraunces italic (Google Fonts) */
  --font-accent:"Fraunces",Georgia,"Times New Roman",serif;
  --r-pill:999px; --r-lg:16px; --r-md:12px; --r-sm:8px; --ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#13152B; --surface:#1C2040; --surface-quiet:#202549; --text-strong:#F4F4F8; --text:#CFD0D8; --muted:#A3A6B8;
  --line:#33386A; --accent-text:#93D9D5; --chip:#1C2040; --focus:#FCD800; --error:#FF9C8F; --shadow:0 1px 2px rgba(0,0,0,.3); color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#13152B; --surface:#1C2040; --surface-quiet:#202549; --text-strong:#F4F4F8; --text:#CFD0D8; --muted:#A3A6B8;
  --line:#33386A; --accent-text:#93D9D5; --chip:#1C2040; --focus:#FCD800; --error:#FF9C8F; --shadow:0 1px 2px rgba(0,0,0,.3); color-scheme:dark }

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{background:var(--bg);color:var(--text);font:400 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
a{color:var(--accent-text)}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--sun);color:var(--midnight);padding:12px 18px;border-radius:var(--r-pill);font:500 1rem var(--font-display);text-decoration:none}
.skip:focus{top:calc(8px + env(safe-area-inset-top,0px))}
.wrap{max-width:1280px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
@media(min-width:1024px){.wrap{padding-left:max(80px,env(safe-area-inset-left,0px));padding-right:max(80px,env(safe-area-inset-right,0px))}}
section{position:relative}
.band{padding-block:72px}
@media(min-width:1024px){.band{padding-block:104px}}
.eyebrow{font:500 .75rem/1.3 var(--font-voice);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text)}
.h2{font-weight:700;font-size:clamp(1.75rem,1.15rem + 2.4vw,2.75rem);line-height:1.12}
.head{display:grid;gap:12px;max-width:44rem;margin-bottom:40px}
.head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:36px}
.head-row .head{margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px 6px 24px;border-radius:var(--r-pill);border:0;font:500 1rem/1.2 var(--font-display);text-decoration:none;transition:background .1s,box-shadow .1s;white-space:nowrap}
.btn .arr{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;flex:none;transition:transform .32s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}
.btn-go{background:var(--sun);color:var(--midnight)} .btn-go .arr{background:var(--midnight);color:var(--sun)} .btn-go:hover{background:#FDE761}
.btn-ink{background:var(--midnight);color:#fff} .btn-ink .arr{background:var(--sun);color:var(--midnight)} .btn-ink:hover{background:#1C2040}
.btn-ghost{background:transparent;color:var(--text-strong);box-shadow:inset 0 0 0 1.5px currentColor;padding-right:24px}
.btn-ghost:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--accent-text);font:500 1rem var(--font-display);text-decoration:none}
.tlink:hover{text-decoration:underline;text-underline-offset:4px}

/* utility bar + header + mega menu */
.util{background:var(--ink);color:#C9CBDA;font-size:.8125rem}
.util .wrap{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:16px}
.util a{color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.util a svg{color:var(--teal-light)}
.util .meta{display:none}
@media(min-width:900px){.util .meta{display:block}}
header.site{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);z-index:40}
header.site .wrap{display:flex;align-items:center;gap:20px;min-height:72px}
.logo{display:flex;align-items:center;margin-right:auto;min-height:44px}
.logo img{height:40px;width:auto;display:block}
nav.main{display:none}
@media(min-width:1180px){nav.main{display:flex;gap:4px;margin-right:12px}}
.nav-item{position:relative}
.nav-item>button{background:none;border:0;color:var(--text-strong);font:500 .9375rem var(--font-voice);display:inline-flex;align-items:center;gap:6px;padding:10px 12px;min-height:44px;border-radius:var(--r-sm)}
.nav-item>button:hover,.nav-item>button[aria-expanded="true"]{background:var(--surface-quiet)}
.nav-item>button svg{transition:transform .2s var(--ease)}
.nav-item>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 10px);left:-12px;min-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;box-shadow:0 24px 48px -24px rgba(22,25,54,.35);display:grid;gap:2px}
.mega a{display:grid;gap:2px;padding:12px 14px;border-radius:var(--r-md);text-decoration:none;color:var(--text)}
.mega a:hover{background:var(--surface-quiet)}
.mega b{font:500 .9375rem var(--font-display);color:var(--text-strong)}
.mega span{font-size:.8125rem;color:var(--muted)}
.mega .sub{display:inline-block;margin-left:6px;font:500 .6875rem var(--font-display);letter-spacing:.06em;color:var(--accent-text)}
.talk{background:var(--sun);color:var(--midnight);border-radius:var(--r-pill);padding:12px 20px;font:500 .9375rem var(--font-display);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.burger{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:transparent;color:var(--text-strong)}
@media(min-width:1180px){.burger{display:none}}
@media(max-width:420px){.talk{padding:10px 14px;font-size:.875rem}}
.drawer{position:fixed;inset:0;z-index:90;background:var(--bg);overflow:auto;padding:calc(16px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px))}
.drawer .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.drawer details{border-bottom:1px solid var(--line)}
.drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:60px;font:500 1.25rem var(--font-display);color:var(--text-strong);cursor:pointer}
.drawer summary::-webkit-details-marker{display:none}
.drawer details a{display:block;padding:10px 0 10px 4px;color:var(--text);text-decoration:none;font-size:1rem;min-height:44px}
.drawer .drawer-help{margin-top:24px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:20px;display:grid;gap:10px}

/* HOME-01 HERO */
.hero .wrap{display:grid;gap:40px;padding-block:48px 72px;align-items:center}
@media(min-width:1024px){.hero .wrap{grid-template-columns:1fr 1fr;gap:56px;padding-block:72px 104px}}
.hero h1{font-weight:700;font-size:clamp(2.4rem,1.3rem + 4.6vw,4.75rem);line-height:1.02;letter-spacing:-.035em}
.hero h1 .hl{position:relative;white-space:nowrap;z-index:0}
.hero h1 .hl::after{content:"";position:absolute;left:-.06em;right:-.06em;bottom:.06em;height:.34em;background:var(--sun);z-index:-1;border-radius:4px;transform:skewX(-8deg)}
.hero .lead{font:400 clamp(1.0625rem,1rem + .35vw,1.25rem)/1.55 var(--font-voice);margin-top:22px;max-width:32rem}
.hero .lead span{display:block;color:var(--muted);font-size:.9375rem;margin-top:6px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.blobstage{position:relative;max-width:620px;width:100%;justify-self:center;padding-bottom:64px}
.blob{position:relative;aspect-ratio:1.08/1;max-width:100%}
.blob svg.shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.blob .slot{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);background:rgba(255,255,255,.85);color:#252A52;font:500 .75rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-sm);white-space:nowrap}
.doors{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.door{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 14px 16px;text-decoration:none;color:var(--text-strong);display:grid;gap:10px;box-shadow:0 18px 36px -22px rgba(22,25,54,.45);transition:transform .2s var(--ease),border-color .1s;min-height:44px}
.door:hover{transform:translateY(-4px);border-color:var(--text-strong)}
.door .ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--midnight)}
.door b{font:500 .9375rem/1.25 var(--font-display)}
.door small{font-size:.75rem;color:var(--muted);display:block}
@media(max-width:520px){.door{padding:10px}.door b{font-size:.8125rem}.door small{display:none}}
@media(min-width:1024px){.door:nth-child(2){transform:translateY(-14px)}.door:nth-child(2):hover{transform:translateY(-18px)}}

/* HOME-02 STORIES */
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;margin-bottom:28px}
.tab{flex:none;border:1.5px solid var(--line);background:var(--chip);color:var(--text-strong);border-radius:var(--r-pill);padding:8px 16px;min-height:44px;font:500 .9375rem var(--font-voice)}
.tab:hover{border-color:var(--text-strong)}
.tab[aria-selected="true"]{background:var(--midnight);color:#fff;border-color:var(--midnight)}
:root[data-theme="dark"] .tab[aria-selected="true"]{background:var(--sun);color:var(--midnight);border-color:var(--sun)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tab[aria-selected="true"]{background:var(--sun);color:var(--midnight);border-color:var(--sun)}}
.stories{display:grid;gap:20px}
@media(min-width:760px){.stories{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.stories{grid-template-columns:1.4fr 1fr 1fr}.story.lead-story{grid-row:span 2}}
.story{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:inherit;transition:border-color .1s}
.story:hover{border-color:var(--text-strong)}
.story:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.story .art{aspect-ratio:16/9;max-width:100%;position:relative;overflow:hidden}
.story.lead-story .art{aspect-ratio:4/3}
.story .art svg{position:absolute;inset:0;width:100%;height:100%}
.story .body{padding:20px 22px 24px;display:grid;gap:10px;align-content:start}
.story .cat{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.story h3{font-size:1.1875rem;font-weight:500;line-height:1.3}
.story.lead-story h3{font-size:clamp(1.375rem,1.1rem + .9vw,1.75rem);font-weight:700}
.story .meta{font-size:.8125rem;color:var(--muted)}
.mag-prompt{grid-column:1/-1;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}

/* HOME-03 MAGAZINE */
.magazine{background:var(--midnight);color:#D7D9E6;overflow:hidden}
.magazine .eyebrow{color:var(--teal-light)} .magazine h2{color:#fff}
.magazine .wrap{display:grid;gap:40px;align-items:center}
@media(min-width:1024px){.magazine .wrap{grid-template-columns:.8fr 1.2fr;gap:64px}}
.magazine .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.magazine .btn-ghost{color:#fff}
.covers-wrap{position:relative;min-width:0}
.covers{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 18px;scrollbar-width:none}
.covers::-webkit-scrollbar{display:none}
.cover{flex:0 0 min(62%,240px);scroll-snap-align:start;aspect-ratio:3/4;max-width:100%;border-radius:6px;position:relative;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:var(--midnight);text-decoration:none;box-shadow:0 24px 40px -20px rgba(0,0,0,.6);transition:transform .2s var(--ease)}
.cover:hover{transform:translateY(-6px) rotate(-1deg)}
.cover .mast{font:700 1.75rem/1 var(--font-display);letter-spacing:-.04em}
.cover .mast small{display:block;font:500 .5625rem var(--font-display);letter-spacing:.24em;text-transform:uppercase;margin-top:4px}
.cover .no{font:700 4rem/.85 var(--font-display);letter-spacing:-.05em;position:relative;z-index:1}
.cover .theme{font:500 .75rem/1.3 var(--font-display);position:relative;z-index:1}
.cover svg{position:absolute;inset:0;width:100%;height:100%}
.arrows{display:flex;gap:8px;margin-top:8px}
.arrows button{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;display:grid;place-items:center}
.arrows button:hover{border-color:#fff}

/* HOME-04 PATHWAY */
.path{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
@media(min-width:900px){.path{grid-template-columns:repeat(4,1fr);gap:16px}}
.path::before{content:"";position:absolute;left:28px;top:20px;bottom:20px;width:4px;border-radius:4px;background:linear-gradient(#52C3BD,#94CC6A 60%,#FCD800)}
@media(min-width:900px){.path::before{left:20px;right:20px;top:28px;bottom:auto;width:auto;height:4px;background:linear-gradient(90deg,#52C3BD,#94CC6A 60%,#FCD800)}}
.step{position:relative}
.step a{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;transition:transform .2s var(--ease),border-color .1s;height:100%}
@media(min-width:900px){.step a{grid-template-columns:1fr;padding:0 20px 24px;background:transparent;border:0}}
.step a:hover{transform:translateY(-4px)}
.step .dot{width:60px;height:60px;display:grid;place-items:center;color:var(--midnight);font:700 1rem var(--font-display);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);position:relative;z-index:1}
@media(min-width:900px){.step .dot{margin-left:-6px}}
.step .free{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.step h3{font-size:1.5rem;font-weight:700;margin:4px 0 6px}
.step p{font-size:.9375rem}
.step .go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:500 .9375rem var(--font-display);color:var(--accent-text)}

/* HOME-05 PFA FEATURE */
.pfa{background:var(--sun);color:var(--midnight);overflow:hidden}
.pfa .wrap{display:grid;gap:40px;align-items:center}
@media(min-width:1024px){.pfa .wrap{grid-template-columns:1fr 1fr;gap:72px}}
.pfa .art{aspect-ratio:5/4;max-width:100%;border-radius:24px;background:var(--midnight);position:relative;overflow:hidden}
.pfa .art svg{position:absolute;inset:0;width:100%;height:100%}
.pfa .eyebrow{color:var(--midnight)}
.pfa h2{color:var(--midnight);font-size:clamp(2rem,1.2rem + 3vw,3.25rem);line-height:1.04;font-weight:700;margin-top:14px}
.pfa p.lead{margin-top:18px;max-width:30rem;font-size:1.0625rem}
.lll{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px;list-style:none;padding:0}
.lll li{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r-pill);background:rgba(37,42,82,.08);font:500 .9375rem var(--font-display)}
.lll i{width:12px;height:12px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}

/* HOME-06 PROGRAMMES */
.prog-grid{display:grid;gap:40px}
@media(min-width:1024px){.prog-grid{grid-template-columns:1fr 1fr;gap:72px;align-items:start}}
.prog-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--text-strong)}
.prog-list a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:padding .2s var(--ease),background .2s}
.prog-list a:hover,.prog-list a:focus-visible,.prog-list a.on{padding-left:16px;background:var(--surface)}
.prog-list h3{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:500}
.prog-list p{grid-column:1;font-size:.9375rem;color:var(--muted)}
.prog-list .arr{grid-row:1/span 2;grid-column:2;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:var(--text-strong);transition:background .2s,border-color .2s}
.prog-list a:hover .arr,.prog-list a.on .arr{background:var(--sun);border-color:var(--sun);color:var(--midnight)}
.prog-preview{position:sticky;top:96px;aspect-ratio:4/3;max-width:100%;border-radius:24px;overflow:hidden;display:none}
@media(min-width:1024px){.prog-preview{display:block}}
.prog-preview svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .32s var(--ease)}
.prog-preview .cap{position:absolute;left:20px;bottom:20px;right:20px;background:var(--surface);color:var(--text-strong);border-radius:var(--r-md);padding:14px 16px;font-size:.875rem;display:grid;gap:2px}
.prog-preview .cap b{font:500 1rem var(--font-display)}

/* HOME-07 REACH */
.reach{background:var(--surface-quiet)}
.reach h2{max-width:22ch}
.stats{display:grid;gap:0;grid-template-columns:1fr 1fr;border-top:2px solid var(--text-strong)}
@media(min-width:900px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{padding:24px 16px 28px 0;border-bottom:1px solid var(--line)}
.stat:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
@media(min-width:900px){.stat{border-bottom:0}.stat+.stat{border-left:1px solid var(--line);padding-left:24px}}
.stat b{display:block;font:700 clamp(2.5rem,1.6rem + 3vw,4rem)/1 var(--font-display);color:var(--text-strong);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:10px;font-size:.9375rem;max-width:18ch}
.stat small{display:block;margin-top:4px;color:var(--muted);font-size:.8125rem}
.partners{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.partners p{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.partners ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.partners li{font:700 1.0625rem var(--font-display);color:var(--text-strong);opacity:.75}
.footnote{margin-top:24px;font-size:.8125rem;color:var(--muted)}
.footnote .confirm,.confirm{display:inline-block;font:500 .75rem var(--font-display);padding:2px 8px;border-radius:var(--r-sm);background:rgba(242,120,75,.18);color:#9F513B}
:root[data-theme="dark"] .confirm{color:#FFB79C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .confirm{color:#FFB79C}}

/* HOME-08 PROFESSIONALS (plum) */
.pros{background:var(--plum);color:#E6DDEA;overflow:hidden}
.pros::after{content:"";position:absolute;right:-8%;top:-80px;width:46%;height:110px;background:var(--sun);transform:rotate(-7deg);opacity:.95}
.pros .eyebrow{color:var(--sun)} .pros h2{color:#fff}
.pros .wrap{display:grid;gap:40px;position:relative;z-index:1}
@media(min-width:1024px){.pros .wrap{grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}}
.pros p.lead{margin-top:16px;max-width:30rem}
.pros .btn{margin-top:28px}
.pro-cards{display:grid;gap:12px}
@media(min-width:640px){.pro-cards{grid-template-columns:1fr 1fr}}
.pro{background:var(--plum-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:22px;display:grid;gap:8px;text-decoration:none;color:#E6DDEA;transition:border-color .1s,transform .2s var(--ease)}
.pro:hover{border-color:var(--sun);transform:translateY(-3px)}
.pro .k{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#C9B8D2}
.pro b{font:500 1.1875rem var(--font-display);color:#fff}
.pro p{font-size:.875rem}
.pro .price{font:500 .875rem var(--font-display);color:var(--sun)}

/* HOME-09 PARTNER */
.partner .card{background:var(--teal-light);color:var(--midnight);border-radius:28px;padding:48px 28px;display:grid;gap:24px;position:relative;overflow:hidden}
@media(min-width:1024px){.partner .card{padding:72px 64px;grid-template-columns:1.3fr .7fr;align-items:end}}
.partner .card h2{color:inherit;font-size:clamp(2rem,1.2rem + 3vw,3.5rem);line-height:1.04;max-width:16ch}
.partner .card .eyebrow{color:inherit}
.partner .card p{max-width:32rem;margin-top:14px}
.partner.photoband .card{background:rgba(255,255,255,.6)}
:root[data-theme="dark"] .partner.photoband .card{background:rgba(28,32,64,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .partner.photoband .card{background:rgba(28,32,64,.6)}}
.partner.photoband .ways i{background:currentColor}
.partner .ring{position:absolute;right:-90px;top:-90px;width:300px;height:300px;pointer-events:none}
.partner .ways{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:500 .9375rem var(--font-display)}
.partner .ways li{display:flex;gap:10px;align-items:center}
.partner .ways i{width:10px;height:10px;background:var(--midnight);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}

/* GLB-02 HELP BOX */
.helpbox{background:var(--bg)}
.help-cards{display:grid;gap:12px}
@media(min-width:900px){.help-cards{grid-template-columns:repeat(3,1fr)}}
.hcard{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;text-decoration:none;color:inherit;min-height:44px;transition:border-color .1s}
.hcard:hover{border-color:var(--text-strong)}
.hcard .ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--midnight)}
.hcard b{display:block;font:500 1.0625rem var(--font-display);color:var(--text-strong)}
.hcard span{font-size:.875rem;color:var(--muted)}

/* FOOTER */
footer{background:var(--ink);color:#B8BBD0;font-size:.875rem}
footer .wrap{padding-block:64px calc(40px + env(safe-area-inset-bottom,0px));display:grid;gap:48px}
.f-top{display:grid;gap:28px}
@media(min-width:1024px){.f-top{grid-template-columns:1.1fr .9fr;align-items:end}}
.f-top h2{color:#fff;font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);font-weight:700}
.f-top p{margin-top:10px;max-width:34rem}
.news{display:grid;gap:8px}
.news label{font:500 .875rem var(--font-display);color:#fff}
.news .row{display:flex;gap:8px;flex-wrap:wrap}
.news input{flex:1 1 220px;min-height:52px;border-radius:var(--r-pill);border:1.5px solid #3A3F6B;background:#1C2040;color:#fff;padding:0 20px;font:400 1rem var(--font-body)}
.news input:focus{outline:none;border-color:var(--sun)}
.news .err{color:#FF9C8F;font-size:.8125rem;font-weight:600}
.news .ok{color:var(--lime);font-size:.875rem;font-weight:600}
.f-cols{display:grid;gap:28px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.f-cols{grid-template-columns:repeat(6,1fr)}}
.f-cols h3{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:8px}
.f-cols ul{list-style:none;margin:0;padding:0}
.f-cols a{color:#B8BBD0;text-decoration:none;display:inline-flex;align-items:center;min-height:36px}
.f-cols a:hover{color:#fff;text-decoration:underline}
.f-base{border-top:1px solid #2A2F5E;padding-top:24px;display:grid;gap:10px;font-size:.8125rem}
.f-base a{color:#B8BBD0}

/* HELP PAGE (calm help: numbers first, never animated) */
.helppage{background:#F3F9F7}
:root[data-theme="dark"] .helppage{background:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .helppage{background:var(--bg)}}
.hp-hero{background:var(--ink);color:#DADCEA}
.hp-hero .wrap{padding-block:48px 56px;display:grid;gap:22px}
.hp-hero h1{color:#fff;font-size:clamp(2rem,1.4rem + 2.6vw,3rem);font-weight:700}
.hp-hero p{max-width:40rem;font-size:1.0625rem}
.big-calls{display:grid;gap:12px;max-width:720px}
@media(min-width:640px){.big-calls{grid-template-columns:1fr 1fr}}
.big-call{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:#fff;color:var(--midnight);border-radius:var(--r-lg);padding:18px 22px;text-decoration:none;min-height:88px}
.big-call:hover{background:#FFF7C2}
.big-call .ic{width:52px;height:52px;border-radius:50%;background:var(--sun);display:grid;place-items:center}
.big-call b{display:block;font:700 2rem/1 var(--font-display);font-variant-numeric:tabular-nums}
.big-call span{font-size:.9375rem}
.lines{display:grid;gap:12px}
@media(min-width:760px){.lines{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.lines{grid-template-columns:repeat(3,1fr)}}
.line{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;display:grid;gap:4px}
.line b{font:500 1.0625rem var(--font-display);color:var(--text-strong)}
.line a{font:700 1.375rem var(--font-display);text-decoration:none;color:var(--text-strong);display:inline-flex;align-items:center;min-height:44px;font-variant-numeric:tabular-nums}
.line a:hover{color:var(--accent-text)}
.line span{font-size:.875rem;color:var(--muted)}
.next{list-style:none;margin:0;padding:0;counter-reset:n;display:grid;gap:10px;max-width:40rem}
.next li{counter-increment:n;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 18px;font-size:1.0625rem;color:var(--text-strong)}
.next li::before{content:counter(n);width:32px;height:32px;border-radius:50%;background:var(--teal-light);color:var(--midnight);display:grid;place-items:center;font:700 .9375rem var(--font-display)}
.hp-grid{display:grid;gap:40px}
@media(min-width:1024px){.hp-grid{grid-template-columns:1.1fr .9fr;gap:64px}}
.side-cards{display:grid;gap:12px;align-content:start}
.side-cards a,.side-cards div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;text-decoration:none;color:inherit;display:grid;gap:4px}
.side-cards b{font:500 1.0625rem var(--font-display);color:var(--text-strong)}
.side-cards span{font-size:.9375rem;color:var(--muted)}

/* STUB pages */
.stub .wrap{padding-block:72px 96px;display:grid;gap:24px}
.stub h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);font-weight:700}
.stub ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-width:44rem}
.stub li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 18px;display:flex;gap:14px;align-items:center}
.stub li code{font:500 .75rem ui-monospace,Menlo,monospace;color:var(--accent-text);flex:none}

/* POPUP (email, magazine) */
.scrim{position:fixed;inset:0;z-index:95;background:rgba(22,25,54,.66);display:grid;place-items:end center}
@media(min-width:640px){.scrim{place-items:center;padding:24px}}
.sheet{background:var(--surface);width:100%;max-width:520px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:28px 24px calc(28px + env(safe-area-inset-bottom,0px))}
@media(min-width:640px){.sheet{border-radius:24px;padding:36px}}
.sheet-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.x{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:transparent;color:var(--text-strong);display:grid;place-items:center}
.sheet h2{font-size:1.5rem;font-weight:700;margin-bottom:6px}
.field{display:grid;gap:8px;margin:16px 0}
.field label{font:500 .875rem var(--font-display);color:var(--text-strong)}
.field input,.field textarea,.field select{font:400 1rem var(--font-body);padding:13px 14px;min-height:48px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--bg);color:var(--text-strong);width:100%}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--error)}
.err{color:var(--error);font-size:.8125rem;font-weight:600}

/* ===== photo heads (Magnific-style): full-bleed photo, header floats transparent on top ===== */
.photohead{position:relative;isolation:isolate;overflow:hidden;color:#F4F4F8;margin-top:-73px;background:#161936}
.photohead .ph-bg{position:absolute;inset:0;z-index:-2}
.photohead .ph-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;filter:saturate(1.05) contrast(1.03)}
.photohead::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(22,25,54,.62) 0,rgba(22,25,54,0) 26%),
  linear-gradient(0deg,rgba(22,25,54,.9) 0,rgba(22,25,54,.55) 38%,rgba(22,25,54,.08) 72%),
  linear-gradient(90deg,rgba(22,25,54,.55) 0,rgba(22,25,54,0) 60%)}
.photohead h1,.photohead h2{color:#fff}
.photohead .eyebrow{color:var(--sun)}
.photohead .lead,.photohead .lead span{color:#E6E7F0}
.photohead .crumbs,.photohead .crumbs a{color:#C9CBDA}
.photohead .btn-ghost{color:#fff}
.ph-credit{position:absolute;right:max(20px,env(safe-area-inset-right,0px));bottom:14px;font:500 .75rem var(--font-voice);color:rgba(255,255,255,.7);letter-spacing:.04em}
.hero.photohead .wrap{display:grid;grid-template-columns:1fr;gap:36px;align-content:end;min-height:clamp(600px,88vh,860px);padding-block:150px 56px}
@media(min-width:1024px){.hero.photohead .wrap{grid-template-columns:1.25fr .75fr;align-items:end;gap:48px;padding-block:180px 80px}}
.hero.photohead h1{margin-top:18px;font-size:clamp(2.6rem,1.2rem + 5.4vw,5.5rem);max-width:13ch}
.hero.photohead h1 .hl::after{opacity:.95}
.hero.photohead .doors{position:static;grid-template-columns:1fr;gap:10px}
@media(max-width:1023px){.hero.photohead .doors{grid-template-columns:repeat(3,1fr)}}
.hero.photohead .door{background:rgba(255,255,255,.94);border-color:transparent;transform:none}
:root[data-theme="dark"] .hero.photohead .door{background:rgba(28,32,64,.92)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero.photohead .door{background:rgba(28,32,64,.92)}}
.hero.photohead .door:hover{transform:translateX(-4px)}
@media(min-width:1024px){.hero.photohead .door{grid-template-columns:auto 1fr;align-items:center}}
.pagehead.photohead .wrap{padding-block:160px 72px}
@media(min-width:1024px){.pagehead.photohead .wrap{padding-block:200px 96px}}
.photohead .facts{border-color:#fff}.photohead .facts div{border-color:rgba(255,255,255,.2)}
.photohead .facts dt{color:#C9CBDA}.photohead .facts dd{color:#fff}
/* header over a photo head */
header.site{transition:background .2s,border-color .2s}
header.site.over{background:transparent;border-bottom-color:rgba(255,255,255,.18)}
header.site.over .nav-item>button{color:#fff}
header.site.over .nav-item>button:hover,header.site.over .nav-item>button[aria-expanded="true"]{background:rgba(255,255,255,.14)}
header.site.over .burger{color:#fff;border-color:rgba(255,255,255,.4)}
header.site.over .logo img{filter:drop-shadow(0 1px 6px rgba(0,0,0,.35))}

/* ===== glass (frosted panels over photos) =====
   Build: Elementor container Custom CSS: backdrop-filter + translucent background. Solid fallback where blur isn't supported. */
.glass{background:rgba(22,25,54,.34);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 24px 48px -24px rgba(8,9,24,.55);color:#F4F4F8}
.glass-light{background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 48px -28px rgba(22,25,54,.45);color:#252A52}
:root[data-theme="dark"] .glass-light{background:rgba(28,32,64,.6);border-color:rgba(255,255,255,.16);color:#F4F4F8;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 48px -28px rgba(0,0,0,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .glass-light{background:rgba(28,32,64,.6);border-color:rgba(255,255,255,.16);color:#F4F4F8;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 48px -28px rgba(0,0,0,.6)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:rgba(22,25,54,.82)}.glass-light{background:rgba(255,255,255,.95)}}
.glass b,.glass h3,.glass h2{color:#fff}.glass small,.glass span{color:#DADCEA}
/* hero doors become frosted */
.hero.photohead .door{background:rgba(22,25,54,.3);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 20px 40px -24px rgba(0,0,0,.6)}
:root[data-theme="dark"] .hero.photohead .door{background:rgba(22,25,54,.42)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero.photohead .door{background:rgba(22,25,54,.42)}}
.hero.photohead .door small{color:#DADCEA}
.hero.photohead .door:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero.photohead .door{background:rgba(22,25,54,.78)}}
/* solid header turns frosted once scrolled */
header.site:not(.over){background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
.mega{background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
/* photo bands with a frosted panel */
.photoband{position:relative;isolation:isolate;overflow:hidden;background:#161936}
.photoband>.ph-bg{position:absolute;inset:0;z-index:-2}
.photoband>.ph-bg img{width:100%;height:100%;object-fit:cover;display:block}
.photoband::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,25,54,.25),rgba(22,25,54,.55))}
.photoband .head .eyebrow{color:var(--sun)}.photoband .head h2{color:#fff}
.helpbox.photoband .hcard{background:rgba(22,25,54,.32);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.24);color:#fff}
.helpbox.photoband .hcard b{color:#fff}.helpbox.photoband .hcard span{color:#DADCEA}
.helpbox.photoband .hcard:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.helpbox.photoband .hcard{background:rgba(22,25,54,.8)}}
.glass-panel{border-radius:24px;padding:32px 28px;display:grid;gap:18px}
@media(min-width:1024px){.glass-panel{padding:48px}}
.magazine.photoband::before{background:linear-gradient(90deg,rgba(37,42,82,.96) 0,rgba(37,42,82,.88) 45%,rgba(37,42,82,.55))}
.prog-preview .cap{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.7);color:#252A52}
.prog-preview .cap b{color:#252A52}
.ways-img{aspect-ratio:16/9;max-width:100%;border-radius:12px;overflow:hidden;margin:-8px -8px 6px;position:relative}
.ways-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.illus{position:absolute;left:12px;bottom:12px;font:500 .75rem var(--font-voice);color:#fff;padding:4px 10px;border-radius:999px;background:rgba(22,25,54,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* ===== review pass 1 fixes ===== */
/* hero: doors sit in a row under the buttons so the people in the photo stay visible */
@media(min-width:1024px){
  .hero.photohead .wrap{grid-template-columns:1fr;align-content:end;gap:28px;min-height:clamp(600px,calc(100vh - 44px),860px);padding-block:130px 48px}
  .hero.photohead h1{font-size:clamp(2.6rem,1.2rem + 4.2vw,4.75rem)}
  .hero.photohead .lead{margin-top:16px}.hero.photohead .ctas{margin-top:22px}
  .hero.photohead .doors{grid-template-columns:repeat(3,minmax(0,220px));gap:12px}
  .hero.photohead .door{grid-template-columns:auto 1fr;align-items:center;padding:12px 14px}
  .hero.photohead .door:hover{transform:translateY(-3px)}
}
.hero.photohead .hero-copy{max-width:760px}
/* stronger top and bottom shade so the menu and white text always read */
.photohead::before{background:
  linear-gradient(180deg,rgba(22,25,54,.72) 0,rgba(22,25,54,.12) 30%,rgba(22,25,54,0) 45%),
  linear-gradient(0deg,rgba(22,25,54,.9) 0,rgba(22,25,54,.55) 40%,rgba(22,25,54,.08) 72%),
  linear-gradient(90deg,rgba(22,25,54,.55) 0,rgba(22,25,54,0) 60%)}
.helpbox.photoband::before{background:linear-gradient(180deg,rgba(22,25,54,.78) 0,rgba(22,25,54,.5) 55%,rgba(22,25,54,.7) 100%)}
/* lead story fills its two rows instead of leaving a white gap */
@media(min-width:1100px){.stories .story.lead-story{grid-template-rows:1fr auto}.stories .story.lead-story .art{aspect-ratio:auto;min-height:300px}}
/* topic tabs scroll without a visible bar, with a soft fade at the edge */
.tabs{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.tabs::-webkit-scrollbar{display:none}
@media(min-width:1100px){.tabs{-webkit-mask-image:none;mask-image:none}}
/* magazine covers fade out at the edge so the cut-off cover reads as "scroll for more" */
.covers{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
/* reach figures never break mid-number */
.stat b{white-space:nowrap;font-size:clamp(2.1rem,1.4rem + 2.6vw,3.5rem)}
/* professional cards keep their text at the top */
.pro{align-content:start}
/* footer: tighter headline, 44px tap areas for links */
.f-top h2{line-height:1.1}
@media(max-width:899px){.f-cols a{min-height:44px}}
.f-base a{display:inline-block;padding:14px 4px;margin:-14px 0}

/* ===== round 6: type, hover, logos, ticker, language, header styles ===== */
/* headings in Neue Montreal (stand-in Inter Tight) with italic serif accents */
h1,h2,h3,h4{font-family:var(--font-voice)}
.h2,.pagehead h1,.hero h1,.prog-sec h2,.cta-band h2,.offer h2{font-weight:500;letter-spacing:-.035em}
.hero.photohead h1{font-weight:500;letter-spacing:-.045em;line-height:.98}
h1 em,h2 em,h3 em{font-family:var(--font-accent);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--accent-text);padding-right:.04em}
.photohead h1 em,.photoband h2 em,.magazine h2 em,.pros h2 em,footer h2 em,.dark-band h2 em,.plum-band h2 em,.plum-hero h1 em,.mast-hero h1 em{color:var(--sun)}
.pfa h2 em,.cta-band h2 em{color:#12736E}
.partner .card h2 em{color:var(--accent-text)}
.hero h1 .hl::after{display:none}
/* hover goes lighter, press goes darker */
.btn,.talk,.door,.story,.tab,.chip,.hcard,.pro,a.card,button.card,.step a,.prog-list a,.cover,.edition,.logo-tile,.nav-item>button,.tlink{transition:filter .18s var(--ease),opacity .18s var(--ease),background-color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}
.btn:hover,.talk:hover{filter:brightness(1.08) saturate(1.04)}
.btn:active,.talk:active{filter:brightness(.88);transform:scale(.98)}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-ghost:active{background:rgba(22,25,54,.18)}
.story .art img,.ways-img img,.ph-art img{transition:opacity .25s var(--ease),transform .5s var(--ease)}
.story:hover .art img{opacity:.86;transform:scale(1.03)}
.story:active{filter:brightness(.94)}
.hero.photohead .door:active,.helpbox.photoband .hcard:active{background:rgba(22,25,54,.6)}
.tab:hover,.chip:hover{background:color-mix(in srgb,var(--chip) 70%,var(--teal-light))}
.tab:active,.chip:active{filter:brightness(.9)}
a.card:active,button.card:active,.pro:active,.step a:active,.prog-list a:active,.hcard:active{filter:brightness(.94)}
.cover:hover,.edition:hover .cover{opacity:.9}
.tlink:hover{opacity:.8}.tlink:active{opacity:1;filter:brightness(.8)}
/* partner logos: greyscale, colour on hover */
.logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;flex:1;min-width:0}
.logo-tile{height:92px;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;padding:10px;overflow:hidden}
.logo-tile img{max-height:70px;max-width:100%;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.62;transition:filter .3s var(--ease),opacity .3s var(--ease),transform .3s var(--ease)}
.logo-tile:hover img,.logo-tile:focus-within img{filter:none;opacity:1;transform:scale(1.04)}
.logo-tile span{font:600 .9375rem/1.2 var(--font-voice);color:#6B6C72;text-align:center;letter-spacing:-.01em;transition:color .3s}
.logo-tile:hover span{color:#252A52}
.partners{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
@media(min-width:900px){.partners{grid-template-columns:150px 1fr;gap:32px}.partners>p{padding-top:34px}}
.partners ul.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.partners ul.logos li{font:inherit;opacity:1}
.logo-tile{height:96px;padding:12px 16px;display:flex;align-items:center;justify-content:center}
.logo-tile img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:scale(var(--s,1));filter:grayscale(1) contrast(1.25) brightness(.92);opacity:.85}
.logo-tile:hover img,.logo-tile:focus-within img,.logo-tile:focus img{filter:none;opacity:1;transform:scale(calc(var(--s,1) * 1.05))}
.logo-tile:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
body.hdr-c .drawer summary svg{width:22px;height:22px}
body.hdr-c .drawer .drawer-photo img{object-position:78% 50%}
/* scrolling headline ticker (latest stories) */
.ticker{background:var(--midnight);color:#fff;border-block:1px solid rgba(255,255,255,.08);position:relative}
.ticker .wrap{display:flex;align-items:center;gap:16px;min-height:56px}
.ticker .label{flex:none;display:inline-flex;align-items:center;gap:8px;font:600 .75rem var(--font-voice);letter-spacing:.16em;text-transform:uppercase;color:var(--sun)}
.ticker .label i{width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(252,216,0,.2)}
.ticker .track-wrap{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent)}
.ticker .track{display:flex;width:max-content;animation:tick 60s linear infinite}
.ticker:hover .track,.ticker:focus-within .track,.ticker.paused .track{animation-play-state:paused}
.ticker .track a{display:inline-flex;align-items:center;gap:12px;padding:0 28px 0 0;min-height:44px;color:#E6E7F0;text-decoration:none;font:500 1rem var(--font-voice);white-space:nowrap}
.ticker .track a b{font:400 1rem var(--font-accent);font-style:italic;color:var(--teal-light)}
.ticker .track a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.ticker .track a::after{content:"";width:6px;height:6px;background:var(--sun);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);margin-left:16px}
.ticker .pause{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;display:grid;place-items:center}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker .track{animation:none}.ticker .track-wrap{overflow-x:auto}}
/* language dropdown */
.lang{position:relative}
.lang>button{background:none;border:0;color:#fff;font:600 .8125rem var(--font-body);display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px}
.lang>button svg.globe{color:var(--teal-light)}
.lang ul{position:absolute;right:0;top:calc(100% + 4px);z-index:60;list-style:none;margin:0;padding:6px;min-width:190px;border-radius:14px;background:rgba(28,32,64,.86);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.lang li button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:none;color:#E6E7F0;font:500 .9375rem var(--font-voice);text-align:left}
.lang li button:hover{background:rgba(255,255,255,.1)}
.lang li button[aria-checked="true"]{color:#fff}
.lang li button[aria-checked="true"]::after{content:"✓";color:var(--sun)}
.lang li small{color:#A9ADC8;font-size:.75rem}
.lang ul{max-height:min(70vh,460px);overflow-y:auto;overscroll-behavior:contain}
.lang li.lang-more{padding:10px 12px 6px;font:400 .75rem/1.4 var(--font-body);color:#A9ADC8;border-top:1px solid rgba(255,255,255,.12);margin-top:4px}
[dir="rtl"] .lang ul{right:auto;left:0}
[dir="rtl"] .btn .arr svg,[dir="rtl"] .door + .door svg{transform:scaleX(-1)}
[dir="rtl"] .hero.photohead .wrap{justify-items:start}
[dir="rtl"] .photohead::before{background:
  linear-gradient(180deg,rgba(22,25,54,.72) 0,rgba(22,25,54,.12) 30%,rgba(22,25,54,0) 45%),
  linear-gradient(0deg,rgba(22,25,54,.9) 0,rgba(22,25,54,.55) 40%,rgba(22,25,54,.08) 72%),
  linear-gradient(270deg,rgba(22,25,54,.62) 0,rgba(22,25,54,0) 62%)}
[dir="rtl"] .hero.photohead .ph-bg img{transform:scaleX(-1)}
.util .meta{display:flex;align-items:center;gap:16px}
.util .meta .util-reach{display:none}
@media(min-width:900px){.util .meta .util-reach{display:inline}}
.sw-note{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:85;padding:12px 18px;border-radius:999px;font:500 .875rem var(--font-voice);max-width:calc(100% - 32px)}
/* header styles: A classic (default) · B floating glass pill · C minimal with full-screen menu */
:root{--hdr-h:73px}
.photohead{margin-top:calc(var(--hdr-h) * -1)}
body.hdr-b header.site,body.hdr-b header.site:not(.over){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding-top:8px}
body.hdr-b header.site .wrap{min-height:64px;margin-top:0;border-radius:999px;padding-left:20px;padding-right:10px;max-width:1240px;width:calc(100% - 32px);
  background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 18px 40px -24px rgba(22,25,54,.45)}
body.hdr-b header.site.over .wrap{background:rgba(22,25,54,.28);border-color:rgba(255,255,255,.22)}
body.hdr-c header.site nav.main{display:none}
body.hdr-c .burger{display:inline-flex;width:auto;gap:8px;padding:0 16px;border-radius:999px;font:500 .9375rem var(--font-voice)}
body.hdr-c .burger::after{content:"Menu"}
body.hdr-c header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
body.hdr-c header.site .logo{grid-column:2;margin:0}
body.hdr-c header.site .talk{grid-column:3;justify-self:end;grid-row:1}
body.hdr-c header.site .burger{grid-column:1;grid-row:1;justify-self:start}
body.hdr-c .drawer{background:#161936;color:#E6E7F0;display:grid;align-content:start}
@media(min-width:1024px){body.hdr-c .drawer:not([hidden]){grid-template-columns:1.2fr .8fr;column-gap:64px;padding:32px 80px}}
body.hdr-c .drawer .top{grid-column:1/-1}
body.hdr-c .drawer summary{color:#fff;font:500 clamp(1.75rem,1.2rem + 2vw,3rem)/1.2 var(--font-voice);min-height:76px;letter-spacing:-.03em}
body.hdr-c .drawer details{border-color:rgba(255,255,255,.12)}
body.hdr-c .drawer details a{color:#C9CBDA;font-size:1.125rem}
body.hdr-c .drawer .x{color:#fff;border-color:rgba(255,255,255,.3)}
body.hdr-c .drawer .drawer-photo{display:none}
@media(min-width:1024px){body.hdr-c .drawer .drawer-photo{display:block;grid-column:2;grid-row:2 / span 2;border-radius:24px;overflow:hidden;min-height:520px;position:relative}
  body.hdr-c .drawer .drawer-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
.drawer .drawer-photo{display:none}
@media(min-width:1180px){body.hdr-c .burger{display:inline-flex}}
.hdr-switch{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(68px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1.5px solid var(--text-strong);box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.hdr-switch span{font:500 .75rem var(--font-voice);color:var(--muted);align-self:center;padding:0 6px 0 10px}
.hdr-switch button{min-width:52px;padding:0 10px;min-height:36px;border-radius:999px;border:0;background:transparent;color:var(--text-strong);font:600 .8125rem var(--font-voice)}
.hdr-switch button[aria-pressed="true"]{background:var(--midnight);color:#fff}
:root[data-theme="dark"] .hdr-switch button[aria-pressed="true"]{background:var(--sun);color:#252A52}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hdr-switch button[aria-pressed="true"]{background:var(--sun);color:#252A52}}

/* ===== brand patterns on plain colour fields (Brand Book 07 · Patterns & textures)
   "Conversation field" = rows of open bubbles; "Open ring" = the logo's front bubble.
   Flat, behind content, densest at one edge and faded out before any text. One pattern per section. */
:root{
  --bubbles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2'%3E%3Ccircle cx='18' cy='18' r='7'/%3E%3Ccircle cx='54' cy='54' r='7'/%3E%3C/g%3E%3Cg fill='%23000'%3E%3Cpath d='M12.4 22.4l-2.9 4.6 5.2-1.7z'/%3E%3Cpath d='M48.4 58.4l-2.9 4.6 5.2-1.7z'/%3E%3C/g%3E%3C/svg%3E");
  --ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M58 30A80 80 0 1 1 30 142' fill='none' stroke='%23000' stroke-width='15' stroke-linecap='round'/%3E%3C/svg%3E");
}
.pfa,.pros,.reach,footer,.cta-band,.dark-band,.plum-band,.pagehead:not(.photohead),.mast-hero{position:relative;isolation:isolate;overflow:hidden}
.pfa::before,.pros::before,footer::before,.cta-band::before,.dark-band::before,.plum-band::before,.mast-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--pat-c,#52C3BD);opacity:var(--pat-o,.2);
  -webkit-mask:var(--bubbles) 0 0/72px 72px repeat,linear-gradient(var(--pat-dir,90deg),transparent 42%,#000 92%);-webkit-mask-composite:source-in;
  mask:var(--bubbles) 0 0/72px 72px repeat,linear-gradient(var(--pat-dir,90deg),transparent 42%,#000 92%);mask-composite:intersect}
footer{--pat-c:#52C3BD;--pat-o:.2}
.pros{--pat-c:#FCD800;--pat-o:.12;--pat-dir:200deg}
.pfa{--pat-c:#252A52;--pat-o:.1;--pat-dir:270deg}
.cta-band{--pat-c:#252A52;--pat-o:.12}
.dark-band{--pat-c:#93D9D5;--pat-o:.16}
.plum-band{--pat-c:#FCD800;--pat-o:.1}
.mast-hero{--pat-c:#93D9D5;--pat-o:.14;--pat-dir:270deg}
.reach::before,.pagehead:not(.photohead)::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(520px,70vw);aspect-ratio:1;right:-120px;top:50%;transform:translateY(-50%);
  background-color:var(--ring-c,#252A52);opacity:var(--ring-o,.06);-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat}
.pagehead:not(.photohead){--ring-c:#52C3BD;--ring-o:.28}
@media(max-width:700px){.reach::before,.pagehead:not(.photohead)::before{right:-45%;opacity:calc(var(--ring-o,.06) * .7)}}

/* ===== header B, white: a solid white floating pill on every page and over every photo ===== */
body.hdr-b header.site .wrap,body.hdr-b header.site.over .wrap{background:rgba(255,255,255,.96);border:1px solid rgba(37,42,82,.08);box-shadow:0 18px 44px -24px rgba(22,25,54,.4);color:#252A52}
body.hdr-b header.site .nav-item>button,body.hdr-b header.site.over .nav-item>button{color:#252A52}
body.hdr-b header.site .nav-item>button:hover,body.hdr-b header.site .nav-item>button[aria-expanded="true"],body.hdr-b header.site.over .nav-item>button:hover{background:#F1F3F2}
body.hdr-b header.site .burger,body.hdr-b header.site.over .burger{color:#252A52;border-color:#D9D8D2}
body.hdr-b header.site.over .logo img{filter:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.hdr-b header.site .wrap{background:#fff}}

/* ===== footer bottom bar: legal on one end, social icons on the other ===== */
.f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;border-top:1px solid #2A2F5E;padding-top:20px;margin-top:8px}
.f-bottom p{max-width:62ch}
.social{display:flex;gap:8px;flex-wrap:wrap}
.social a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(233,244,242,.28);display:grid;place-items:center;color:#E6E7F0;text-decoration:none;margin:0;padding:0}
.social a svg{width:18px;height:18px}
.social a:hover{background:var(--sun);border-color:var(--sun);color:#252A52}
.social a:active{filter:brightness(.9)}
.f-base{border-top:0;padding-top:0}

/* ===== LOOK: WHITE (predominantly white, single light theme by design) ===== */
.hero-white{display:none}
body.look-white{
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-quiet:#F4F8F7; --text-strong:#252A52; --text:#45464A; --muted:#62646A;
  --line:#E3E7E6; --accent-text:#12736E; --chip:#FFFFFF; --focus:#12736E; --error:#C93838; --shadow:0 1px 2px rgba(22,25,54,.05);
  color-scheme:light;background:#fff}
/* the white look keeps the full-bleed photo hero on top (the collage hero stays available but unused) */
.hw-grid{display:grid;gap:40px;align-items:center;padding-block:40px 32px}
@media(min-width:1024px){.hw-grid{grid-template-columns:1.02fr .98fr;gap:56px;padding-block:64px 40px}}
.hw-copy h1{margin-top:16px;font-weight:500;font-size:clamp(2.6rem,1.2rem + 4.6vw,5.25rem);line-height:.98;letter-spacing:-.05em;color:#252A52}
.hw-copy h1 em{color:#12736E}
.hw-copy .lead{font:400 clamp(1.0625rem,1rem + .35vw,1.2rem)/1.55 var(--font-voice);color:#62646A;margin-top:22px;max-width:40ch}
.hw-copy .lead span{display:block;font-size:.9375rem;margin-top:6px}
.hw-copy .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hw-copy .btn-ghost{color:#252A52;box-shadow:inset 0 0 0 1.5px #D5DAD9}
.hw-copy .btn-ghost:hover{background:#F4F8F7}
.hw-trust{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font:500 .875rem var(--font-voice);color:#62646A}
.hw-trust li{display:inline-flex;align-items:center;gap:8px}
.hw-trust li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}
.hw-collage{position:relative;min-height:420px;max-width:620px;width:100%;justify-self:center}
@media(min-width:1024px){.hw-collage{min-height:560px}}
.hw-ph{position:absolute;overflow:hidden;box-shadow:0 30px 60px -32px rgba(22,25,54,.45);background:#EEF2F1}
.hw-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hw-1{right:0;top:0;width:74%;height:78%;border-radius:36px 36px 36px 8px}
.hw-1 img{object-position:65% 50%}
.hw-2{left:0;top:6%;width:30%;aspect-ratio:1;border-radius:50% 50% 50% 8px;border:6px solid #fff}
.hw-3{left:6%;bottom:0;width:42%;height:46%;border-radius:28px;border:6px solid #fff}
.hw-3 img{object-position:50% 30%}
.hw-say{position:absolute;z-index:2;font:500 .875rem/1.3 var(--font-voice);padding:10px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#252A52;box-shadow:0 14px 30px -18px rgba(22,25,54,.5);max-width:220px}
.hw-say.me{background:#12736E;color:#fff;border-radius:16px 16px 4px 16px}
.hw-s1{right:6%;top:9%}
.hw-s2{right:12%;top:52%}
.hw-s3{left:46%;bottom:6%}
.hw-ring{position:absolute;right:-26px;bottom:8%;width:120px;height:120px;z-index:1;opacity:.9}
@media(max-width:520px){.hw-say{font-size:.75rem;padding:8px 10px;max-width:160px}.hw-ring{display:none}}
.hw-doors{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:48px}
.hw-door{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px 18px;border-radius:20px;background:#F4F8F7;border:1px solid #E3E7E6;color:#252A52;text-decoration:none;min-height:44px;transition:background-color .18s,transform .18s}
.hw-door:hover{background:#EEF9F8;transform:translateY(-3px)}
.hw-door:active{filter:brightness(.95)}
.hw-door .ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#252A52}
.hw-door b{font:500 1rem/1.25 var(--font-voice)}
.hw-door small{display:block;font:400 .8125rem var(--font-body);color:#62646A;margin-top:2px}
@media(max-width:620px){.hw-doors{grid-template-columns:1fr}}
/* white look: colour fields become rounded inset panels on white; photo heads become framed photos */
body.look-white .ticker{background:#fff;color:#252A52;border-block:1px solid #E3E7E6}
body.look-white .ticker .track a{color:#45464A}
body.look-white .ticker .track a:hover{color:#252A52}
body.look-white .ticker .track a b{color:#12736E}
body.look-white .ticker .label{color:#12736E}
body.look-white .ticker .label i{background:#12736E;box-shadow:0 0 0 4px rgba(18,115,110,.15)}
body.look-white .ticker .pause{color:#252A52;border-color:#D5DAD9}
body.look-white .magazine,body.look-white .pfa,body.look-white .pros,body.look-white .partner.photoband,body.look-white .dark-band,body.look-white .plum-band,body.look-white .cta-band,body.look-white .mast-hero,body.look-white .plum-hero{margin:24px max(16px,env(safe-area-inset-left,0px));border-radius:32px}
body.look-white .magazine{background:#EEF9F8;color:#45464A}
body.look-white .magazine h2{color:#252A52}
body.look-white .magazine h2 em{color:#12736E}
body.look-white .magazine .eyebrow{color:#12736E}
body.look-white .magazine .btn-ghost{color:#252A52}
body.look-white .magazine.photoband::before{background:linear-gradient(90deg,rgba(238,249,248,.97) 0,rgba(238,249,248,.9) 45%,rgba(238,249,248,.6))}
body.look-white .arrows button{color:#252A52;border-color:#C9D3D1}
body.look-white .reach{background:#fff}
body.look-white .stat{border-color:#E3E7E6}
body.look-white .helpbox.photoband{background:#fff}
body.look-white .helpbox.photoband>.ph-bg,body.look-white .helpbox.photoband::before{display:none}
body.look-white .helpbox.photoband .head .eyebrow{color:#12736E}
body.look-white .helpbox.photoband .head h2{color:#252A52}
body.look-white .helpbox.photoband .head h2 em{color:#12736E}
body.look-white .helpbox.photoband .hcard{background:#F4F8F7;border-color:#E3E7E6;color:#252A52;-webkit-backdrop-filter:none;backdrop-filter:none}
body.look-white .helpbox.photoband .hcard b{color:#252A52}
body.look-white .helpbox.photoband .hcard span{color:#62646A}
body.look-white .helpbox.photoband .hcard:hover{background:#EEF9F8}
body.look-white .photohead:not(.hero){margin:16px max(16px,env(safe-area-inset-left,0px)) 0;border-radius:32px}
body.look-white .pagehead.photohead .wrap{padding-block:120px 64px}
body.look-white .youth-card{border-radius:32px}
body.look-white footer{margin:24px max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-bottom,0px));border-radius:32px}
body.look-white .prog-list a:hover,body.look-white .prog-list a.on{background:#F4F8F7}
body.look-white .stories .story{border-color:#E3E7E6}
body.look-white .tab[aria-selected="true"]{background:#252A52;color:#fff;border-color:#252A52}
body.look-white .chip[aria-pressed="true"]{background:#252A52;color:#fff;border-color:#252A52}
body.look-white .card.danger{background:#161936}
body.look-white .partner.photoband .card{background:rgba(255,255,255,.66);color:#252A52}
body.look-white .partner .card h2 em{color:#12736E}
body.look-white .hdr-switch{background:#fff;color:#252A52;border-color:#252A52}
body.look-white .hdr-switch button[aria-pressed="true"]{background:#252A52;color:#fff}

/* ===== partner logos: one line, scrolling on its own; pauses on hover/focus; still for reduced motion ===== */
.partners{display:grid;grid-template-columns:1fr;gap:16px;justify-items:center;margin-top:48px}
.partners>p{padding-top:0;text-align:center}
.logo-strip{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;width:max-content;animation:tick 38s linear infinite}
.logo-strip:hover .logo-track,.logo-strip:focus-within .logo-track{animation-play-state:paused}
.partners ul.logos{display:flex;flex-wrap:nowrap;gap:12px;padding-right:12px}
.partners ul.logos .logo-tile{flex:none;width:176px}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-strip{overflow-x:auto}}
/* reach statement and footnote centred */
.reach .head{text-align:center;margin-inline:auto;justify-items:center}
.reach .head .h2{max-width:22ch;margin-inline:auto}
.reach .footnote{text-align:center}

/* ===== LOOK: WARM PAPER (builds on the white look: same curves and photo hero, warm palette) =====
   Paper #FBF7F0 ground, warm white cards, Ember 700 #9F513B for italic accents and links (AA on paper),
   Midnight for text, the Kitenge dot (Brand Book 07) as a faint texture in a few panels. Single light theme. */
body.look-paper{
  --bg:#FBF7F0; --surface:#FFFDF8; --surface-quiet:#F5EEE2; --text-strong:#252A52; --text:#4A4643; --muted:#6B645C;
  --line:#E9DFCF; --accent-text:#9F513B; --chip:#FFFDF8; --focus:#9F513B;
  background:#FBF7F0}
body.look-paper h1 em,body.look-paper h2 em,body.look-paper h3 em{color:#9F513B}
body.look-paper .photohead h1 em,body.look-paper .pros h2 em,body.look-paper footer h2 em,body.look-paper .plum-band h2 em,body.look-paper .plum-hero h1 em{color:var(--sun)}
body.look-paper .pfa h2 em,body.look-paper .cta-band h2 em{color:#9F513B}
body.look-paper .ticker{background:#FBF7F0;border-color:#E9DFCF}
body.look-paper .ticker .label{color:#9F513B}
body.look-paper .ticker .label i{background:#F2784B;box-shadow:0 0 0 4px rgba(242,120,75,.18)}
body.look-paper .ticker .track a b{color:#9F513B}
body.look-paper .ticker .track a::after{background:#F2784B}
body.look-paper .reach,body.look-paper .helpbox.photoband{background:#FBF7F0}
body.look-paper .stat{border-color:#E9DFCF}
body.look-paper .stats{border-top-color:#252A52}
body.look-paper .logo-tile{border-color:#E9DFCF}
body.look-paper .magazine{background:#F3E7D3}
body.look-paper .magazine.photoband::before{background:linear-gradient(90deg,rgba(243,231,211,.97) 0,rgba(243,231,211,.9) 45%,rgba(243,231,211,.62))}
body.look-paper .magazine h2 em,body.look-paper .magazine .eyebrow{color:#9F513B}
body.look-paper .arrows button{border-color:#D9C9B0}
body.look-paper .helpbox.photoband .head .eyebrow,body.look-paper .helpbox.photoband .head h2 em{color:#9F513B}
body.look-paper .helpbox.photoband .hcard{background:#FFFDF8;border-color:#E9DFCF}
body.look-paper .helpbox.photoband .hcard:hover{background:#F5EEE2}
body.look-paper .stories .story,body.look-paper a.card,body.look-paper .card{border-color:#E9DFCF}
body.look-paper .story .cat{color:#9F513B}
body.look-paper .prog-list a:hover,body.look-paper .prog-list a.on{background:#FFFDF8}
body.look-paper .tab,body.look-paper .chip{border-color:#E2D5C1}
body.look-paper .tab:hover,body.look-paper .chip:hover{background:#F5EEE2}
body.look-paper .partner.photoband .card{background:rgba(255,253,248,.7)}
body.look-paper .partner .card h2 em{color:#9F513B}
body.look-paper .step a{background:#FFFDF8}
@media(min-width:900px){body.look-paper .step a{background:transparent}}
body.look-paper .hdr-switch button[aria-pressed="true"]{background:#9F513B;color:#fff}
body.look-paper .pagehead:not(.photohead){--ring-c:#F2784B;--ring-o:.22}
body.look-paper .reach{--ring-c:#F2784B;--ring-o:.12}
body.look-paper ::selection{background:#FCE1D7}
/* Kitenge dot texture: ember and sun dots, faded into one corner, never under text */
body.look-paper .magazine::after,body.look-paper .helpbox::after,body.look-paper .stories-band::after{content:"";position:absolute;z-index:0;pointer-events:none;right:0;top:0;width:min(46%,520px);height:100%;
  background-image:radial-gradient(circle,rgba(242,120,75,.32) 0 9px,transparent 10px),radial-gradient(circle,rgba(252,216,0,.55) 0 5px,transparent 6px);
  background-size:64px 64px,64px 64px;background-position:0 0,32px 32px;
  -webkit-mask-image:radial-gradient(120% 90% at 100% 0%,#000 0,transparent 62%);mask-image:radial-gradient(120% 90% at 100% 0%,#000 0,transparent 62%)}
body.look-paper .helpbox{position:relative;isolation:isolate;overflow:hidden}
body.look-paper .helpbox::after{z-index:-1;left:0;right:auto;width:min(40%,420px);-webkit-mask-image:radial-gradient(110% 90% at 0% 100%,#000 0,transparent 60%);mask-image:radial-gradient(110% 90% at 0% 100%,#000 0,transparent 60%);top:auto;bottom:0}
body.look-paper .magazine .wrap{position:relative;z-index:1}
body.look-paper footer{--pat-c:#F2784B;--pat-o:.16}

/* ===== PFA feature: the course name is the title ===== */
.pfa .pfa-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(37,42,82,.1);font-size:.75rem;letter-spacing:.16em}
.pfa .pfa-kicker span{font-weight:700}
.pfa h2.pfa-title{margin-top:18px;font-weight:500;font-size:clamp(2.6rem,1.3rem + 4.4vw,5rem);line-height:.95;letter-spacing:-.045em;color:var(--midnight);text-wrap:balance}
.pfa .pfa-hook{margin-top:16px;font:400 clamp(1.25rem,1rem + 1vw,1.75rem)/1.25 var(--font-voice);color:var(--midnight);letter-spacing:-.02em}
.pfa .pfa-hook em{font-family:var(--font-accent);font-style:italic;color:#12736E}
body.look-paper .pfa .pfa-hook em{color:#9F513B}
.pfa p.lead{margin-top:14px}

/* ===== inner pages: shared parts ===== */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font:500 .8125rem var(--font-display);color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--text-strong);text-decoration:underline}
.pagehead .wrap{padding-block:56px 64px;display:grid;gap:18px}
@media(min-width:1024px){.pagehead .wrap{padding-block:80px 88px}}
.pagehead h1{font-weight:700;font-size:clamp(2.25rem,1.3rem + 3.8vw,4.25rem);line-height:1.03;letter-spacing:-.035em;max-width:18ch}
.pagehead .lead{font-family:var(--font-voice);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);max-width:38rem}
.pagehead.split .wrap{grid-template-columns:1fr}
@media(min-width:1024px){.pagehead.split .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px}}
.ph-art{aspect-ratio:5/4;max-width:100%;border-radius:24px;overflow:hidden;position:relative}
.ph-art svg{position:absolute;inset:0;width:100%;height:100%}
.ph-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
img.cover{object-fit:cover;display:block}
.ph-art .slot{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.88);color:#252A52;font:500 .75rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-sm)}
.grid2,.grid3,.grid4{display:grid;gap:16px}
@media(min-width:720px){.grid2,.grid3,.grid4{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:grid;gap:10px;align-content:start;color:inherit;text-decoration:none}
a.card,button.card{transition:border-color .1s,transform .2s var(--ease);font:inherit;text-align:left;cursor:pointer}
a.card:hover,button.card:hover{border-color:var(--text-strong);transform:translateY(-3px)}
.card .k{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.card h3{font-size:1.25rem;font-weight:500;line-height:1.25}
.card p{font-size:.9375rem}
.card .go{font:500 .9375rem var(--font-display);color:var(--accent-text);margin-top:4px}
.card .ic{width:48px;height:48px;display:grid;place-items:center;color:var(--midnight);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
.card.danger{background:var(--ink);border-color:var(--ink);color:#DADCEA}
.card.danger h3{color:#fff}.card.danger .k,.card.danger .go{color:var(--sun)}
.numlist{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:2px solid var(--text-strong);counter-reset:nl}
.numlist li{counter-increment:nl;display:grid;grid-template-columns:52px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}
.numlist li::before{content:counter(nl,decimal-leading-zero);font:700 .9375rem var(--font-display);color:var(--accent-text);padding-top:3px}
.numlist b{display:block;font:500 1.125rem var(--font-display);color:var(--text-strong)}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:24px 1fr;gap:10px}
.checks li::before{content:"";width:18px;height:18px;margin-top:3px;background:var(--accent-text);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%)}
.steps4{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s4}
@media(min-width:900px){.steps4{grid-template-columns:repeat(4,1fr)}}
.steps4 li{counter-increment:s4;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:grid;gap:6px}
.steps4 li::before{content:counter(s4);width:40px;height:40px;display:grid;place-items:center;font:700 1rem var(--font-display);color:var(--midnight);background:var(--teal-light);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
.steps4 b{font:500 1.125rem var(--font-display);color:var(--text-strong)}
.steps4 span{font-size:.9375rem;color:var(--muted)}
.cta-band{background:var(--sun);color:var(--midnight)}
.cta-band .wrap{padding-block:48px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.cta-band h2{color:var(--midnight);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);font-weight:700;max-width:24ch}
.cta-band p{margin-top:6px}
.dark-band{background:var(--midnight);color:#D7D9E6}
.dark-band h2,.dark-band h3{color:#fff}.dark-band .eyebrow{color:var(--teal-light)}
.dark-band .stat b{color:#fff}.dark-band .stats{border-color:#fff}.dark-band .stat{border-color:rgba(255,255,255,.15)!important}
.dark-band .stat small{color:#A9ADC8}
.quote-block{border-left:4px solid var(--sun);padding:4px 0 4px 20px;display:grid;gap:10px}
.quote-block p{font:400 1.25rem/1.5 var(--font-voice);color:var(--text-strong)}
.quote-block cite{font-style:normal;font-size:.875rem;color:var(--muted)}
.chiprow{display:flex;flex-wrap:wrap;gap:8px}
.chiprow a,.chiprow span{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--chip);color:var(--text-strong);text-decoration:none;font:500 .9375rem var(--font-display)}
.chiprow a:hover{border-color:var(--text-strong)}
.jump{position:sticky;top:73px;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.jump .wrap{display:flex;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.jump a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--text-strong);text-decoration:none;font:500 .875rem var(--font-display)}
.prog-sec .wrap{display:grid;gap:40px;align-items:center}
@media(min-width:1024px){.prog-sec .wrap{grid-template-columns:1fr 1fr;gap:72px}.prog-sec.flip .ph-art{order:2}}
.prog-sec h2{font-size:clamp(1.75rem,1.2rem + 2.2vw,2.75rem);font-weight:700;line-height:1.08;margin:12px 0 14px}
.prog-sec .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.minis{display:grid;gap:12px;margin-top:20px}
@media(min-width:640px){.minis{grid-template-columns:1fr 1fr}}
.mini{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}
.mini b{display:block;font:500 1rem var(--font-display);color:var(--text-strong)}
.mini span{font-size:.875rem}
.plum-page{--accent-text:#B88FCB}
.plum-hero{background:var(--plum);color:#E6DDEA;overflow:hidden}
.plum-hero h1{color:#fff}.plum-hero .eyebrow{color:var(--sun)}.plum-hero .crumbs,.plum-hero .crumbs a{color:#C9B8D2}
.plum-hero::after{content:"";position:absolute;right:-6%;bottom:-40px;width:44%;height:90px;background:var(--sun);transform:rotate(-7deg)}
.plum-hero .btn-ghost{color:#fff}
:root:not([data-theme="dark"]) .plum-page{--accent-text:#6B4A7B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .plum-page{--accent-text:#D3B5E0}}
.plum-band{background:var(--plum);color:#E6DDEA}.plum-band h2,.plum-band h3,.plum-band b{color:#fff}.plum-band .eyebrow{color:var(--sun)}
.plum-band .checks li::before{background:var(--sun)}
.pricecards{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:520px}
.pricecard{border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;background:var(--surface)}
.pricecard b{display:block;font:700 1.75rem var(--font-display);color:var(--text-strong);font-variant-numeric:tabular-nums}
.pricecard span{font-size:.875rem;color:var(--muted)}
.dash{background:#2B1B34;border-radius:20px;padding:20px;color:#E6DDEA;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);display:grid;gap:12px;max-width:420px;justify-self:center;width:100%}
.dash .row1{display:flex;gap:12px;align-items:center}
.dash .av{width:48px;height:48px;border-radius:50%;background:var(--teal-light);display:grid;place-items:center;color:var(--midnight);font:700 1rem var(--font-display)}
.dash b{color:#fff;font-family:var(--font-display);font-weight:500}
.dash .tile{background:rgba(255,255,255,.07);border-radius:var(--r-md);padding:14px;display:flex;justify-content:space-between;font-size:.875rem}
.dash .tile strong{color:var(--sun);font-family:var(--font-display)}
.dash .ver{display:inline-flex;gap:6px;align-items:center;font-size:.75rem;color:var(--lime)}
/* hub */
.hub-grid{display:grid;gap:40px}
@media(min-width:1024px){.hub-grid{grid-template-columns:220px 1fr;gap:56px}}
.toc{display:none}
@media(min-width:1024px){.toc{display:block;position:sticky;top:96px;align-self:start}}
.toc p{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.toc a{display:block;padding:8px 0 8px 14px;border-left:2px solid var(--line);color:var(--text);text-decoration:none;font-size:.9375rem}
.toc a:hover,.toc a.on{border-color:var(--accent-text);color:var(--text-strong)}
.prose{max-width:42rem;display:grid;gap:18px;font-size:1.125rem;line-height:1.7}
.prose h2{font-size:1.625rem;font-weight:700;margin-top:24px;scroll-margin-top:96px}
.prose h3{font-size:1.1875rem;font-weight:500}
.prose ul{margin:0;padding-left:1.2em;display:grid;gap:6px}
.signs{display:grid;gap:12px}
@media(min-width:720px){.signs{grid-template-columns:repeat(3,1fr)}}
.signs div{background:var(--teal-50);border-radius:var(--r-md);padding:16px;font-size:.9375rem;color:#252A52}
.signs b{display:block;font:500 1rem var(--font-display);margin-bottom:6px}
.review{display:inline-flex;gap:8px;align-items:center;font:500 .8125rem var(--font-display);padding:6px 12px;border-radius:var(--r-pill);background:rgba(242,120,75,.15);color:#9F513B}
:root[data-theme="dark"] .review{color:#FFB79C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .review{color:#FFB79C}}
.checkcard{background:var(--midnight);border-radius:var(--r-lg);color:#D7D9E6;border-radius:var(--r-lg);padding:24px;display:grid;gap:10px}
.checkcard h3{color:#fff;font-size:1.25rem;font-weight:500}.checkcard .k{color:var(--teal-light)}
.checkcard.glass{background:rgba(22,25,54,.36)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.checkcard.glass{background:rgba(22,25,54,.85)}}
.photohead .review{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25)}
.inline-cta{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--sun);border-radius:var(--r-md);padding:20px;display:grid;gap:8px;font-size:1rem}
.inline-cta .k{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.inline-cta b{font:500 1.125rem var(--font-display);color:var(--text-strong)}
/* self-check */
.quiz{max-width:44rem;display:grid;gap:16px}
.q{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin:0}
.q legend{font:500 1.0625rem/1.4 var(--font-display);color:var(--text-strong);padding:0;margin-bottom:12px;float:left;width:100%}
.q .opts{clear:both;display:grid;gap:8px}
@media(min-width:720px){.q .opts{grid-template-columns:repeat(4,1fr)}}
.q label{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-size:.9375rem}
.q label:has(input:checked){border-color:var(--text-strong);background:var(--surface-quiet)}
.q input{accent-color:#252A52;width:18px;height:18px;margin:0}
.q.missing{border-color:var(--error)}
.result{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:grid;gap:14px;max-width:44rem}
.meter{height:12px;border-radius:12px;background:linear-gradient(90deg,#B9D546,#FCD800 45%,#F2784B 75%,#C93838);position:relative}
.meter i{position:absolute;top:-6px;width:4px;height:24px;border-radius:2px;background:var(--text-strong);transform:translateX(-2px)}
.meter-l{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}
/* story + editions */
.article-head{max-width:52rem}
.article-head h1{font-size:clamp(2rem,1.3rem + 3vw,3.5rem);line-height:1.06;font-weight:700;margin-top:14px}
.article-meta{font:500 .8125rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.article-hero{aspect-ratio:21/9;max-width:100%;border-radius:24px;overflow:hidden;position:relative;margin-top:32px}
.article-hero svg{position:absolute;inset:0;width:100%;height:100%}
.art-grid{display:grid;gap:40px}
@media(min-width:1100px){.art-grid{grid-template-columns:200px 1fr 240px;gap:48px}}
.side{display:grid;gap:12px;align-content:start}
@media(min-width:1100px){.side{position:sticky;top:96px;align-self:start}}
.side .card{padding:18px}
.share{display:flex;gap:8px;flex-wrap:wrap}
.share button{min-height:44px;padding:8px 14px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--text-strong);font:500 .875rem var(--font-display)}
.reflect{background:var(--teal-50);border-radius:var(--r-lg);padding:22px;color:#252A52}
.reflect b{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:6px}
.editions{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.editions{grid-template-columns:repeat(4,1fr)}}
.edition{text-decoration:none;color:inherit;display:grid;gap:10px}
.edition .cover{flex:none;width:100%}
.edition b{font:500 1rem var(--font-display);color:var(--text-strong)}
.edition span{font-size:.875rem;color:var(--muted)}
.lib{display:grid;gap:12px}
@media(min-width:720px){.lib{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.lib{grid-template-columns:repeat(3,1fr)}}
.book{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px}
.book .spine{aspect-ratio:2/3;border-radius:4px;max-width:100%}
.book b{display:block;font:500 1rem var(--font-display);color:var(--text-strong)}
.book span{font-size:.8125rem;color:var(--muted)}
.mast-hero{background:var(--midnight);color:#D7D9E6;overflow:hidden}
.mast-hero .wrap{display:grid;gap:40px;padding-block:64px 80px;align-items:center}
@media(min-width:1024px){.mast-hero .wrap{grid-template-columns:1.1fr .9fr}}
.mast-hero h1{color:#fff;font:700 clamp(3.5rem,2rem + 7vw,7.5rem)/.9 var(--font-voice);letter-spacing:-.05em}
.mast-hero h1 small{display:block;font-size:.28em;letter-spacing:.3em;text-transform:uppercase;font-weight:500;color:var(--sun);margin-top:12px}
.mast-hero .btn-ghost{color:#fff}
.tilted{position:relative;height:340px;max-width:100%}
.tilted .cover{position:absolute;width:210px;max-width:60%}
.tilted .cover:first-child{left:8%;top:20px;transform:rotate(-8deg)}
.tilted .cover:last-child{right:8%;top:0;transform:rotate(6deg)}
/* about */
.facts{display:grid;gap:0;grid-template-columns:1fr 1fr;border-top:2px solid var(--text-strong);margin-top:32px}
@media(min-width:900px){.facts{grid-template-columns:repeat(4,1fr)}}
.facts div{padding:18px 16px 18px 0;border-bottom:1px solid var(--line)}
.facts dt{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:6px 0 0;font:500 1.0625rem var(--font-display);color:var(--text-strong)}
.letter{display:grid;gap:32px}
@media(min-width:1024px){.letter{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}}
.letter .prose p:first-of-type::first-letter{font:700 3.5em/.8 var(--font-display);float:left;margin:6px 10px 0 0;color:var(--accent-text)}
.portraits{display:flex;gap:16px}
.portrait-slot{flex:1;aspect-ratio:3/4;max-width:100%;border-radius:var(--r-lg);background:var(--surface-quiet);display:grid;place-items:center;text-align:center;font:500 .75rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px;position:relative}
.portrait-slot b{display:block;font-size:1.75rem;letter-spacing:0;color:var(--text-strong);margin-bottom:6px}
.mvp{display:grid;gap:16px}
@media(min-width:900px){.mvp{grid-template-columns:repeat(3,1fr)}}
.mvp div{border-top:4px solid var(--teal);padding-top:18px}
.mvp div:nth-child(2){border-color:var(--lime)}.mvp div:nth-child(3){border-color:var(--sun)}
.mvp b{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mvp p{font:500 1.25rem/1.4 var(--font-display);color:var(--text-strong);margin-top:8px}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0;margin-top:40px}
@media(min-width:900px){.timeline{grid-template-columns:repeat(4,1fr);border-top:2px solid rgba(255,255,255,.4)}}
.timeline li{padding:20px 20px 0 0;display:grid;gap:6px;font-size:.9375rem}
.timeline b{font:700 1.5rem var(--font-display);color:var(--sun)}
.leaders{display:grid;gap:24px}
@media(min-width:900px){.leaders{grid-template-columns:1fr 1fr}}
.leader{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start}
.leader .portrait-slot{aspect-ratio:1;border-radius:50%;flex:none}
.leader .role{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.leader h3{font-size:1.375rem;font-weight:700;margin:4px 0 8px}
.leader blockquote{margin:12px 0 0;font:400 1rem/1.5 var(--font-display);color:var(--text-strong)}
.gov{display:grid;gap:12px;margin-top:32px}
@media(min-width:900px){.gov{grid-template-columns:repeat(4,1fr)}}
.gov div{background:var(--surface-quiet);border-radius:var(--r-md);padding:16px;font-size:.9375rem}
.gov b{display:block;font:500 1rem var(--font-display);color:var(--text-strong)}
.values{display:grid;gap:16px}
@media(min-width:720px){.values{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.values{grid-template-columns:repeat(3,1fr)}}
.value{padding:22px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);display:grid;gap:6px}
.value b{font:700 1.25rem var(--font-display);color:var(--text-strong)}
.value i{font-style:normal;font:500 1rem var(--font-display);color:var(--accent-text)}
.commit{display:grid;gap:0;counter-reset:c}
@media(min-width:900px){.commit{grid-template-columns:1fr 1fr;column-gap:48px}}
.commit div{counter-increment:c;display:grid;grid-template-columns:44px 1fr;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}
.commit div::before{content:counter(c,decimal-leading-zero);font:700 .875rem var(--font-display);color:var(--accent-text);padding-top:2px}
.commit b{display:block;font:500 1.0625rem var(--font-display);color:var(--text-strong)}
.commit span{font-size:.9375rem}
.roadmap{display:grid;gap:16px}
@media(min-width:900px){.roadmap{grid-template-columns:repeat(3,1fr)}}
.roadmap div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.roadmap b{font:700 1.25rem var(--font-display);color:var(--text-strong)}
.roadmap ul{margin:12px 0 0;padding-left:1.1em;display:grid;gap:6px;font-size:.9375rem}
.news-list{display:grid;gap:0;border-top:2px solid var(--text-strong)}
.news-list a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.news-list a:hover b{text-decoration:underline}
.news-list b{font:500 1.125rem var(--font-display);color:var(--text-strong)}
.news-list span{font-size:.875rem;color:var(--muted);white-space:nowrap}
/* contact */
.contact-grid{display:grid;gap:40px}
@media(min-width:1024px){.contact-grid{grid-template-columns:1.2fr .8fr;gap:72px}}
.cform{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
@media(min-width:640px){.cform{padding:32px}}
.cform .field{margin:0 0 16px}
.consent{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:.9375rem;margin:4px 0 20px;align-items:start}
.consent input{width:20px;height:20px;accent-color:#252A52;margin-top:2px}
.direct{display:grid;gap:24px;align-content:start}
.direct div{display:grid;gap:4px}
.direct .k{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.direct b{font:500 1.125rem var(--font-display);color:var(--text-strong);user-select:all}
/* pop-up extras */
.sheet.wide{max-width:760px;padding:0;display:grid;overflow:hidden}
@media(min-width:760px){.sheet.wide{grid-template-columns:220px 1fr}}
.app-side{background:var(--plum);color:#E6DDEA;padding:24px;display:none}
@media(min-width:760px){.app-side{display:block}}
.app-side ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;counter-reset:a}
.app-side li{counter-increment:a;display:flex;gap:10px;align-items:center;font-size:.875rem;opacity:.6}
.app-side li::before{content:counter(a);width:26px;height:26px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font:500 .75rem var(--font-display);flex:none}
.app-side li.on{opacity:1;color:#fff}.app-side li.on::before{background:var(--sun);border-color:var(--sun);color:var(--midnight)}
.app-side li.done{opacity:1}
.app-main{padding:28px 24px calc(28px + env(safe-area-inset-bottom,0px));overflow:auto;max-height:92vh}
@media(min-width:640px){.app-main{padding:32px}}
.two{display:grid;gap:0 12px}
@media(min-width:560px){.two{grid-template-columns:1fr 1fr}}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1.5px solid var(--line);border-radius:var(--r-pill);cursor:pointer;font-size:.9375rem}
.pick label:has(input:checked){border-color:var(--text-strong);background:var(--surface-quiet)}
.pick input{accent-color:#252A52}
.reviewlist{display:grid;gap:8px;font-size:.9375rem;background:var(--surface-quiet);border-radius:var(--r-md);padding:16px;margin-bottom:16px}
.reviewlist div{display:flex;justify-content:space-between;gap:12px}
.reviewlist dt{color:var(--muted)}.reviewlist dd{margin:0;color:var(--text-strong);text-align:right}

/* build notes */
.devtoggle{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;background:var(--surface);color:var(--text-strong);border:1.5px solid var(--text-strong);border-radius:var(--r-pill);padding:10px 16px;min-height:44px;font:500 .8125rem var(--font-display);display:flex;gap:8px;align-items:center;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.devtoggle[aria-pressed="true"]{background:var(--ember);border-color:var(--ember);color:var(--midnight)}
.build{display:none}
body.dev [data-build]{outline:2px dashed var(--ember);outline-offset:-2px}
body.dev .build{display:block;position:absolute;z-index:30;left:8px;top:8px;max-width:min(560px,calc(100% - 16px));background:var(--ember);color:#252A52;font:500 .75rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px 12px;border-radius:var(--r-sm)}
body.dev .build b{font-family:var(--font-display);display:block;font-size:.8125rem;margin-bottom:2px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

/* ===== CONVO E-THERAPY: light and warm on the shared Photo look. Colour comes in bands (deep teal, light teal, sunbeam),
   photos carry the emotion, and the brand bubble pattern sits on the plain colour fields. Single light theme by design. ===== */
body.et-light{
  --bg:#F7F6F2; --surface:#FFFFFF; --surface-quiet:#F1F0EB; --text-strong:#252A52; --text:#45464A; --muted:#666769;
  --line:#E2E1DB; --accent-text:#12736E; --chip:#FFFFFF; --focus:#12736E; --error:#C93838; --shadow:0 1px 2px rgba(22,25,54,.06);
  color-scheme:light;background:#F7F6F2;color:#45464A}
.logo .prod{font:500 .875rem/1 var(--font-voice);padding-left:12px;margin-left:10px;border-left:1.5px solid #D9D8D2;color:#12736E;white-space:nowrap}
.head.center{text-align:center;margin-inline:auto;justify-items:center}
.et-band{position:relative;isolation:isolate;overflow:hidden}
.et-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--pat-c,#52C3BD);opacity:var(--pat-o,.18);
  -webkit-mask:var(--bubbles) 0 0/72px 72px repeat,linear-gradient(var(--pat-dir,90deg),transparent 45%,#000 95%);-webkit-mask-composite:source-in;
  mask:var(--bubbles) 0 0/72px 72px repeat,linear-gradient(var(--pat-dir,90deg),transparent 45%,#000 95%);mask-composite:intersect}
.et-ring{position:relative;isolation:isolate;overflow:hidden}
.et-ring::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(520px,70vw);aspect-ratio:1;left:-140px;top:40px;background-color:var(--ring-c,#93D9D5);opacity:var(--ring-o,.5);-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat}
/* hero */
.et-hero .hero-copy h1{font-size:clamp(2.4rem,1.2rem + 3.6vw,4.25rem);max-width:15ch}
.et-hero .wrap{position:relative}
.et-reassure{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.et-reassure li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);color:#fff;font:500 .8125rem var(--font-voice)}
.et-reassure li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sun)}
.et-bubbles{display:none}
@media(min-width:1024px){.et-bubbles{display:grid;gap:12px;position:absolute;right:max(80px,env(safe-area-inset-right,0px));bottom:120px;width:300px}}
.et-say{font:500 .9375rem/1.35 var(--font-voice);padding:12px 16px;border-radius:18px 18px 18px 4px;background:rgba(255,255,255,.92);color:#252A52;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 30px -18px rgba(0,0,0,.6);justify-self:start;max-width:260px}
.et-say.me{justify-self:end;background:rgba(18,115,110,.92);color:#fff;border-radius:18px 18px 4px 18px}
/* topics: white field, bubbles at the edge, chips with a brand-colour dot */
.et-topicband{background:#fff;--pat-c:#52C3BD;--pat-o:.22}
.et-topics{justify-content:center;max-width:900px;margin-inline:auto}
.et-topics button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:8px 20px 8px 14px;border-radius:999px;border:1.5px solid #E2E1DB;background:#fff;color:#252A52;font:500 .9375rem var(--font-voice);cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s var(--ease)}
.et-topics button::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot,#52C3BD)}
.et-topics button:nth-child(5n+2){--dot:#FCD800}.et-topics button:nth-child(5n+3){--dot:#F2784B}.et-topics button:nth-child(5n+4){--dot:#B9D546}.et-topics button:nth-child(5n+5){--dot:#252A52}
.et-topics button:hover{background:#EEF9F8;border-color:#52C3BD;transform:translateY(-2px)}
.et-topics button:active{background:#DDF1EF;transform:none}
/* ways: photo cards */
.et-ways{display:grid;gap:16px}
@media(min-width:720px){.et-ways{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.et-ways{grid-template-columns:repeat(4,1fr)}}
.et-way{display:grid;grid-template-rows:auto 1fr;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E2E1DB;text-decoration:none;color:inherit;text-align:left;font:inherit;padding:0;cursor:pointer;box-shadow:0 20px 40px -30px rgba(22,25,54,.35);transition:transform .2s var(--ease),box-shadow .2s}
.et-way:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(22,25,54,.45)}
.et-way:active{transform:none;filter:brightness(.97)}
.et-way-img{aspect-ratio:4/3;position:relative;overflow:hidden;display:block}
.et-way-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.et-way:hover .et-way-img img{transform:scale(1.04)}
.et-way-body{display:grid;gap:6px;padding:20px 20px 22px;align-content:start;border-top:4px solid var(--tag,#FCD800)}
.et-way:nth-child(2){--tag:#52C3BD}.et-way:nth-child(3){--tag:#F2784B}.et-way:nth-child(4){--tag:#B9D546}
.et-way-body b{font:500 1.25rem var(--font-voice);color:#252A52;letter-spacing:-.02em}
.et-way-body span{font-size:.9375rem}
.et-way-body .go{color:#12736E;font:500 .9375rem var(--font-voice);margin-top:6px}
/* how it works: deep teal colour band */
.et-teal{background:#12736E;color:#E3F4F2;--pat-c:#93D9D5;--pat-o:.2;--pat-dir:270deg}
.et-teal h2,.et-teal .h2{color:#fff}.et-teal h2 em{color:#FCD800}.et-teal .eyebrow{color:#FCD800}
.et-teal .steps4 li{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.et-teal .steps4 li::before{background:#FCD800}
.et-teal .steps4 b{color:#fff}.et-teal .steps4 span{color:#CDEBE8}
/* trust */
.et-trust .card{box-shadow:0 18px 36px -30px rgba(22,25,54,.35);border-color:#ECEBE6}
/* light-teal field for therapists */
.et-mint{background:#EEF9F8;--ring-c:#93D9D5;--ring-o:.55}
/* therapist cards */
.et-cards{display:grid;gap:16px}
@media(min-width:900px){.et-cards{grid-template-columns:repeat(3,1fr)}}
.tcard{background:#fff;border:1px solid #E2E1DB;border-radius:22px;padding:22px;display:grid;gap:14px;align-content:start;position:relative;box-shadow:0 20px 40px -32px rgba(22,25,54,.4)}
.tcard .sample{position:absolute;right:16px;top:16px;font:500 .75rem var(--font-voice);color:#666769;border:1px dashed #CFCEC7;border-radius:8px;padding:2px 8px}
.tcard .who{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.mono{width:72px;height:72px;position:relative;display:grid;place-items:center;flex:none}
.mono span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font:600 1.125rem var(--font-voice);color:#252A52}
.mono svg{position:absolute;inset:0;width:100%;height:100%}
.tcard h3{font-size:1.1875rem;font-weight:500;line-height:1.25}
.tcard .title{font-size:.875rem;color:#666769}
.badge-ok,.badge-trainee{display:inline-flex;align-items:center;gap:6px;font:500 .8125rem var(--font-voice);padding:4px 10px;border-radius:999px;width:max-content}
.badge-ok{background:#EEF6D6;color:#4F6410}
.badge-trainee{background:#FFF6C2;color:#6B5A00}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font-size:.8125rem;padding:4px 10px;border-radius:999px;background:#EEF9F8;color:#12736E}
.tcard dl{display:grid;gap:6px;margin:0;font-size:.875rem;border-top:1px solid #ECEBE6;padding-top:12px}
.tcard dl div{display:flex;justify-content:space-between;gap:12px}
.tcard dt{color:#666769} .tcard dd{margin:0;color:#252A52;text-align:right;font-variant-numeric:tabular-nums}
.tcard .acts{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.tcard .why{font-size:.8125rem;color:#12736E;font-weight:600}
.tcard .rvcount{font-size:.8125rem;color:#12736E;font-weight:600}
/* verified feedback: sunbeam field */
.et-sunny{background:#FFF7CF;--pat-c:#F2784B;--pat-o:.14;--pat-dir:200deg}
.et-reviews{display:grid;gap:16px}
@media(min-width:900px){.et-reviews{grid-template-columns:repeat(3,1fr)}}
.rv{background:#fff;border-radius:22px;padding:24px;display:grid;gap:14px;align-content:space-between;box-shadow:0 20px 40px -32px rgba(22,25,54,.45);position:relative;margin:0}
.rv blockquote{margin:0;font:400 1.125rem/1.5 var(--font-voice);color:#252A52;letter-spacing:-.01em}
.rv blockquote::before{content:"“";display:block;font:500 3rem/0.6 var(--font-accent);color:#F2784B;margin-bottom:10px}
.rv figcaption{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.8125rem;color:#666769}
.verified{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#E3F4F2;color:#12736E;font:600 .75rem var(--font-voice)}
.verified svg{width:14px;height:14px}
.rv .sample{font:500 .6875rem var(--font-voice);color:#666769;border:1px dashed #CFCEC7;border-radius:8px;padding:1px 6px}
.et-rvnote{margin-top:18px;font-size:.875rem;color:#5A5B5E;max-width:52rem}
/* fees */
.et-fees-grid{display:grid;gap:40px}
@media(min-width:1024px){.et-fees-grid{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.et-prices{display:grid;gap:10px}
.et-prices div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #E2E1DB}
.et-prices div:nth-child(1){background:#EEF6D6;border-color:#DDEBB2}
.et-prices div:nth-child(3){background:#FFF6C2;border-color:#F4E48A}
.et-prices b{font:500 1.375rem var(--font-voice);color:#252A52;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.02em}
.et-prices span{color:#5A5B5E;font-size:.9375rem;text-align:right}
.et-abroad{position:relative;margin-top:16px;border-radius:22px;overflow:hidden;min-height:220px;display:grid;align-items:end}
.et-abroad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.et-abroad .glass{position:relative;margin:14px;padding:16px 18px;border-radius:16px;display:grid;gap:4px}
.et-abroad .glass span{font-size:.9375rem}
.faq details{border-bottom:1px solid #E2E1DB}
.faq details:first-child{border-top:1px solid #E2E1DB}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;min-height:44px;font:500 1.0625rem/1.4 var(--font-voice);color:#252A52}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:#12736E}
.faq summary .tg{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid #D9D8D2;display:grid;place-items:center;transition:transform .32s var(--ease)}
.faq details[open] summary .tg{transform:rotate(45deg);background:#FCD800;border-color:#FCD800;color:#252A52}
.faq details p{padding:0 44px 20px 0;max-width:40rem}
/* CTA + urgent */
.et-cta{padding-block:120px}
.urgent-band{background:#FDEDE6;border-top:4px solid #F2784B}
.urgent-band .wrap{display:grid;gap:18px;padding-block:36px}
@media(min-width:1024px){.urgent-band .wrap{grid-template-columns:1fr auto;align-items:center}}
.urgent-band h2{font-size:1.25rem;font-weight:500;color:#252A52}
.urgent-band p{color:#5A4A45;margin-top:6px;max-width:44rem}
.urgent-band .nums{display:flex;flex-wrap:wrap;gap:8px}
.urgent-band .nums a{display:inline-flex;align-items:center;min-height:48px;padding:8px 18px;border-radius:999px;background:#252A52;color:#fff;text-decoration:none;font:500 1rem var(--font-voice)}
.urgent-band .nums a:hover{background:#363C6E}
/* directory */

.et-dirhead .wrap{grid-template-columns:minmax(0,1fr);padding-block:56px 40px}
.et-dirhead .wrap>*{max-width:100%}
.et-dirhead h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem)}
.et-answers .btn{white-space:normal;text-align:left;height:auto}
.et-answers{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.et-answers span{display:inline-flex;align-items:center;min-height:36px;padding:4px 14px;border-radius:999px;background:#fff;border:1px solid #CFE9E6;font:500 .875rem var(--font-voice);color:#252A52}
.et-answers .tlink{min-height:36px}
.et-dir{display:grid;gap:24px}
@media(min-width:1024px){.et-dir{grid-template-columns:280px 1fr;gap:40px;align-items:start}}
.et-filters{background:#fff;border:1px solid #E2E1DB;border-radius:20px;padding:20px;display:grid;gap:4px}
@media(min-width:1024px){.et-filters{position:sticky;top:100px}}
@media(max-width:1023px){.et-filters[data-collapsed="true"]{display:none}}
.et-filters-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.et-filters-head b{font:500 1.125rem var(--font-voice);color:#252A52}
.et-filters .field{margin:0 0 12px;border:0;padding:0}
.et-filters .field>span,.et-filters legend{font:500 .875rem var(--font-voice);color:#252A52;margin-bottom:6px;display:block}
.et-filters input[type=search],.et-filters select{font:400 .9375rem var(--font-body);padding:10px 12px;min-height:44px;border-radius:12px;border:1.5px solid #E2E1DB;background:#F7F6F2;color:#252A52;width:100%}
.et-filters .pick label{min-height:40px;padding:6px 12px;font-size:.875rem}
.et-resultbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}
.et-resultbar p{font:500 1rem var(--font-voice);color:#252A52}
.et-sort{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#666769}
.et-sort select{min-height:40px;border-radius:999px;border:1.5px solid #E2E1DB;background:#fff;color:#252A52;padding:0 12px;font:500 .875rem var(--font-voice)}
.et-filter-btn{min-height:44px;padding:6px 18px}
@media(min-width:1024px){.et-filter-btn{display:none}}
.et-list{display:grid;gap:14px}
.et-list .tcard{grid-template-columns:1fr}
@media(min-width:760px){.et-list .tcard{grid-template-columns:1.2fr 1fr;align-items:start;column-gap:28px}.et-list .tcard dl{border-top:0;padding-top:0}.et-list .tcard .acts{grid-column:1/-1}}
.et-list .tcard .sample{top:auto;bottom:24px}
.et-empty{display:grid;gap:10px;justify-items:start;padding:28px;border-radius:20px;border:1px dashed #CFCEC7;background:#fff}
.et-empty b{font:500 1.125rem var(--font-voice);color:#252A52}
/* profile */
.et-prof{display:grid;gap:32px}
@media(min-width:1024px){.et-prof{grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}}
.et-prof-top{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.et-prof-top .mono{width:120px;height:120px}.et-prof-top .mono span{width:100px;height:100px;font-size:1.75rem}
.et-prof h1{font-size:clamp(1.9rem,1.3rem + 2vw,2.75rem)}
.et-prof section{display:grid;gap:10px;margin-top:28px}
.et-prof section h2{font-size:1.25rem;font-weight:500}
.et-prof .rv{box-shadow:none;border:1px solid #E2E1DB}
.et-prof .rv blockquote{font-size:1rem}
.et-book{background:#fff;border:1px solid #E2E1DB;border-top:5px solid #FCD800;border-radius:22px;padding:22px;display:grid;gap:12px;box-shadow:0 24px 48px -34px rgba(22,25,54,.45)}
@media(min-width:1024px){.et-book{position:sticky;top:100px}}
.et-book b{font:500 1.25rem var(--font-voice);color:#252A52}
/* sheets (light) */
.et-sheet h2{font-weight:500;font-size:1.5rem;letter-spacing:-.02em}
.et-sheet .opts{display:grid;gap:10px;margin:18px 0}
.et-sheet .opt{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;min-height:56px;border:1.5px solid #E2E1DB;border-radius:14px;cursor:pointer;background:#fff}
.et-sheet .opt:hover{border-color:#93D9D5}
.et-sheet .opt:has(input:checked){border-color:#12736E;background:#EEF9F8}
.et-sheet .opt input{accent-color:#12736E;width:20px;height:20px;margin:0}
.et-sheet .opt b{display:block;font:500 1rem var(--font-voice);color:#252A52}
.et-sheet .opt span{font-size:.875rem;color:#666769}
.et-sheet .pick label:has(input:checked){border-color:#12736E;background:#EEF9F8}
.et-sheet .pick input,.et-sheet .consent input{accent-color:#12736E}
.et-sheet .chiprow button{min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid #E2E1DB;background:#fff;color:#252A52;font:500 .9375rem var(--font-voice);cursor:pointer}
.et-sheet .chiprow button:hover{border-color:#93D9D5}
.et-sheet .chiprow button[aria-pressed="true"]{background:#12736E;border-color:#12736E;color:#fff}
.et-sheet .chiprow{margin:16px 0}
.et-prog{display:flex;gap:6px;margin-bottom:20px}
.et-prog i{flex:1;height:4px;border-radius:4px;background:#ECEBE6}
.et-prog i.on{background:linear-gradient(90deg,#52C3BD,#B9D546)}
.et-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.et-scale label{display:grid;justify-items:center;gap:6px;padding:12px 4px;border:1.5px solid #E2E1DB;border-radius:14px;cursor:pointer;text-align:center;font-size:.8125rem;color:#252A52;min-height:64px}
.et-scale label:has(input:checked){border-color:#12736E;background:#EEF9F8}
.et-scale input{accent-color:#12736E}
.et-safety{margin-top:14px;display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:#FFF6C2;border:1.5px solid #E8C800;color:#3E3A20;font-size:.9375rem}
.et-safety b{color:#252A52;font:500 1rem var(--font-voice)}
.et-safety a{color:#252A52;font-weight:700}
.et-sheet .et-nav{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.et-sheet .et-nav>span{display:none}
.et-danger-line{margin-top:16px;font-size:.8125rem;color:#666769;border-top:1px solid #ECEBE6;padding-top:12px}
.et-who{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:12px}
.et-who b{font:500 1.0625rem var(--font-voice);color:#252A52;display:block}
.et-slots{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.et-slots label{position:relative}
.et-slots input{position:absolute;opacity:0}
.et-slots span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1.5px solid #E2E1DB;border-radius:999px;font:500 .9375rem var(--font-voice);color:#252A52;cursor:pointer;font-variant-numeric:tabular-nums}
.et-slots span:hover{border-color:#93D9D5}
.et-slots input:checked+span{background:#12736E;border-color:#12736E;color:#fff}
.et-slots input:focus-visible+span{outline:2px solid #12736E;outline-offset:2px}
.done-tick svg{width:84px;height:84px}
button.tlink{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:600}
.talk .t-short{display:none}
@media(max-width:559px){.talk .t-long{display:none}.talk .t-short{display:inline}.logo .prod{padding-left:8px;margin-left:6px;font-size:.8125rem}}
@media(max-width:419px){header.site .talk{display:none}}
/* ===== "you are in E-Therapy": framed photo banners. The main site's photo heads run edge to edge under the header;
   E-Therapy's sit inside a rounded window below it, with a glass place-marker chip. ===== */
.photohead.et-window{margin:12px clamp(10px,1.6vw,24px) 0;border-radius:28px;box-shadow:0 30px 60px -40px rgba(22,25,54,.55)}
.hero.photohead.et-window .wrap{min-height:clamp(540px,76vh,780px);padding-block:72px 48px}
@media(min-width:1024px){.hero.photohead.et-window .wrap{padding-block:88px 64px}}
.pagehead.photohead.et-window .wrap{padding-block:64px 48px}
@media(min-width:1024px){.pagehead.photohead.et-window .wrap{padding-block:96px 64px}}
.et-dirhead.et-window .wrap{min-height:clamp(380px,48vh,480px);align-content:end}
.et-slim.et-window .wrap{padding-block:40px 32px!important;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.et-slim.et-window .et-place{margin:0}
.et-slim.et-window .lead{color:#fff;font-size:1.125rem}
.et-place{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 0 18px;padding:7px 14px 7px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font:500 .8125rem var(--font-voice)}
.et-place svg{color:var(--sun);flex:none}
.et-place b,.et-place span{white-space:nowrap}
@media(max-width:479px){.et-place span{display:none}}
.et-place b{font-weight:600}
.et-place span{color:#DADCEA;padding-left:8px;border-left:1px solid rgba(255,255,255,.3)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.et-place{background:rgba(22,25,54,.6)}}
.photohead .et-answers span{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.photohead .et-answers .tlink{color:var(--sun)}
.photohead .et-answers>span:first-child{background:none;border:0;color:#DADCEA;backdrop-filter:none}
/* ===== E-Therapy hero: light mint field, headline arrives word by word, quick-start form on the right, teal ribbon marks the place ===== */
.et-hero2{background:#EEF9F8;--pat-c:#52C3BD;--pat-o:.28;--pat-dir:270deg}
.hero2-bg{position:absolute;inset:0;z-index:-3}
.et-hero2 .lead{color:#252A52!important}.et-hero2 .lead span{color:#3A3D52!important}.et-hero2 .ctas .tlink{color:#0B4F4B;font-weight:600}
.et-hero2 .lead,.et-hero2 .ctas .tlink{text-shadow:0 1px 12px rgba(255,255,255,.7)}
.hero2-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 55%;display:block;transform:scaleX(-1)}
.et-hero2:has(.hero2-bg){background:#EEF9F8}
.et-hero2 .hero2-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,246,242,.5) 0,rgba(247,246,242,.3) 40%,rgba(247,246,242,0) 70%)}
@media(max-width:1023px){.et-hero2 .hero2-bg::after{background:linear-gradient(180deg,rgba(247,246,242,.15) 0,rgba(247,246,242,.45) 45%,rgba(247,246,242,.15) 100%)}}
.et-hero2::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(620px,80vw);aspect-ratio:1;right:-180px;top:-140px;background-color:#93D9D5;opacity:.55;-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat}
.et-hero2>.wrap{display:grid;gap:36px;padding-block:48px 56px;align-items:center}
@media(min-width:1024px){.et-hero2>.wrap{grid-template-columns:1.15fr .85fr;gap:64px;padding-block:72px 80px;min-height:clamp(560px,72vh,720px)}}
.et-hero2 h1{font-size:clamp(2.6rem,1.3rem + 4.6vw,5rem);font-weight:500;letter-spacing:-.045em;line-height:1;color:#252A52;max-width:12ch}
.et-hero2 .lead{font:400 clamp(1.0625rem,1rem + .35vw,1.25rem)/1.55 var(--font-voice);margin-top:22px;max-width:32rem;color:#45464A}
.et-hero2 .lead span{display:block;color:#666769;font-size:.9375rem;margin-top:6px}
.et-hero2 .ctas{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:28px}
.et-hero2 .et-place{background:#fff;border-color:#CFE9E6;color:#252A52;-webkit-backdrop-filter:none;backdrop-filter:none}
.et-hero2 .et-place svg{color:#12736E}
.et-hero2 .et-place span{color:#666769;border-left-color:#D9D8D2}
.et-hero2 .et-reassure li{background:#fff;border-color:#DDEFEC;color:#252A52;-webkit-backdrop-filter:none;backdrop-filter:none}
.et-hero2 .et-reassure li::before{background:#52C3BD}
@media(max-width:1023px){.et-hero2 .et-reassure{display:none}.et-hero2 .ctas{margin-top:20px}}
.h-c .w{display:inline-block;opacity:0;transform:translateY(.35em);animation:wIn .7s var(--ease) forwards;animation-delay:calc(var(--i) * 110ms + 150ms)}
.h-c .rot{font-family:var(--font-accent);font-style:italic;font-weight:500;color:#12736E;background:linear-gradient(transparent 68%,rgba(252,216,0,.7) 68%,rgba(252,216,0,.7) 92%,transparent 92%);padding:0 .06em}
.h-c .rot.swap{animation:wIn .55s var(--ease) both;animation-delay:0s}
@keyframes wIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.h-c .w{opacity:1;transform:none;animation:none}}
.hero2-side{position:relative}
.hero2-says{display:grid;gap:10px;margin-bottom:16px}
.hero2-says .et-say{box-shadow:0 14px 30px -18px rgba(22,25,54,.45)}
.hero2-says .et-say{max-width:280px}
@media(prefers-reduced-motion:no-preference){.hero2-says .et-say{opacity:0;animation:wIn .6s var(--ease) forwards;animation-delay:1.1s;transform:translateY(8px)}.hero2-says .et-say.me{animation-delay:1.9s}}
.et-quick{background:#fff;border-radius:24px;padding:26px 24px 22px;box-shadow:0 34px 70px -40px rgba(22,25,54,.5);border-top:5px solid #FCD800;display:grid;gap:2px;position:relative}
.et-quick h2{font-size:1.5rem;font-weight:500;letter-spacing:-.02em;margin:2px 0 6px}
.et-quick .field{margin:10px 0 4px;border:0;padding:0}
.et-quick .field>span,.et-quick legend{font:500 .875rem var(--font-voice);color:#252A52;margin-bottom:6px;display:block}
.et-quick select{font:400 1rem var(--font-body);padding:11px 12px;min-height:48px;border-radius:12px;border:1.5px solid #E2E1DB;background:#F7F6F2;color:#252A52;width:100%}
.et-quick select:hover{border-color:#93D9D5}
.field .pick input{min-height:0;padding:0;width:18px;height:18px;margin:0;flex:none}
.et-quick .pick{flex-wrap:nowrap;gap:8px}
.et-quick .pick label{display:inline-flex;align-items:center;gap:8px;flex:1;justify-content:center;min-height:44px;height:auto;padding:6px 12px;margin:0;font:500 .9375rem var(--font-voice);color:#252A52}
.et-quick .pick label:has(input:checked){border-color:#12736E;background:#EEF9F8}
.et-quick .pick input{accent-color:#12736E}
.et-quick .btn{justify-content:center;width:100%;margin-top:14px}
.qf-note{font-size:.8125rem;color:#666769;text-align:center;margin-top:10px}
.et-ribbon{background:#12736E;color:#E3F4F2}
.et-ribbon .wrap{display:flex;flex-wrap:nowrap;gap:10px 28px;align-items:center;min-height:56px;overflow-x:auto;scrollbar-width:none;font:500 .875rem var(--font-voice);white-space:nowrap}
.et-ribbon .wrap::-webkit-scrollbar{display:none}
.et-ribbon b{color:#FCD800;font-weight:600}
.et-ribbon span{display:inline-flex;align-items:center;gap:10px}
.et-ribbon span::before{content:"";width:6px;height:6px;border-radius:50%;background:#B9D546}
/* ===== WhatsApp channel: visible on every reader page, in the story share row and in the footer ===== */
.wa-band{background:#E7F8EE;border-block:1px solid #C7EED6}
.wa-grid{display:grid;grid-template-columns:auto 1fr;gap:14px 18px;align-items:center;padding-block:22px}
@media(min-width:760px){.wa-grid{grid-template-columns:auto 1fr auto}}
.wa-ic{width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center}
.wa-grid b{display:block;font:500 1.1875rem var(--font-voice);color:#0B3D24}
.wa-grid span{font-size:.9375rem;color:#2C5A41}
.wa-btn{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;background:#128C4A;color:#fff;text-decoration:none;font:500 1rem var(--font-voice)}
@media(min-width:760px){.wa-btn{grid-column:auto}}
.wa-btn:hover{background:#0E7A40}
.wa-mini{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#25D366;color:#073B20;text-decoration:none;font:500 .9375rem var(--font-voice)}
.wa-mini::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15l-1.4 5 5.1-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15l-1.4 5 5.1-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-mini:hover{background:#3BE07A}
.wa-foot{display:inline-flex;align-items:center;gap:10px;margin-top:16px;min-height:48px;padding:0 20px;border-radius:999px;background:#25D366;color:#073B20;text-decoration:none;font:500 .9375rem var(--font-voice)}
.wa-foot:hover{background:#3BE07A}
/* ===== ecosystem strip: the four Convo sites, top left of the utility bar on every site ===== */
@media(max-width:759px){.util .eco a{padding:0 7px!important;font-size:.75rem!important}.util .eco a[aria-current="page"]::after{left:7px!important;right:7px!important}}
.util .eco{display:flex;align-items:center;gap:2px;margin-right:auto;margin-left:-10px}
.util .eco a{color:#A9ADC8;font:500 .8125rem var(--font-voice);padding:0 10px;min-height:44px;position:relative;white-space:nowrap;gap:0}
.util .eco a:hover{color:#fff}
.util .eco a:active{color:#D9DBE8}
.util .eco a[aria-current="page"]{color:#fff}
.util .eco a[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:2px;border-radius:2px;background:var(--sun)}
.util .eco .sep{width:1px;height:14px;background:rgba(255,255,255,.16);margin:0 4px}
@media(max-width:1279px){.util .util-reach{display:none!important}}
@media(max-width:759px){
  .util .wrap{flex-wrap:wrap;column-gap:12px;row-gap:0}
  .util .eco{order:-1;width:calc(100% + 20px);margin:0 -10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .util .eco::-webkit-scrollbar{display:none}
  .util .eco a{min-height:38px;flex:none}
  .util .wrap>a{flex:1 1 0;min-width:0;font-size:.8125rem;line-height:1.3}
  .util .meta{flex:none}
  .util .eco a[aria-current="page"]::after{bottom:5px}}
/* ===== CONVO ACADEMY: same light system as E-Therapy. Its own accent is Sunbeam (bold and vibrant for PFA, per the brief),
   with Midnight for structure. Photos sit behind a light wash or inside the brand arch, never under a dark overlay. ===== */
.ac-hero{position:relative;isolation:isolate;overflow:hidden;background:#FBF7F0;--pat-c:#F2784B;--pat-o:.16;--pat-dir:270deg}
.ac-hero .hero2-bg img{object-position:70% 40%}
.ac-hero .hero2-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,247,240,.96) 0,rgba(251,247,240,.86) 40%,rgba(251,247,240,.2) 72%,rgba(251,247,240,0) 100%)}
@media(max-width:1023px){.ac-hero .hero2-bg::after{background:linear-gradient(180deg,rgba(251,247,240,.35) 0,rgba(251,247,240,.78) 38%,rgba(251,247,240,.55) 75%,rgba(251,247,240,.3) 100%)}}
.ac-hero>.wrap{display:grid;gap:36px;padding-block:48px 56px;align-items:center}
@media(min-width:1024px){.ac-hero>.wrap{grid-template-columns:1.15fr .85fr;gap:64px;padding-block:72px 80px;min-height:clamp(540px,70vh,700px)}}
.ac-hero h1{font-size:clamp(2.6rem,1.3rem + 4.6vw,5rem);font-weight:500;letter-spacing:-.045em;line-height:1;color:#252A52}
.ac-hero h1 em{font-family:var(--font-accent);font-style:italic;font-weight:500;color:#9F513B}
.ac-hero .lead{font:400 clamp(1.0625rem,1rem + .35vw,1.25rem)/1.55 var(--font-voice);margin-top:22px;max-width:34rem;color:#252A52}
.ac-hero .ctas{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:28px}
.ac-hero .et-place,.ac-light .et-place{background:#fff;border-color:#EADFCB;color:#252A52;-webkit-backdrop-filter:none;backdrop-filter:none}
.ac-hero .et-place svg,.ac-light .et-place svg{color:#9F513B}
.ac-hero .et-place span,.ac-light .et-place span{color:#666769;border-left-color:#D9D8D2}
.ac-flag{background:#fff;border-radius:24px;padding:26px 24px 22px;box-shadow:0 34px 70px -40px rgba(22,25,54,.5);border-top:5px solid #FCD800;display:grid;gap:12px;position:relative}
.ac-flag .k{font:600 .75rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#12736E;display:flex;align-items:center;gap:8px}
.ac-flag .k::before{content:"";width:8px;height:8px;border-radius:50%;background:#B9D546;box-shadow:0 0 0 4px rgba(185,213,70,.25)}
.ac-flag h2{font-size:1.625rem;font-weight:500;letter-spacing:-.025em;line-height:1.15}
.ac-flag .meta{font-size:.9375rem;color:#666769}
.ac-lll{display:flex;gap:8px;flex-wrap:wrap}
.ac-lll span{font:600 .9375rem var(--font-voice);padding:6px 14px;border-radius:999px;background:#EEF9F8;color:#12736E}
.ac-lll span:nth-child(2){background:#FFF6C2;color:#6B5A00}.ac-lll span:nth-child(3){background:#EEF6D6;color:#4F6410}
.ac-offer{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;border-radius:14px;background:#FBF7F0;border:1px dashed #E3CFB0}
.ac-offer small{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B;display:block}
.ac-offer b{font:500 1.375rem var(--font-voice);color:#252A52;font-variant-numeric:tabular-nums}
.ac-offer span{font-size:.8125rem;color:#666769;text-align:right}
.ac-flag .acts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.ac-ribbon{background:#252A52;color:#DADCEA}
.ac-ribbon .wrap{display:flex;flex-wrap:nowrap;gap:10px 28px;align-items:center;min-height:56px;overflow-x:auto;scrollbar-width:none;font:500 .875rem var(--font-voice);white-space:nowrap}
.ac-ribbon .wrap::-webkit-scrollbar{display:none}
.ac-ribbon b{color:#FCD800;font-weight:600}
.ac-ribbon span{display:inline-flex;align-items:center;gap:10px}
.ac-ribbon span::before{content:"";width:6px;height:6px;border-radius:50%;background:#93D9D5}
.ac-ribbon span i{font-style:normal;color:#fff;font-weight:600}
/* courses */
.ac-courses{display:grid;gap:16px}
@media(min-width:720px){.ac-courses{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ac-courses{grid-template-columns:repeat(3,1fr)}}
.ac-course{display:grid;grid-template-rows:auto 1fr;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E9E2D6;text-decoration:none;color:inherit;box-shadow:0 20px 40px -32px rgba(22,25,54,.4);transition:transform .2s var(--ease),box-shadow .2s}
.ac-course:hover{transform:translateY(-4px);box-shadow:0 28px 50px -30px rgba(22,25,54,.5)}
.ac-course:active{transform:none}
.ac-course .img{aspect-ratio:16/9;position:relative;overflow:hidden;display:block}
.ac-course .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ac-course:hover .img img{transform:scale(1.04)}
.ac-course .tag{position:absolute;left:12px;top:12px;padding:5px 12px;border-radius:999px;font:600 .6875rem var(--font-voice);letter-spacing:.12em;text-transform:uppercase;background:var(--tag,#FCD800);color:#252A52}
.ac-course .body{display:grid;gap:6px;padding:20px 20px 22px;align-content:start}
.ac-course b{font:500 1.25rem var(--font-voice);color:#252A52;letter-spacing:-.02em}
.ac-course span.d{font-size:.9375rem;color:#5A5B5E}
.ac-course .go{color:#12736E;font:500 .9375rem var(--font-voice);margin-top:6px}
.ac-course.flag{border:2px solid #FCD800}
/* hub band */
.ac-hub{background:#EEF9F8;--pat-c:#52C3BD;--pat-o:.22}
.ac-hub .grid{display:grid;gap:28px}
.head>.btn,.head>a.btn{justify-self:start;width:auto}
@media(min-width:1024px){.ac-hub .grid{grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}}
.ac-values{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}
.ac-values span{font:600 .875rem var(--font-voice);padding:6px 14px;border-radius:999px;background:#fff;color:#12736E;border:1px solid #CFE9E6}
.ac-lists{display:grid;gap:16px}
@media(min-width:640px){.ac-lists{grid-template-columns:1fr 1fr}}
.ac-list{background:#fff;border-radius:20px;padding:20px;border:1px solid #DDEFEC}
.ac-list h3{font-size:1.0625rem;font-weight:500;margin-bottom:10px}
.ac-list ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ac-list a{display:inline-flex;align-items:center;min-height:36px;padding:4px 12px;border-radius:999px;background:#F7F6F2;color:#252A52;text-decoration:none;font-size:.875rem}
.ac-list a:hover{background:#EEF9F8;color:#12736E}
/* verify */
.ac-verify{display:grid;gap:24px}
@media(min-width:900px){.ac-verify{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.ac-vform{background:#fff;border-radius:22px;padding:24px;border:1px solid #E9E2D6;box-shadow:0 24px 48px -36px rgba(22,25,54,.4)}
.ac-vform .two{display:grid;gap:0 14px}
@media(min-width:560px){.ac-vform .two{grid-template-columns:1fr 1fr}}
.ac-vres{margin-top:16px;padding:16px 18px;border-radius:16px;display:grid;gap:4px}
.ac-vres.ok{background:#EEF6D6;border:1.5px solid #B9D546}
.ac-vres.no{background:#FDEDE6;border:1.5px solid #F2B39A}
.ac-vres b{font:500 1.0625rem var(--font-voice);color:#252A52}
.ac-vres dl{display:grid;gap:4px;margin:6px 0 0;font-size:.9375rem}
.ac-vres dl div{display:flex;gap:10px}.ac-vres dt{color:#5A5B5E;min-width:110px}.ac-vres dd{margin:0;color:#252A52}
/* notify */
.ac-notify{background:#FFF7CF;--pat-c:#F2784B;--pat-o:.14}
.ac-notify .wrap{display:grid;gap:18px;align-items:center}
@media(min-width:900px){.ac-notify .wrap{grid-template-columns:1fr 1fr}}
.ac-notify form{display:flex;gap:8px;flex-wrap:wrap}
.ac-notify input{flex:1 1 220px;min-height:48px;border-radius:999px;border:1.5px solid #E8D98A;padding:0 18px;font:400 1rem var(--font-body);background:#fff;color:#252A52}
.ac-msg{flex-basis:100%;font-size:.875rem;font-weight:600;margin-top:4px}
.ac-msg.ok{color:#12736E}.ac-msg.err{color:#C93838}
/* PFA hero: Sunbeam field, arch photo, the lifted offer sticker */
.ac-pfahero{position:relative;isolation:isolate;overflow:hidden;background:#FCD800;--pat-c:#252A52;--pat-o:.1;--pat-dir:90deg}
.ac-pfahero>.wrap{display:grid;gap:28px;padding-block:44px 56px;align-items:center}
@media(min-width:1024px){.ac-pfahero>.wrap{grid-template-columns:1.1fr .9fr;gap:56px;padding-block:72px 88px;min-height:clamp(560px,74vh,720px)}}
.ac-pfahero .eyebrow{color:#252A52}
.ac-pfahero h1{font-size:clamp(2.7rem,1.3rem + 5vw,5.5rem);font-weight:500;letter-spacing:-.05em;line-height:.98;color:#252A52;max-width:12ch;margin-top:14px}
.ac-pfahero h1 em{font-family:var(--font-accent);font-style:italic;font-weight:500;color:#12736E}
.ac-pfahero .lead{font:400 1.125rem/1.55 var(--font-voice);color:#252A52;margin-top:18px;max-width:30rem}
.ac-pfahero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ac-pfahero .btn-ghost{color:#252A52}
.ac-lll3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px;max-width:30rem}
.ac-lll3 div{background:#fff;border-radius:16px;padding:12px 14px;display:grid;gap:2px}
.ac-lll3 b{font:500 1.25rem var(--font-voice);color:#252A52;letter-spacing:-.02em}
.ac-lll3 span{font-size:.75rem;color:#666769}
.ac-arch{position:relative;justify-self:center;width:min(100%,460px)}
.ac-arch .ph{aspect-ratio:4/5;border-radius:999px 999px 28px 28px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(22,25,54,.55);background:#fff}
.ac-arch img{width:100%;height:100%;object-fit:cover;display:block}
.ac-sticker{position:absolute;left:-18px;bottom:40px;width:132px;height:132px;border-radius:50%;background:#252A52;color:#fff;display:grid;place-content:center;text-align:center;transform:rotate(-20deg);box-shadow:0 16px 30px -16px rgba(0,0,0,.5)}
.ac-sticker small{font:600 .625rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#FCD800}
.ac-sticker b{font:500 1.375rem/1.05 var(--font-voice);font-variant-numeric:tabular-nums}
.ac-sticker span{font-size:.6875rem;color:#DADCEA}
@media(max-width:1023px){.ac-arch{width:min(100%,340px)}.ac-arch .ph{aspect-ratio:1/1}.ac-sticker{width:108px;height:108px;left:-8px;bottom:16px}.ac-sticker b{font-size:1.125rem}}
/* benefits */
.ac-benefits{display:grid;gap:12px}
@media(min-width:720px){.ac-benefits{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ac-benefits{grid-template-columns:repeat(4,1fr)}}
.ac-benefits div{background:#fff;border:1px solid #ECE6DA;border-radius:20px;padding:22px;display:grid;gap:10px;align-content:start}
.ac-benefits .ic{width:46px;height:46px;display:grid;place-items:center;color:#252A52;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
.ac-benefits b{font:500 1.125rem/1.3 var(--font-voice);color:#252A52}
.ac-benefits span{font-size:.9375rem;color:#5A5B5E}
/* photo band with a white card, no overlay */
.ac-photoband{position:relative;min-height:440px;display:grid;align-items:end;overflow:hidden}
.ac-photoband>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ac-photoband .card{position:relative;margin:24px clamp(16px,4vw,64px);max-width:520px;background:rgba(255,255,255,.94);border:0;border-radius:22px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ac-photoband .card p{font:500 clamp(1.375rem,1.1rem + 1vw,1.875rem)/1.25 var(--font-voice);color:#252A52;letter-spacing:-.02em}
/* moments */
.ac-moments{display:grid;gap:16px}
@media(min-width:900px){.ac-moments{grid-template-columns:repeat(3,1fr)}}
.ac-moment{background:#fff;border-radius:22px;overflow:hidden;border:1px solid #ECE6DA;display:grid;grid-template-rows:auto 1fr}
.ac-moment .img{aspect-ratio:16/10;position:relative;overflow:hidden}
.ac-moment .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ac-moment .body{padding:20px;display:grid;gap:10px;align-content:start}
.ac-moment .k{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.ac-moment p.q{font:500 1.125rem/1.35 var(--font-voice);color:#252A52}
.ac-moment button{justify-self:start;background:none;border:0;padding:0;font:600 .9375rem var(--font-voice);color:#12736E;min-height:44px;cursor:pointer}
.ac-moment .after{background:#EEF9F8;border-radius:14px;padding:12px 14px;font-size:.9375rem;color:#24434A}
/* method */
.ac-method{display:grid;gap:14px}
@media(min-width:900px){.ac-method{grid-template-columns:repeat(3,1fr)}}
.ac-method div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:24px;display:grid;gap:8px}
.ac-method b{font:500 2rem var(--font-voice);color:#fff;letter-spacing:-.03em}
.ac-method i{font-family:var(--font-accent);color:#FCD800;font-size:1.0625rem}
.ac-method span{color:#CDEBE8}
/* made for */
.ac-roles{justify-content:center;margin-top:8px}
.ac-roles button{min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid #E2E1DB;background:#fff;color:#252A52;font:500 .9375rem var(--font-voice);cursor:pointer}
.ac-roles button:hover{border-color:#F2B000}
.ac-roles button[aria-pressed="true"]{background:#252A52;border-color:#252A52;color:#fff}
.ac-roleline{text-align:center;max-width:40rem;margin:22px auto 0;font:500 1.25rem/1.4 var(--font-voice);color:#252A52}
.ac-roleline span{display:block;font:400 .9375rem var(--font-body);color:#666769;margin-top:6px}
/* outcomes */
.ac-outcomes{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:o}
@media(min-width:760px){.ac-outcomes{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ac-outcomes{grid-template-columns:repeat(3,1fr)}}
.ac-outcomes li{counter-increment:o;background:#fff;border:1px solid #ECE6DA;border-radius:20px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;color:#252A52;font:500 1.0625rem/1.4 var(--font-voice)}
.ac-outcomes li::before{content:counter(o);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#FCD800;font:600 1rem var(--font-voice)}
/* outline */
.ac-outline{display:grid;gap:32px}
@media(min-width:1024px){.ac-outline{grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}}
.ac-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 14px}
.ac-stats div{background:#fff;border-radius:16px;padding:14px;border:1px solid #ECE6DA}
.ac-stats b{display:block;font:500 2rem/1 var(--font-voice);color:#252A52;letter-spacing:-.03em}
.ac-stats span{font-size:.8125rem;color:#666769}
.ac-trust{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:18px;background:#fff;border-radius:18px;padding:14px;border:1px solid #ECE6DA}
.ac-trust img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.ac-trust p{font-size:.875rem;color:#45464A}
.ac-mods details{background:#fff;border:1px solid #ECE6DA;border-radius:16px;margin-bottom:8px}
.ac-mods summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;min-height:56px}
.ac-mods summary::-webkit-details-marker{display:none}
.ac-mods summary:hover h3{color:#12736E}
.ac-mods .n{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font:600 .875rem var(--font-voice);color:#252A52}
.ac-mods h3{font-size:1rem;font-weight:500;line-height:1.3}
.ac-mods h3 small{display:block;font:400 .8125rem var(--font-body);color:#666769;margin-top:2px}
.ac-mods .flag{display:inline-block;margin-left:8px;font:600 .6875rem var(--font-voice);padding:2px 8px;border-radius:999px;background:#FDEDE6;color:#9F513B;vertical-align:middle}
.ac-mods .tg{width:28px;height:28px;border-radius:50%;border:1.5px solid #D9D8D2;display:grid;place-items:center;transition:transform .3s var(--ease)}
.ac-mods details[open] .tg{transform:rotate(45deg);background:#FCD800;border-color:#FCD800}
.ac-mods .mb{padding:0 16px 16px 68px;font-size:.9375rem;color:#45464A;display:grid;gap:6px}
.ac-mods .mb em{font-size:.8125rem;color:#666769}
/* how / offer */
.ac-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
@media(min-width:900px){.ac-steps{grid-template-columns:repeat(4,1fr)}}
.ac-steps li{counter-increment:s;background:#fff;border:1px solid #ECE6DA;border-radius:20px;padding:22px;display:grid;gap:6px;align-content:start}
.ac-steps li::before{content:counter(s);width:40px;height:40px;display:grid;place-items:center;font:600 1rem var(--font-voice);color:#252A52;background:#93D9D5;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);margin-bottom:6px}
.ac-steps b{font:500 1.125rem var(--font-voice);color:#252A52}
.ac-steps span{font-size:.9375rem;color:#5A5B5E}
.ac-offerband{background:#252A52;color:#DADCEA;--pat-c:#FCD800;--pat-o:.12}
.ac-offerband .wrap{display:grid;gap:28px;align-items:center}
@media(min-width:1024px){.ac-offerband .wrap{grid-template-columns:1.1fr .9fr;gap:56px}}
.ac-offerband h2{color:#fff}.ac-offerband h2 em{color:#FCD800}.ac-offerband .eyebrow{color:#FCD800}
.ac-offercard{background:#fff;color:#45464A;border-radius:24px;padding:24px;display:grid;gap:10px;border-top:5px solid #FCD800}
.ac-offercard small{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.ac-offercard b{font:500 1.75rem var(--font-voice);color:#252A52;letter-spacing:-.02em}
.ac-offercard p{font-size:.9375rem}
.ac-offercard .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ac-sticky{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,255,255,.96);border-top:1px solid #ECE6DA;box-shadow:0 -12px 30px -20px rgba(22,25,54,.35);transform:translateY(110%);transition:transform .3s var(--ease);padding-bottom:env(safe-area-inset-bottom,0px)}
.ac-sticky.on{transform:none}
.ac-sticky .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.ac-sticky p{font:500 .9375rem var(--font-voice);color:#252A52}
.ac-sticky p span{color:#666769;font-weight:400}
@media(max-width:599px){.ac-sticky p span{display:none}}
body:has(.ac-sticky.on) .devtoggle{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
/* teams */
.ac-sectors{display:grid;gap:16px}
@media(min-width:720px){.ac-sectors{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ac-sectors{grid-template-columns:repeat(4,1fr)}}
.ac-sector{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #ECE6DA}
.ac-sector .img{aspect-ratio:4/3;position:relative}
.ac-sector .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ac-sector .body{padding:18px 20px 20px;display:grid;gap:4px}
.ac-sector .k{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.ac-sector b{font:500 1.1875rem var(--font-voice);color:#252A52}
.ac-sector span.d{font-size:.9375rem;color:#5A5B5E}
.ac-report{display:grid;gap:28px}
@media(min-width:1024px){.ac-report{grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}}
.ac-rcard{background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 60px -40px rgba(22,25,54,.5);display:grid;gap:16px;position:relative}
.ac-rcard .sample{position:absolute;right:16px;top:16px;font:500 .75rem var(--font-voice);color:#666769;border:1px dashed #CFCEC7;border-radius:8px;padding:2px 8px}
.ac-rcard h3{font-size:1.125rem;font-weight:500}
.ac-bar{display:grid;gap:6px}
.ac-bar div{display:flex;justify-content:space-between;font-size:.875rem;color:#45464A}
.ac-bar div b{color:#252A52;font-variant-numeric:tabular-nums}
.ac-bar i{display:block;height:10px;border-radius:10px;background:#F1EEE7;overflow:hidden}
.ac-bar i::after{content:"";display:block;height:100%;width:var(--w);border-radius:10px;background:var(--c,#52C3BD)}
.ac-rcard .quote{font:500 1rem/1.4 var(--font-voice);color:#252A52;background:#FBF7F0;border-radius:14px;padding:12px 14px}
.ac-formats{display:grid;gap:10px}
@media(min-width:720px){.ac-formats{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ac-formats{grid-template-columns:repeat(4,1fr)}}
.ac-formats div{background:#fff;border:1px solid #ECE6DA;border-radius:18px;padding:18px;display:grid;gap:6px;align-content:start;border-left:5px solid var(--c,#52C3BD)}
.ac-formats b{font:500 1.0625rem var(--font-voice);color:#252A52}
.ac-formats span{font-size:.875rem;color:#5A5B5E}
.ac-ctaband{background:#FCD800;--pat-c:#252A52;--pat-o:.1}
.ac-ctaband .wrap{display:grid;gap:18px;align-items:center}
@media(min-width:900px){.ac-ctaband .wrap{grid-template-columns:1fr auto}}
.ac-ctaband h2{color:#252A52}.ac-ctaband h2 em{color:#12736E}
.ac-ctaband .side{display:grid;gap:10px;justify-items:start}
/* masterclass */
.ac-mchero{position:relative;isolation:isolate;overflow:hidden;background:#F1ECF4;--pat-c:#3A2645;--pat-o:.1;--pat-dir:90deg}
.ac-mchero>.wrap{display:grid;gap:28px;padding-block:44px 56px;align-items:center}
@media(min-width:1024px){.ac-mchero>.wrap{grid-template-columns:1.1fr .9fr;gap:56px;padding-block:72px 88px;min-height:clamp(520px,70vh,680px)}}
.ac-mchero .eyebrow{color:#3A2645}
.ac-mchero h1{font-size:clamp(2.6rem,1.3rem + 4.6vw,5rem);font-weight:500;letter-spacing:-.045em;line-height:1;color:#252A52;margin-top:14px}
.ac-mchero h1 em{font-family:var(--font-accent);font-style:italic;font-weight:500;color:#7A3E8A}
.ac-mchero .lead{font:400 1.125rem/1.55 var(--font-voice);color:#252A52;margin-top:18px;max-width:32rem}
.ac-mchero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ac-mchero .ac-lll span{background:#fff;color:#3A2645}
.ac-pillars{display:grid;gap:14px}
@media(min-width:900px){.ac-pillars{grid-template-columns:repeat(3,1fr)}}
.ac-pillars div{background:#fff;border:1px solid #E7DEEA;border-radius:22px;padding:24px;display:grid;gap:10px;align-content:start}
.ac-pillars .n{font:500 2.25rem/1 var(--font-voice);color:#7A3E8A;letter-spacing:-.04em}
.ac-pillars b{font:500 1.25rem var(--font-voice);color:#252A52}
.ac-pillars ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:.9375rem;color:#45464A}
.ac-include{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:760px){.ac-include{grid-template-columns:1fr 1fr}}
.ac-include li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#fff;border-radius:16px;padding:16px;border:1px solid #E7DEEA}
.ac-include li::before{content:"";width:22px;height:22px;border-radius:50%;background:#B9D546 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-9' fill='none' stroke='%23252A52' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:2px}
.ac-include b{display:block;font:500 1rem var(--font-voice);color:#252A52}
.ac-include span{font-size:.875rem;color:#5A5B5E}
.ac-include .tbc{font:600 .6875rem var(--font-voice);padding:2px 8px;border-radius:999px;background:#FFF6C2;color:#6B5A00;margin-left:6px}
.ac-plum{background:#3A2645;color:#E3D8E8;--pat-c:#FCD800;--pat-o:.1}
.ac-plum h2{color:#fff}.ac-plum h2 em{color:#FCD800}.ac-plum .eyebrow{color:#FCD800}
.ac-plum .wrap{display:grid;gap:24px;align-items:center}
@media(min-width:900px){.ac-plum .wrap{grid-template-columns:1fr auto}}
/* verify page head */
.ac-vhead{background:#FBF7F0;--pat-c:#F2784B;--pat-o:.14;--pat-dir:270deg}
.ac-vhead .wrap{padding-block:56px 32px}
.ac-vhead h1{font-size:clamp(2.2rem,1.4rem + 3vw,3.75rem);font-weight:500;letter-spacing:-.04em;margin-top:14px}
/* enrol sheet */
.sheet.ac-wide{max-width:880px}
@media(min-width:900px){.ac-enrol{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:start}}
.ac-enrol h3{font:500 1rem var(--font-voice);color:#252A52;margin:18px 0 4px}
.ac-sum{background:#FBF7F0;border-radius:18px;padding:18px;display:grid;gap:8px;border:1px solid #EADFCB}
@media(min-width:900px){.ac-sum{position:sticky;top:0}}
.ac-sum small{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.ac-sum b{font:500 1.125rem var(--font-voice);color:#252A52}
.ac-sum ul{margin:0;padding-left:18px;font-size:.875rem;display:grid;gap:3px}
.ac-sum .due{display:flex;justify-content:space-between;border-top:1px solid #EADFCB;padding-top:10px;font:500 1rem var(--font-voice);color:#252A52}
.ac-sum .sec{font-size:.75rem;color:#666769}
.ac-video{aspect-ratio:16/9;border-radius:18px;overflow:hidden;position:relative;background:#252A52;margin:12px 0}
.ac-video img{width:100%;height:100%;object-fit:cover;opacity:.85}
.ac-video button{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:0;background:#FCD800;color:#252A52;display:grid;place-items:center;cursor:pointer}
.ac-video p{position:absolute;left:12px;bottom:10px;color:#fff;font:500 .8125rem var(--font-voice);background:rgba(22,25,54,.6);padding:4px 10px;border-radius:999px}
.sheet .opt-row{display:grid;gap:8px}
@media(min-width:560px){.sheet .opt-row{grid-template-columns:1fr 1fr}}
/* ===== round 2: bundles, masterclass from the live page ===== */
.tbc{font:600 .6875rem var(--font-voice);padding:2px 8px;border-radius:999px;background:#FFF6C2;color:#6B5A00;margin-left:6px;letter-spacing:0;text-transform:none;vertical-align:middle}
.ac-bundles{display:grid;gap:14px}
@media(min-width:720px){.ac-bundles{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.ac-bundles{grid-template-columns:repeat(4,1fr)}.ac-bundles.three{grid-template-columns:repeat(3,1fr)}}
.bundle{background:#fff;border:1px solid #ECE6DA;border-radius:22px;padding:22px;display:grid;gap:8px;align-content:start;position:relative}
.bundle small{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.bundle b{font:500 1.375rem var(--font-voice);color:#252A52;letter-spacing:-.02em}
.bundle .pr{font:500 1.125rem var(--font-voice);color:#12736E;font-variant-numeric:tabular-nums}
.bundle s,.ac-offercard s{color:#9A9BA0;font-size:.8em;margin-left:6px}
.bundle span{font-size:.9375rem;color:#5A5B5E}
.bundle .btn{justify-self:start;margin-top:8px}
.bundle.hot{border:2px solid #FCD800;box-shadow:0 24px 48px -36px rgba(22,25,54,.45)}
.bundle.hot::before{content:"Best value";position:absolute;right:16px;top:-12px;background:#FCD800;color:#252A52;font:600 .6875rem var(--font-voice);padding:4px 10px;border-radius:999px}
.bundle.plum{background:#F7F3F8;border-color:#E7DEEA}
.bundle.plum small{color:#7A3E8A}
.mc-price{display:inline-flex;margin-top:22px;background:#fff;border-radius:18px;padding:14px 18px;border:1px solid #E7DEEA}
.mc-price b{display:block;font:500 1.75rem var(--font-voice);color:#252A52;letter-spacing:-.02em}
.mc-price span{font-size:.875rem;color:#5A5B5E}
.mc-ribbon{background:#3A2645}
.mc-quote{margin:22px 0 0;padding:18px 20px;border-left:4px solid #7A3E8A;background:#F7F3F8;border-radius:0 16px 16px 0;font:500 1.125rem/1.45 var(--font-voice);color:#252A52}
.mc-quote cite{display:block;font:400 .875rem var(--font-body);color:#666769;margin-top:8px;font-style:normal}
.mc-qs li::before{background:#E9DDF0}
.mc-sessions>div{border-top:5px solid var(--c,#7A3E8A)}
.mc-sessions .who{font:600 .75rem var(--font-voice);letter-spacing:.12em;text-transform:uppercase;color:#7A3E8A}
.mc-sessions p{font-size:.9375rem;color:#45464A}
.mc-sessions .fac{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border-top:1px solid #EFE7F2;padding-top:12px;margin-top:4px}
.mc-sessions .fac i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:600 1rem var(--font-voice);font-style:normal;color:#fff;background:var(--c,#7A3E8A)}
.mc-sessions .fac span{font-size:.8125rem;color:#5A5B5E}
.mc-sessions .fac b{font-size:.9375rem}
.mc-books{position:relative;min-height:340px;display:grid;place-items:center}
.mc-books div{position:absolute;width:min(260px,70%);aspect-ratio:3/4;border-radius:14px;background:var(--c);color:#fff;padding:20px;display:grid;align-content:space-between;box-shadow:0 24px 40px -24px rgba(22,25,54,.6)}
.mc-books div:nth-child(1){transform:rotate(-8deg) translateX(-30%)}
.mc-books div:nth-child(2){transform:rotate(2deg)}
.mc-books div:nth-child(3){transform:rotate(10deg) translateX(30%)}
.mc-books small{font:600 .6875rem var(--font-voice);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.mc-books b{font:500 1.375rem/1.15 var(--font-voice)}
.mc-fit{display:grid;gap:24px}
@media(min-width:900px){.mc-fit{grid-template-columns:1.2fr .8fr;gap:48px}}
.mc-fit ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.mc-fit li{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:1rem;color:#252A52;background:#fff;border:1px solid #ECE6DA;border-radius:14px;padding:12px 14px}
.mc-yes li::before{content:"→";color:#12736E;font-weight:700}
.mc-no li::before{content:"✕";color:#C93838;font-weight:700}
.mc-buygrid{display:grid;gap:28px}
@media(min-width:1024px){.mc-buygrid{grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}}
.mc-cards{display:grid;gap:14px}
@media(min-width:640px){.mc-cards{grid-template-columns:1fr 1fr}}
.ac-offercard.prop{background:#F7F3F8}
.mc-addon{background:#F7F3F8;border-radius:14px;padding:12px 14px;margin:6px 0 10px}
@media(min-width:560px){.ac-flag .ac-offer span{max-width:10rem}}
@media(max-width:559px){.ac-offer{flex-direction:column;align-items:flex-start;gap:2px}.ac-offer span{text-align:left}.ac-offer span br{display:none}}
.ac-lessons{margin:0;padding-left:20px;display:grid;gap:4px;color:#252A52}
.ac-lessons li::marker{color:#9F513B;font-weight:600}
.ac-story{display:flex;gap:10px;align-items:baseline;background:#FBF7F0;border-radius:12px;padding:10px 12px;margin-top:6px;font-family:var(--font-accent);font-style:italic;color:#252A52}
.ac-story b{font:600 .6875rem var(--font-voice);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.ac-end{font-size:.8125rem;color:#12736E;font-weight:600}
/* launch offer: first 500 seats */
.ac-seats{display:grid;gap:6px;font-size:.8125rem;color:#5A5B5E}
.ac-seats b{color:#252A52;font-variant-numeric:tabular-nums}
.ac-seats>i{display:block;height:8px;border-radius:8px;background:#F1EEE7;overflow:hidden}
.ac-seats>i>i{display:block;height:100%;width:2%;border-radius:8px;background:linear-gradient(90deg,#F2784B,#FCD800)}
.ac-offercard .ac-seats{margin:2px 0 4px}
.ac-sum .ac-seats{border-top:1px solid #EADFCB;padding-top:10px}
.bundle .launch{font:600 .6875rem var(--font-voice);font-style:normal;padding:2px 8px;border-radius:999px;background:#FDEDE6;color:#9F513B;vertical-align:middle;margin-left:4px}
.ac-sticker small{font-size:.6875rem;letter-spacing:.06em}
@media(max-width:1023px){.ac-sticker{width:120px;height:120px}}
/* ===== one-line course title on desktop; frosted (translucent) cards on the right of photo banners ===== */
@media(min-width:1024px){
  .ac-hero>.wrap{grid-template-columns:1.05fr .95fr}
  .ac-flag h2{white-space:nowrap;font-size:min(1.625rem,2.05vw)}}
@media(min-width:900px){.ac-course.flag b{white-space:nowrap}}
@media(min-width:1100px){.ac-course.flag b{font-size:min(1.25rem,1.42vw)}}
.ac-hero .ac-flag,.et-hero2 .et-quick{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.7);box-shadow:0 34px 70px -40px rgba(22,25,54,.45),inset 0 1px 0 rgba(255,255,255,.8)}
.ac-hero .ac-flag{border-top:5px solid #FCD800}
.et-hero2 .et-quick{border-top:5px solid #FCD800}
.ac-hero .ac-offer{background:rgba(251,247,240,.7)}
.ac-hero .ac-include li{background:rgba(255,255,255,.7)}
.et-hero2 .et-quick select{background:rgba(255,255,255,.85)}
.et-hero2 .et-quick .pick label{background:rgba(255,255,255,.6)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ac-hero .ac-flag,.et-hero2 .et-quick{background:rgba(255,255,255,.94)}}
/* ===== PFA hero v2 (from the reference): cream, organic photo over a Sunbeam shape, handwritten bubble, Look/Listen/Link strip ===== */
.ac-pfa2{position:relative;isolation:isolate;overflow:hidden;background:#FBF7F0}
.ac-pfa2>.pfa2-main{position:relative;z-index:2;padding-block:48px 24px}
@media(min-width:1024px){.ac-pfa2>.pfa2-main{min-height:clamp(600px,74vh,760px);display:grid;align-content:center;padding-block:80px 48px}}
.pfa2-copy{max-width:640px}
.ac-pfa2 .eyebrow{color:#12736E;letter-spacing:.22em}
.ac-pfa2 h1{font-size:clamp(2.9rem,1rem + 5.8vw,6.25rem);font-weight:600;letter-spacing:-.055em;line-height:.95;color:#252A52;margin-top:22px}
.ac-pfa2 h1 em{display:inline-block;position:relative;font-family:var(--font-accent);font-style:italic;font-weight:500;color:#12736E;letter-spacing:-.03em;padding-bottom:.12em}
.ac-pfa2 h1 em::after{content:"";position:absolute;left:0;right:12%;bottom:-.04em;height:.16em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' preserveAspectRatio='none'%3E%3Cpath d='M4 16C90 6 210 4 396 10c-120 2-250 6-392 14' fill='%23FCD800'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.ac-pfa2 .lead{font:400 clamp(1.0625rem,1rem + .3vw,1.25rem)/1.6 var(--font-voice);color:#252A52;margin-top:26px;max-width:33rem}
.ac-pfa2 .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}
.pfa2-play{display:inline-flex;align-items:center;gap:14px;background:none;border:0;padding:0;min-height:48px;font:500 1.0625rem var(--font-voice);color:#252A52;cursor:pointer}
.pfa2-play .ring{width:48px;height:48px;border-radius:50%;border:2px solid #252A52;display:grid;place-items:center;transition:background-color .18s,color .18s}
.pfa2-play:hover .ring{background:#252A52;color:#fff}
.pfa2-play:active .ring{background:#161936}
.pfa2-offer{margin-top:16px;font-size:.9375rem;color:#5A5B5E}
.pfa2-offer span{color:#9F513B}
.pfa2-art{position:relative;margin:8px 0 0;height:340px}
.pfa2-sun{position:absolute;inset:0 -6% 14% 10%;background:#FCD800;border-radius:62% 38% 0 0/70% 54% 0 0}
.pfa2-ph{position:absolute;inset:7% 0 0 0;overflow:hidden;border-radius:58% 0 0 46%/64% 0 0 40%}
.pfa2-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block}
.pfa2-say{position:absolute;top:2%;right:10%;margin:0;background:#FFFBF2;color:#12736E;font:600 clamp(1.375rem,1rem + 1.4vw,2.125rem)/1 "Caveat",cursive;padding:14px 26px 16px;border-radius:999px;box-shadow:0 14px 30px -18px rgba(22,25,54,.45)}
.pfa2-say::after{content:"";position:absolute;left:22%;bottom:-14px;border:9px solid transparent;border-top:16px solid #FFFBF2;border-left-width:4px;transform:skewX(-18deg)}
.pfa2-line{display:none}
.pfa2-strip{list-style:none;margin:0;padding:18px 0;display:grid;gap:4px;border-bottom:1.5px solid #252A52;position:relative;z-index:2}
.pfa2-strip li{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;padding:10px 0;color:#12736E}
.pfa2-strip .n{font:500 1rem var(--font-voice);color:#252A52;align-self:start;padding-top:4px}
.pfa2-strip b{display:block;font:500 1.5rem/1.1 var(--font-voice);color:#252A52;letter-spacing:-.03em}
.pfa2-strip div span{font-size:1rem;color:#666769}
@media(max-width:1023px){.pfa2-strip li+li{border-top:1px solid #E3DCCD}}
@media(min-width:1024px){
  .pfa2-art{position:absolute;margin:0;right:0;top:0;bottom:132px;width:min(54%,860px);height:auto;z-index:1}
  .pfa2-sun{inset:2% 8% 36% 4%;border-radius:58% 42% 30% 70%/60% 48% 52% 40%;transform:rotate(-8deg)}
  .pfa2-ph{inset:9% 0 0 10%;border-radius:60% 0 0 48%/52% 0 0 44%}
  .pfa2-say{top:12%;right:auto;left:42%}
  .pfa2-line{display:block;position:absolute;z-index:1;left:41%;width:44%;bottom:118px;height:170px;pointer-events:none}
  .ac-pfa2 .pfa2-copy{max-width:min(35vw,560px)}
  .pfa2-strip{grid-template-columns:repeat(3,1fr);gap:0;padding:22px 0}
  .pfa2-strip li{justify-content:center;padding:6px 24px}
  .pfa2-strip li+li{border-left:1px solid #CFC7B7}}
/* Academy header button: Midnight, as in the reference */
body.ac header.site .talk{background:#252A52;color:#fff}
body.ac header.site .talk:hover{background:#363C6E}
body.ac header.site .talk:active{background:#161936}
/* ===== MASTERCLASS: layout and content from convo.africa/masterclass2026, in Convo's palette and type.
   Paper #FBF7F0 · Black #0E0E0E for the two "reveal" sections · Deep Teal, Midnight, Sunbeam, Ember accents.
   Neue Montreal (voice) headlines, Fraunces italic accents, Inter text. ===== */
.mc{--mc-paper:#FBF7F0;--mc-cream:#F4EFE6;--mc-ink:#0E0E0E;--mc-line:rgba(37,42,82,.14);background:var(--mc-paper);color:#45464A}
.mc .eyebrow{color:#9F513B}
.mc-black .eyebrow,.mc-invest .eyebrow{color:#FCD800}
.mc .center{text-align:center;margin-inline:auto}
.mc-h1{font:600 clamp(2.7rem,1.3rem + 4.6vw,5rem)/1 var(--font-voice);letter-spacing:-.045em;color:#252A52;margin:18px 0 0}
.mc-h1 em,.mc-h2 em{font-family:var(--font-accent);font-style:italic;font-weight:500;color:#12736E;letter-spacing:-.02em}
.mc-h2{font:600 clamp(2rem,1.3rem + 2.6vw,3.25rem)/1.06 var(--font-voice);letter-spacing:-.035em;color:#252A52;margin:12px 0 0}
.mc-h2.light{color:#fff}.mc-h2.light em{color:#93D9D5}
.mc-p{font:400 1.0625rem/1.65 var(--font-body);color:#5A5B5E;margin-top:14px;max-width:34rem}
.mc-p.light{color:#B9BBC6}
.mc-lead{font:400 clamp(1.0625rem,1rem + .3vw,1.25rem)/1.6 var(--font-voice);color:#252A52;margin-top:22px;max-width:32rem}
.mc-hero{background:var(--mc-paper);position:relative;isolation:isolate;overflow:hidden}
.mc-hero::before{content:"";position:absolute;z-index:-1;width:min(560px,70vw);aspect-ratio:1;left:-180px;bottom:-220px;background-color:#FCD800;opacity:.55;-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat}
.mc-hero-grid{display:grid;gap:40px;padding-block:48px 64px;align-items:center}
@media(min-width:1024px){.mc-hero-grid{grid-template-columns:1.05fr .95fr;gap:56px;padding-block:80px 96px}}
.mc-hook{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:10px 18px 10px 10px;border-radius:999px;background:#fff;border:1px solid #EADFCB;color:#252A52;text-decoration:none;font:500 .9375rem var(--font-voice);transition:border-color .18s,transform .18s var(--ease)}
.mc-hook span{width:34px;height:34px;border-radius:50%;background:#FCD800;display:grid;place-items:center;font:600 1rem var(--font-voice);flex:none}
.mc-hook:hover{border-color:#12736E;transform:translateY(-2px)}
.mc-buyrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:26px}
.mc-pricecard{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:4px 12px;padding:12px 20px;background:#fff;border:1px solid #EADFCB;border-radius:18px}
.mc-pricecard small{font:600 .75rem var(--font-voice);color:#666769;align-self:start;padding-top:6px}
.mc-pricecard b{font:600 2.25rem/1 var(--font-voice);color:#252A52;letter-spacing:-.03em}
.mc-pricecard span{font-size:.8125rem;color:#5A5B5E;line-height:1.35}
.mc-video{position:relative;aspect-ratio:16/11;width:100%;border:0;padding:0;cursor:pointer;border-radius:28px;overflow:hidden;background:var(--mc-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 22px);display:grid;place-items:center;box-shadow:0 40px 70px -40px rgba(14,14,14,.6)}
.mc-video .frame{width:60%;aspect-ratio:16/11;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.03);display:grid;place-content:center;justify-items:center;gap:14px}
.mc-video .ring{width:76px;height:76px;border-radius:50%;background:#FCD800;color:#252A52;display:grid;place-items:center;transition:transform .2s var(--ease)}
.mc-video:hover .ring{transform:scale(1.06)}
.mc-video .cap{font:500 .8125rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#B9BBC6}
.mc-video .who{position:absolute;left:18px;bottom:18px;display:flex;align-items:center}
.mc-video .who i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 .875rem var(--font-voice);font-style:normal;color:#252A52;margin-right:-8px;border:2px solid var(--mc-ink)}
.mc-video .who i:nth-child(1){background:#93D9D5}.mc-video .who i:nth-child(2){background:#FCD800}.mc-video .who i:nth-child(3){background:#F2784B}
.mc-video .who em{font:400 .8125rem var(--font-body);font-style:normal;color:#B9BBC6;margin-left:18px}
.mc-sec{padding-block:clamp(64px,8vw,112px)}
.mc-paper{background:var(--mc-paper)}.mc-cream{background:var(--mc-cream)}.mc-black{background:var(--mc-ink)}
.mc-head-row{display:grid;gap:12px 48px;align-items:end;margin-bottom:40px}
@media(min-width:1024px){.mc-head-row{grid-template-columns:1.1fr .9fr}.mc-head-row .mc-p{margin:0}}
.mc-two{display:grid;gap:40px}
@media(min-width:1024px){.mc-two{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
/* the six questions: balanced 3 × 2 cards, each reveals where it's answered */
.mc-qhead{display:grid;gap:28px;margin-bottom:36px}
@media(min-width:1024px){.mc-qhead{grid-template-columns:1fr 1fr;gap:56px;align-items:end}}
.mc-pull{margin:0;padding:26px 28px;border-radius:22px;background:#252A52;color:#fff;font:italic 400 clamp(1.25rem,1rem + .9vw,1.625rem)/1.45 var(--font-accent);position:relative}
.mc-pull::before{content:"“";position:absolute;right:22px;top:-6px;font:600 5rem/1 var(--font-accent);color:#FCD800}
.mc-qgrid{display:grid;gap:14px}
@media(min-width:720px){.mc-qgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.mc-qgrid{grid-template-columns:repeat(3,1fr)}}
.mc-q{background:#fff;border:1px solid #ECE6DA;border-radius:22px;padding:22px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .18s,box-shadow .2s,transform .2s var(--ease);min-height:220px}
.mc-q:hover{border-color:#93D9D5;transform:translateY(-3px);box-shadow:0 24px 40px -30px rgba(22,25,54,.45)}
.mc-q .top{display:flex;justify-content:space-between;align-items:center}
.mc-q .n{font:600 .875rem var(--font-voice);color:#252A52;width:38px;height:38px;border-radius:50%;background:var(--c,#FCD800);display:grid;place-items:center}
.mc-q .theme{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.mc-q .qq{font:500 1.1875rem/1.35 var(--font-voice);color:#252A52;letter-spacing:-.01em}
.mc-q .ans{display:none;border-top:1px solid #ECE6DA;padding-top:14px;font-size:.9375rem;color:#45464A;line-height:1.55}
.mc-q .ans b{display:block;font:600 .8125rem var(--font-voice);color:#12736E;margin-bottom:4px}
.mc-q .more{font:600 .875rem var(--font-voice);color:#12736E}
.mc-q[aria-expanded="true"]{border-color:#12736E;background:#F2FAF9}
.mc-q[aria-expanded="true"] .ans{display:block}
.mc-q[aria-expanded="true"] .more{display:none}
.mc-qcount{margin-top:18px;font:500 .9375rem var(--font-voice);color:#5A5B5E;text-align:center}
.mc-qcount b{color:#12736E}
/* sessions (black) */
.mc-sessions{display:grid;border:1px solid rgba(255,255,255,.14);border-radius:24px;overflow:hidden}
@media(min-width:900px){.mc-sessions{grid-template-columns:repeat(3,1fr)}}
.mc-session{padding:30px 26px;display:grid;gap:12px;align-content:start;border-top:1px solid rgba(255,255,255,.14)}
.mc-session:first-child{border-top:0}
@media(min-width:900px){.mc-session{border-top:0}.mc-session+.mc-session{border-left:1px solid rgba(255,255,255,.14)}}
.mc-session .no{display:inline-flex;align-items:center;gap:10px;font:600 .8125rem var(--font-voice);color:#FCD800}
.mc-session .no i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.mc-session .who{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#8E91A6}
.mc-session h3{font:600 1.375rem/1.25 var(--font-voice);color:#93D9D5;margin:4px 0 0;letter-spacing:-.02em}
.mc-session p{font-size:.9375rem;line-height:1.6;color:#B9BBC6}
.mc-session ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.mc-session li{display:grid;grid-template-columns:18px 1fr;font-size:.875rem;line-height:1.5;color:#D3D5DE}
.mc-session li::before{content:"—";color:#6E7189}
/* quote bands */
.mc-quoteband{padding-block:clamp(56px,7vw,96px);text-align:center;position:relative;isolation:isolate;overflow:hidden}
.mc-quoteband.teal{background:#12736E;--pat-c:#93D9D5}.mc-quoteband.midnight{background:#252A52;--pat-c:#FCD800}
.mc-quoteband::before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--pat-c);opacity:.12;-webkit-mask:var(--bubbles) 0 0/72px 72px repeat,linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000);-webkit-mask-composite:source-in;mask:var(--bubbles) 0 0/72px 72px repeat,linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000);mask-composite:intersect}
.mc-quoteband blockquote{margin:0 auto;max-width:780px;font:italic 400 clamp(1.625rem,1.2rem + 1.8vw,2.5rem)/1.35 var(--font-accent);color:#fff}
.mc-quoteband p{margin-top:18px;font:600 .75rem var(--font-voice);letter-spacing:.16em;text-transform:uppercase;color:#FCD800}
/* outcomes */
.mc-gains{list-style:none;margin:0;padding:0;display:grid;border:1px solid var(--mc-line);border-radius:24px;overflow:hidden;background:#fff}
@media(min-width:760px){.mc-gains{grid-template-columns:1fr 1fr}}
.mc-gains li{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:24px;border-top:1px solid var(--mc-line);font-size:.9375rem;line-height:1.55;color:#5A5B5E}
.mc-gains li:first-child{border-top:0}
@media(min-width:760px){.mc-gains li:nth-child(2){border-top:0}.mc-gains li:nth-child(even){border-left:1px solid var(--mc-line)}}
.mc-gains li::before{content:"✓";width:32px;height:32px;border-radius:50%;background:#FCD800;color:#252A52;display:grid;place-items:center;font-weight:700;font-size:.875rem}
.mc-gains b{display:block;font:500 1.0625rem var(--font-voice);color:#252A52;margin-bottom:4px}
/* facilitators */
.mc-facs{display:grid;gap:14px}
@media(min-width:900px){.mc-facs{grid-template-columns:repeat(3,1fr)}}
.mc-fac{padding:26px;display:grid;gap:10px;align-content:start;background:#fff;border:1px solid #ECE6DA;border-radius:22px}
.mc-fac .no{font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;color:#9F513B}
.mc-fac .ini{width:60px;height:60px;border-radius:50%;background:var(--c);color:#252A52;display:grid;place-items:center;font:600 1.375rem var(--font-voice);margin-top:4px}
.mc-fac h3{font:600 1.375rem var(--font-voice);color:#252A52;margin:4px 0 0;letter-spacing:-.02em}
.mc-fac .role{font:500 .875rem var(--font-voice);color:#12736E}
.mc-fac p{font-size:.9375rem;line-height:1.6;color:#5A5B5E}
.mc-fac .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mc-fac .chips span{font:500 .75rem var(--font-voice);padding:5px 12px;border-radius:999px;background:#EEF9F8;color:#12736E}
/* workbooks */
.mc-books2{position:relative;min-height:420px}
.mc-books2>div{position:absolute;width:min(330px,78%);padding:26px 24px 30px;display:grid;gap:14px;border-radius:16px;box-shadow:0 30px 50px -30px rgba(14,14,14,.45)}
.mc-books2 small{font:600 .6875rem var(--font-voice);letter-spacing:.12em;text-transform:uppercase;color:#9F513B}
.mc-books2 b{font:600 1.25rem/1.25 var(--font-voice);color:#252A52;letter-spacing:-.02em}
.mc-books2 i{display:block;height:2px;background:rgba(37,42,82,.12)}
.mc-books2 i:nth-of-type(2){width:80%}.mc-books2 i:nth-of-type(3){width:60%}
.mc-books2 .b1{left:0;top:10px;background:#fff;border:1px solid #ECE6DA;transform:rotate(-3deg);z-index:1}
.mc-books2 .b2{left:18%;top:120px;background:var(--mc-ink);z-index:2;transform:rotate(2deg)}
.mc-books2 .b2 small{color:#FCD800}.mc-books2 .b2 b{color:#fff}.mc-books2 .b2 i{background:rgba(255,255,255,.15)}
.mc-books2 .b3{left:6%;top:235px;background:#FCD800;z-index:3;transform:rotate(-1deg)}
.mc-books2 .b3 small{color:#6B5A00}
@media(max-width:600px){.mc-books2{min-height:400px}.mc-books2 .b2{left:12%;top:115px}.mc-books2 .b3{top:225px}}
.mc-feats{list-style:none;margin:26px 0;padding:0;display:grid;gap:16px}
.mc-feats li{display:grid;grid-template-columns:40px 1fr;gap:14px;font-size:.9375rem;line-height:1.55;color:#5A5B5E}
.mc-feats li>span{width:40px;height:40px;border-radius:12px;background:var(--mc-ink);color:#FCD800;display:grid;place-items:center;font:600 .8125rem var(--font-voice)}
.mc-feats b{display:block;font:500 1.0625rem var(--font-voice);color:#252A52;margin-bottom:2px}
/* fit */
.mc-dash,.mc-x{list-style:none;margin:24px 0 0;padding:0}
.mc-dash li,.mc-x li{display:grid;grid-template-columns:28px 1fr;padding:16px 0;border-bottom:1px solid var(--mc-line);font-size:1rem;line-height:1.5;color:#252A52}
.mc-dash li::before{content:"→";color:#12736E;font-weight:700}
.mc-x li::before{content:"✕";color:#C93838;font-size:.875rem;padding-top:2px}
.mc-notpanel{background:var(--mc-cream);border-radius:24px;padding:clamp(26px,4vw,44px)}
.mc-ember{margin:28px 0 0;padding:24px 26px;border-radius:18px;background:#F2784B;color:#252A52;font:italic 500 1.25rem/1.45 var(--font-accent)}
/* investment (black) */
.mc-prices{display:grid;gap:22px;margin:52px auto 0;max-width:960px}
@media(min-width:900px){.mc-prices{grid-template-columns:1.1fr .9fr;align-items:start}}
.mc-pcard{position:relative;border:1px solid rgba(255,255,255,.16);background:#17181F;border-radius:24px;padding:44px 30px 28px;color:#C9CBD6}
.mc-pcard .tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#FCD800;color:#252A52;font:600 .6875rem var(--font-voice);letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:999px;white-space:nowrap}
.mc-pcard.alt .tag{background:#93D9D5}
.mc-pcard .amt{text-align:center;font:600 clamp(3rem,2.3rem + 2.8vw,4.25rem)/1 var(--font-voice);letter-spacing:-.04em;color:#fff;margin:6px 0 0}
.mc-pcard .amt span{font:600 .875rem var(--font-voice);letter-spacing:0;color:#9A9DB0;vertical-align:super;margin-right:6px}
.mc-pcard .amt s{font-size:.4em;color:#7A7D90;font-weight:400}
.mc-pcard .sub{text-align:center;font:500 .8125rem var(--font-voice);color:#9A9DB0;margin-top:10px}
.mc-pcard ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:11px}
.mc-pcard li{display:grid;grid-template-columns:24px 1fr;font-size:.9375rem;line-height:1.5}
.mc-pcard li::before{content:"✓";color:#FCD800;font-weight:700}
.mc-pcard .btn{width:100%;justify-content:center}
.mc-ghost-light{color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)!important}
.mc-ghost-light:hover{background:#fff!important;color:#252A52!important}
.mc-pcard .sec{text-align:center;font-size:.8125rem;color:#8E91A6;margin-top:14px}
.mc-pcard .sec a{color:#FCD800}
/* ===== banners round 3 (from the reference designs) ===== */
.b-link{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:4px 0;min-height:44px;font:500 1.0625rem var(--font-voice);color:#252A52;text-decoration:none;border-bottom:2px solid #12736E;cursor:pointer}
.b-link:hover{color:#12736E}
.b-link.teal{color:#12736E;border-bottom-color:#52C3BD}
@media(min-width:1024px) and (max-width:1279px){.b-ac-copy{max-width:46%}.b-ac-card{width:280px!important;bottom:20px!important;padding:18px 20px}.b-ac-card h2{font-size:1.25rem}.b-ac-main{min-height:clamp(660px,86vh,820px)}}
.b-pill{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 10px 0 30px;border-radius:999px;background:#252A52;color:#fff;font:500 1.0625rem var(--font-voice);text-decoration:none;border:0;cursor:pointer;transition:background-color .18s}
.b-pill span{width:44px;height:44px;border-radius:50%;background:#FCD800;color:#252A52;display:grid;place-items:center}
.b-pill:hover{background:#363C6E}.b-pill:active{background:#161936}
.b-pill.plum{background:#5A2453;padding:0 30px}.b-pill.plum:hover{background:#6E2E66}
.b-pill.outline{background:transparent;color:#252A52;box-shadow:inset 0 0 0 1.5px #252A52;padding:0 30px}.b-pill.outline:hover{background:#252A52;color:#fff}
/* Academy home */
.b-ac{position:relative;isolation:isolate;overflow:hidden;background:#FBF7F0}
.b-ac-main{position:relative;z-index:2;padding-block:56px 32px}
@media(min-width:1024px){.b-ac-main{min-height:clamp(620px,80vh,820px);display:grid;align-content:center;padding-block:72px}}
.b-ac-copy{max-width:600px}
.b-ac .eyebrow{color:#12736E;letter-spacing:.22em}
.b-ac h1{font-size:clamp(3rem,1rem + 6vw,6.5rem);font-weight:600;letter-spacing:-.06em;line-height:.92;color:#252A52;margin-top:22px}
.b-ac h1 em{font-family:var(--font-accent);font-style:italic;font-weight:500;color:#B5532F;letter-spacing:-.03em}
.b-ac .lead{font:400 clamp(1.0625rem,1rem + .35vw,1.3125rem)/1.55 var(--font-voice);color:#252A52;margin-top:26px;max-width:28rem}
.b-ac-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px 34px;margin-top:32px}
.b-ac-art{position:relative;height:320px;margin:0 0 -20px}
.b-ac-art .ph{position:absolute;inset:0 0 0 6%;overflow:hidden;border-radius:56% 0 0 40%/48% 0 0 44%}
.b-ac-art .ph img{width:100%;height:100%;object-fit:cover;object-position:52% 40%;display:block}
.b-ac-art .edge{position:absolute;inset:-4% 0 -8% 0;width:100%;height:112%;z-index:1;pointer-events:none}
.b-ac-art .badge{position:absolute;z-index:2;left:2%;top:4%;width:74px;height:74px;border-radius:50%;background:#FCE3D7;color:#B5532F;display:grid;place-items:center;box-shadow:0 10px 24px -14px rgba(22,25,54,.4)}
.b-ac-card{position:relative;z-index:3;margin:0 16px 40px;background:#fff;border-radius:22px;border-top:5px solid #FCD800;padding:24px 26px;display:grid;gap:6px;box-shadow:0 34px 60px -36px rgba(22,25,54,.5)}
.b-ac-card .k{font:600 .75rem var(--font-voice);letter-spacing:.16em;text-transform:uppercase;color:#12736E}
.b-ac-card h2{font:500 clamp(1.375rem,1.1rem + .9vw,1.875rem)/1.15 var(--font-voice);color:#252A52;letter-spacing:-.02em}
.b-ac-card .meta{color:#666769}
.b-ac-card .pr{font:500 1.5rem var(--font-voice);color:#252A52;margin-top:6px}
.b-ac-card .pr span{font:400 .8125rem var(--font-body);color:#9F513B;margin-left:6px}
@media(min-width:1024px){
  .b-ac-art{position:absolute;margin:0;right:0;top:0;bottom:0;width:min(58%,900px);height:auto;z-index:1}
  .b-ac-art .ph{inset:0 0 6% 10%;border-radius:62% 0 0 52%/46% 0 0 54%}
  .b-ac-art .edge{inset:2% auto -2% 2%;width:98%;height:100%}
  .b-ac-art .badge{left:7%;top:7%}
  .b-ac-card{position:absolute;right:max(24px,calc((100vw - 1200px)/2));bottom:64px;margin:0;width:min(400px,30vw)}}
/* Masterclass */
.b-mc{position:relative;isolation:isolate;overflow:hidden;background:#FBF7F0}
.b-mc-grid{display:grid;gap:40px;padding-block:56px 64px;align-items:center}
@media(min-width:1024px){.b-mc-grid{grid-template-columns:1.05fr .95fr;gap:48px;padding-block:80px 96px;min-height:clamp(600px,78vh,800px)}}
.b-mc .eyebrow{color:#252A52;letter-spacing:.24em}
@media(min-width:1024px){.b-mc h1 .nw{white-space:nowrap}.b-mc-grid{grid-template-columns:1.12fr .88fr}}
.b-mc h1{font-size:clamp(2.8rem,1rem + 3.9vw,4.75rem);font-weight:600;letter-spacing:-.055em;line-height:.96;color:#252A52;margin-top:22px}
.b-mc h1 em{display:block;font-family:var(--font-accent);font-style:italic;font-weight:500;color:#5A2453;letter-spacing:-.03em}
.b-mc .lead{font:400 clamp(1.0625rem,1rem + .35vw,1.3125rem)/1.55 var(--font-voice);color:#252A52;margin-top:24px;max-width:31rem}
.b-mc-price{margin-top:30px;display:grid;gap:4px}
.b-mc-price b{font:600 2.25rem/1 var(--font-voice);letter-spacing:-.04em;color:#252A52}
.b-mc-price span{font-size:1.0625rem;color:#5A5B5E}
.b-mc-ctas{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:30px}
.b-mc-art{position:relative;height:clamp(360px,52vw,640px)}
.b-mc-art .lav{position:absolute;left:-14%;top:-6%;width:70%;height:96%;background:#E9D9EF;border-radius:44% 56% 40% 60%/38% 46% 54% 62%}
.b-mc-art .bar{position:absolute;right:-6%;top:0;bottom:6%;width:10%;background:#5A2453;border-radius:0 0 0 40px}
.b-mc-art .ph{position:absolute;left:4%;right:2%;top:6%;bottom:12%;overflow:hidden;border-radius:44px;box-shadow:0 30px 60px -36px rgba(22,25,54,.55)}
.b-mc-art .ph img{width:100%;height:100%;object-fit:cover;object-position:78% 40%;display:block}
.b-mc-art .script{position:absolute;right:2%;bottom:0;margin:0;font:600 clamp(1.375rem,.9rem + 1.4vw,2.25rem)/1 "Caveat",cursive;color:#5A2453;transform:rotate(-4deg)}
.b-mc-art .stroke{position:absolute;left:10%;bottom:-2%;width:40%;height:14%}
@media(max-width:1023px){.b-mc-art .bar{display:none}.b-mc-art .script{bottom:-4px}}
/* ===== spacing + banner type, shared across the three sites: one headline size for every banner (the convo.africa home size),
   a shorter home banner, and tighter gaps between blocks ===== */
:root{--banner-h1:clamp(2.6rem,1rem + 4vw,4.75rem)}
.band{padding-block:56px}
@media(min-width:1024px){.band{padding-block:80px}}
.band[style*="padding-top:0"]{padding-top:0!important}
.hero.photohead .wrap{min-height:clamp(520px,72vh,700px);align-content:center;padding-block:120px 48px}
@media(min-width:1024px){.hero.photohead .wrap{padding-block:128px 56px}}
.b-yth h1,.b-ac h1,.ac-pfa2 h1,.b-mc h1,.b-et2 h1,.hero.photohead h1{font-size:var(--banner-h1)!important}
.b-yth-grid{padding-block:48px 56px}
@media(min-width:1024px){.b-yth-grid,.b-mc-grid{min-height:clamp(540px,68vh,680px);padding-block:56px 64px}.b-ac-main{min-height:clamp(560px,72vh,700px);padding-block:56px}.ac-pfa2>.pfa2-main{min-height:clamp(540px,68vh,680px);padding-block:56px 32px}}
.mc-sec{padding-block:clamp(56px,6vw,80px)}
.mc-quoteband{padding-block:clamp(48px,5vw,72px)}
/* ===== tighter rhythm (round 2): less space between sections and between the elements inside them ===== */
.band{padding-block:40px}
@media(min-width:1024px){.band{padding-block:56px}}
.head{margin-bottom:24px;gap:8px}
.head-row{margin-bottom:24px}
.head-row .head{margin-bottom:0}
.hero.photohead .wrap{min-height:clamp(460px,62vh,600px);gap:24px;padding-block:104px 40px}
@media(min-width:1024px){.hero.photohead .wrap{padding-block:108px 44px}}
.hero .ctas{margin-top:22px}
.hero .lead{margin-top:16px}
.pagehead .wrap{padding-block:40px 40px}
.pagehead.photohead .wrap{padding-block:120px 48px}
.helpbox.band{padding-block:56px!important}
.cta-band .wrap{padding-block:40px}
.et-cta{padding-block:72px}
.b-yth-grid,.b-mc-grid{padding-block:36px 44px}
@media(min-width:1024px){.b-yth-grid,.b-mc-grid{min-height:clamp(480px,60vh,600px);padding-block:44px 52px}.b-ac-main{min-height:clamp(500px,64vh,620px);padding-block:44px}.ac-pfa2>.pfa2-main{min-height:clamp(480px,60vh,600px);padding-block:44px 24px}.b-et .wrap{min-height:clamp(500px,64vh,640px);padding-block:56px 48px}}
.b-et .wrap{padding-block:48px 44px}
.mc-sec{padding-block:clamp(40px,4.5vw,64px)}
.mc-quoteband{padding-block:clamp(36px,4vw,56px)}
.mc-head-row{margin-bottom:28px}
.mc-qhead{margin-bottom:28px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hint{color:var(--muted)}
/* ===== after you buy: payment prompt, confirmation, dashboard, lesson player, certificate, journey ===== */
.lx-sm{min-height:44px;padding:6px 18px;font-size:.9375rem}
.hdr-sign{font:500 .9375rem var(--font-display);color:var(--text-strong);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 6px}
.hdr-sign:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:420px){.hdr-sign{display:none}}
.lx-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--midnight);color:#fff;padding:12px 20px;border-radius:var(--r-pill);font:500 .9375rem var(--font-display);z-index:300;transition:.25s var(--ease);pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.lx-toast.on{opacity:1;transform:translate(-50%,0)}
/* payment prompt */
.lx-pay{display:grid;gap:12px;justify-items:start}
.lx-phone{justify-self:center;width:200px;border-radius:26px;background:#161936;padding:18px 16px 22px;color:#fff;display:grid;gap:8px;text-align:center;box-shadow:0 20px 40px -24px rgba(22,25,54,.6);animation:lxBuzz 1.6s var(--ease) infinite}
.lx-phone span{font:700 .75rem var(--font-display);letter-spacing:.2em;color:#7BD957}
.lx-phone b{font:500 .875rem/1.35 var(--font-display)}
.lx-phone i{font-style:normal;letter-spacing:.3em;color:var(--sun);font-size:1.25rem}
@keyframes lxBuzz{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(-2deg)}78%{transform:rotate(2deg)}82%{transform:rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.lx-phone{animation:none}}
.lx-wait{display:flex;gap:10px;align-items:center;font:500 .9375rem var(--font-display);color:var(--text-strong);background:var(--teal-50);color:#12736E;padding:10px 14px;border-radius:var(--r-md)}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:lxSpin .8s linear infinite;flex:none}
@keyframes lxSpin{to{transform:rotate(360deg)}}
.lx-pay-acts{display:flex;flex-wrap:wrap;gap:4px 20px}
.lx-pay-acts .tlink{background:none;border:0;padding:0}
/* confirmation */
.lx-welcome{padding:32px 0 8px;background:radial-gradient(circle at 85% 0,rgba(252,216,0,.22),transparent 45%),radial-gradient(circle at 0 100%,rgba(82,195,189,.16),transparent 45%)}
.lx-w-grid{display:grid;gap:28px;align-items:start}
@media(min-width:1024px){.lx-w-grid{grid-template-columns:1fr 360px;gap:48px}}
.lx-w-main{display:grid;gap:14px;justify-items:start}
.lx-tick{width:68px;height:68px;animation:lxPop .5s var(--ease) both}
@keyframes lxPop{from{transform:scale(.6);opacity:0}}
.lx-welcome h1,.lx-done h1,.lx-jhead h1{font-size:var(--banner-h1,clamp(2.4rem,1rem + 4vw,4.25rem));line-height:1.02;font-weight:700}
.lx-welcome h1 em,.lx-done h1 em,.lx-jhead h1 em,.lx-hello h1 em{font:italic 400 1em var(--font-accent);color:#9F513B}
.lx-welcome .lead,.lx-done .lead,.lx-jhead .lead{font:400 1.125rem/1.55 var(--font-voice);max-width:36rem}
.lx-w-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.lx-first{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 20px;width:100%;max-width:36rem}
.lx-first .n{width:56px;height:56px;border-radius:16px;background:var(--sun);color:#252A52;display:grid;place-items:center;font:700 1.25rem var(--font-display)}
.lx-first small,.lx-giftcard small{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.lx-first b{display:block;font:500 1.1875rem var(--font-display);color:var(--text-strong)}
.lx-first span{font-size:.9375rem}
.lx-acct{display:flex;gap:12px;align-items:flex-start;font-size:.9375rem;max-width:36rem;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-quiet);margin-top:4px}
.lx-acct svg{flex:none;margin-top:3px;color:var(--accent-text)}
.lx-giftcard{display:grid;gap:6px;background:#FFF6CC;border:1px dashed #E0C200;color:#252A52;border-radius:20px;padding:18px 20px;max-width:36rem}
.lx-giftcard b{font:500 1.25rem/1.3 var(--font-display)}
.lx-codes{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:100%;max-width:36rem}
.lx-codes li{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 16px}
.lx-codes code{font:700 1.0625rem ui-monospace,Menlo,monospace;color:var(--text-strong);letter-spacing:.06em}
.lx-codes span{font-size:.875rem;color:var(--muted);margin-right:auto}
.lx-mcready{display:grid;gap:12px;width:100%;max-width:36rem}
.lx-video{display:flex;gap:16px;align-items:center;text-align:left;background:#0E0E0E;color:#fff;border:0;border-radius:20px;padding:22px;min-height:120px;background-image:radial-gradient(circle at 100% 0,rgba(82,195,189,.4),transparent 60%)}
.lx-video .pl,.lx-vid .pl{width:60px;height:60px;border-radius:50%;background:var(--sun);color:#252A52;display:grid;place-items:center;flex:none}
.lx-video b{display:block;font:500 1.125rem var(--font-display)}
.lx-video small{color:#C9CBDA}
.lx-receipt{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:14px}
@media(min-width:1024px){.lx-receipt{position:sticky;top:96px}}
.lx-receipt .k,.lx-card .k{font:500 .75rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.lx-receipt dl{margin:0;display:grid;gap:8px}
.lx-receipt dl div{display:grid;grid-template-columns:84px 1fr;gap:10px;font-size:.875rem}
.lx-receipt dt{color:var(--muted)}
.lx-receipt dd{margin:0;color:var(--text-strong);font-weight:600;overflow-wrap:anywhere}
.lx-help{display:grid;gap:4px;font-size:.875rem;border-top:1px solid var(--line);padding-top:14px}
.lx-help b{font:500 .9375rem var(--font-display);color:var(--text-strong)}
.lx-help a{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.lx-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media(min-width:760px){.lx-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.lx-steps{grid-template-columns:repeat(4,1fr)}}
.lx-steps li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:6px;align-content:start}
.lx-steps .n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--midnight);color:var(--sun);font:700 1rem var(--font-display);margin-bottom:6px}
.lx-steps small{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.lx-steps b{font:500 1.125rem/1.3 var(--font-display);color:var(--text-strong)}
.lx-steps span:last-child{font-size:.9375rem}
/* dashboard */
.lx-dash{padding:28px 0 64px}
.lx-hello{display:grid;gap:20px;align-items:center}
@media(min-width:1024px){.lx-hello{grid-template-columns:1fr 1.1fr;gap:40px}}
.lx-hello h1{font-size:clamp(2.2rem,1.2rem + 3vw,3.5rem);line-height:1.05;font-weight:700;margin:6px 0}
.lx-cont{display:grid;grid-template-columns:auto 1fr;gap:16px 18px;align-items:center;background:var(--midnight);color:#D7D9E6;border-radius:24px;padding:20px;text-decoration:none;background-image:radial-gradient(circle at 100% 0,rgba(82,195,189,.35),transparent 55%)}
@media(min-width:640px){.lx-cont{grid-template-columns:auto 1fr auto}}
.lx-cont .ring{--p:0;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sun) calc(var(--p)*1%),rgba(255,255,255,.14) 0)}
.lx-cont .ring b{width:60px;height:60px;border-radius:50%;background:var(--midnight);display:grid;place-items:center;color:#fff;font:700 1rem var(--font-display)}
.lx-cont small{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-light)}
.lx-cont .t b{display:block;font:500 1.25rem/1.25 var(--font-display);color:#fff;margin:4px 0}
.lx-cont .t span{font-size:.875rem}
.lx-cont .go{grid-column:1/-1;justify-content:center}
@media(min-width:640px){.lx-cont .go{grid-column:auto}}
.lx-tabs{display:flex;gap:4px;overflow-x:auto;margin:32px 0 20px;border-bottom:1px solid var(--line);scrollbar-width:none}
.lx-tabs::-webkit-scrollbar{display:none}
.lx-tabs button{flex:none;min-height:48px;padding:0 16px;border:0;background:none;color:var(--muted);font:500 .9375rem var(--font-display);border-bottom:3px solid transparent;margin-bottom:-1px}
.lx-tabs button[aria-selected="true"]{color:var(--text-strong);border-bottom-color:var(--sun)}
.lx-cgrid{display:grid;gap:20px}
@media(min-width:1024px){.lx-cgrid{grid-template-columns:1fr 340px;gap:28px;align-items:start}}
.lx-course{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.lx-course .top{padding:20px 22px;display:grid;gap:8px;border-bottom:1px solid var(--line)}
.lx-course .tag{justify-self:start;font:500 .75rem var(--font-display);background:var(--teal-50);color:#12736E;padding:4px 10px;border-radius:var(--r-pill)}
.lx-course h2{font-size:1.375rem}
.bar{display:block;height:8px;border-radius:8px;background:var(--surface-quiet);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#52C3BD,#B9D546);border-radius:8px;transition:width .4s var(--ease)}
.lx-course .m{font-size:.875rem;color:var(--muted)}
.lx-mods{list-style:none;margin:0;padding:6px 0}
.lx-mods li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:10px 22px;min-height:56px}
.lx-mods li+li{border-top:1px solid var(--line)}
.lx-mods .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 .8125rem var(--font-display);background:var(--surface-quiet);color:var(--muted)}
.lx-mods .done .n{background:#B9D546;color:#252A52}
.lx-mods .now{background:#FFF9D6}
.lx-mods .now .n{background:var(--sun);color:#252A52}
.lx-mods b{display:block;font:500 .9375rem/1.3 var(--font-display);color:var(--text-strong)}
.lx-mods .next b{color:var(--muted)}
.lx-mods small{font-size:.8125rem;color:var(--muted)}
.lx-mods .tlink{min-height:40px}
:root[data-theme="dark"] .lx-mods .now{background:rgba(252,216,0,.1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lx-mods .now{background:rgba(252,216,0,.1)}}
.lx-side{display:grid;gap:14px}
.lx-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px;display:grid;gap:8px;align-content:start}
.lx-card b{font:500 1.0625rem var(--font-display);color:var(--text-strong)}
.lx-card span{font-size:.9375rem}
.lx-card .btn{justify-self:start;margin-top:4px}
.lx-path ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lx-path li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:baseline;font-size:.9375rem}
.lx-path li span{font-weight:700;color:var(--muted)}
.lx-path li.done span{color:#12736E}.lx-path li.part span{color:#D9A400}
.lx-path li b{font:500 .9375rem var(--font-display)}
.lx-path li small{color:var(--muted);font-size:.8125rem}
.lx-mc{background:#0E0E0E;border-color:#0E0E0E;color:#C9CBDA}
.lx-mc .k{color:var(--teal-light)}.lx-mc b{color:#fff}
.lx-mc .btn-ink{background:var(--sun);color:#252A52}
.lx-care{background:var(--teal-50);border-color:transparent;color:#252A52}
.lx-care .k{color:#12736E}.lx-care .tlink{color:#12736E}
.lx-empty{display:grid;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}
@media(min-width:760px){.lx-empty{grid-template-columns:260px 1fr}}
.lx-empty h2{font-size:1.5rem;margin-bottom:8px}
.lx-empty p{margin-bottom:8px}
.lx-name .tlink{background:none;border:0;padding:0;min-height:0;display:inline}
.lx-cert-mini{aspect-ratio:1.414;border-radius:12px;border:2px dashed var(--line);display:grid;place-content:center;justify-items:center;gap:6px;color:var(--muted);text-align:center;padding:16px}
.lx-cert-mini span{font:500 .6875rem var(--font-display);letter-spacing:.2em;text-transform:uppercase}
.lx-cert-mini b{font:500 1rem var(--font-display)}
.lx-cert-mini i{width:60%;height:6px;border-radius:6px;background:var(--surface-quiet)}
.lx-seats{display:grid;gap:10px}
.lx-seat{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
@media(min-width:760px){.lx-seat{grid-template-columns:1.2fr 120px 1fr 1fr auto}}
.lx-seat b{font:500 1rem var(--font-display);color:var(--text-strong)}
.lx-seat .st{font:500 .75rem var(--font-display);padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-quiet);justify-self:start}
.lx-seat .st.on{background:var(--teal-50);color:#12736E}
.lx-seat .bar{grid-column:1/-1}
@media(min-width:760px){.lx-seat .bar{grid-column:auto}}
.lx-seat small{color:var(--muted);font-size:.8125rem}
.lx-seat .tlink{background:none;border:0;padding:0;justify-self:start}
.lx-dl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lx-dl li{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.lx-dl .ic{width:48px;height:48px;border-radius:12px;background:var(--sun);color:#252A52;display:grid;place-items:center;font:700 .75rem var(--font-display)}
.lx-dl b{display:block;font:500 .9375rem/1.3 var(--font-display);color:var(--text-strong)}
.lx-dl small{font-size:.8125rem;color:var(--muted)}
.lx-dl button{min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--text-strong);font:500 .875rem var(--font-display)}
@media(max-width:480px){.lx-dl li{grid-template-columns:40px 1fr}.lx-dl .ic{width:40px;height:40px}.lx-dl button{grid-column:2;justify-self:start}}
.lx-set{display:grid;gap:20px;max-width:44rem}
.lx-set fieldset{border:1px solid var(--line);border-radius:20px;padding:18px 20px;margin:0;background:var(--surface)}
.lx-set legend{font:500 1.0625rem var(--font-display);color:var(--text-strong);padding:0 6px}
.lx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.lx-chips label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid var(--line);cursor:pointer;font:500 .9375rem var(--font-display);color:var(--text-strong)}
.lx-chips input{position:absolute;opacity:0;pointer-events:none}
.lx-chips label:has(input:checked){background:var(--midnight);border-color:var(--midnight);color:#fff}
.lx-chips label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.lx-set .btn{justify-self:start}
.lx-saved{font-size:.9375rem;color:var(--accent-text);font-weight:600}
/* lesson player: no site chrome */
body.in-player .util,body.in-player header.site,body.in-player footer,body.in-player .helpbox,body.in-player #acSticky{display:none!important}
.lx-ptop{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;min-height:64px;padding:0 max(16px,env(safe-area-inset-left,0px));background:var(--midnight);color:#D7D9E6}
.lx-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#fff;text-decoration:none;font:500 .9375rem var(--font-display);flex:none}
.lx-pt{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;min-width:0}
.lx-pt b{color:#fff;font:500 .9375rem var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-pt .bar{background:rgba(255,255,255,.15);max-width:320px}
.lx-pt small{font-size:.8125rem;white-space:nowrap}
.lx-tog{display:none;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid rgba(255,255,255,.4);background:none;color:#fff;font:500 .875rem var(--font-display);flex:none}
@media(max-width:1023px){.lx-tog{display:inline-flex;align-items:center}.lx-pt{grid-template-columns:1fr}.lx-pt b,.lx-pt small{display:none}.lx-back span{display:none}}
.lx-pgrid{display:grid;min-height:calc(100vh - 64px)}
@media(min-width:1024px){.lx-pgrid{grid-template-columns:320px 1fr}}
.lx-pside{background:var(--surface);border-right:1px solid var(--line);padding:20px 16px;font-size:.9375rem}
@media(min-width:1024px){.lx-pside{position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto}}
@media(max-width:1023px){.lx-pside{display:none;border-right:0;border-bottom:1px solid var(--line)}.lx-pside.open{display:block}}
.lx-pside .mt{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 8px 8px}
.lx-pside ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lx-pside button{width:100%;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;text-align:left;min-height:48px;padding:8px;border:0;border-radius:12px;background:none;color:var(--text);font:500 .9375rem/1.3 var(--font-display)}
.lx-pside button span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-quiet);font-size:.75rem}
.lx-pside .done button span{background:#B9D546;color:#252A52}
.lx-pside .now button{background:#FFF9D6;color:#252A52}
.lx-pside .now button span{background:var(--sun);color:#252A52}
.lx-pside button:hover{background:var(--surface-quiet)}
.lx-pside .up li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:8px;color:var(--muted)}
.lx-pside .up span{font-size:.75rem;font-weight:600}
.lx-pmain{padding:28px 20px 64px;max-width:48rem;width:100%;margin:0 auto;display:grid;gap:18px;align-content:start;outline:none}
@media(min-width:1024px){.lx-pmain{padding:40px 48px 80px}}
.lx-crumb{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.lx-pmain h1{font-size:clamp(1.9rem,1.3rem + 2vw,2.75rem);line-height:1.1;font-weight:700}
.lx-pmain .lead{font-size:1.0625rem}
.lx-vid{aspect-ratio:16/9;border-radius:20px;background:#161936;background-image:radial-gradient(circle at 20% 100%,rgba(82,195,189,.4),transparent 50%),radial-gradient(circle at 100% 0,rgba(252,216,0,.25),transparent 45%);display:grid;place-content:center;justify-items:center;gap:10px;color:#C9CBDA}
.lx-text{display:grid;gap:16px;font-size:1.0625rem;line-height:1.7}
.lx-try{background:var(--surface);border:1.5px solid var(--line);border-left:5px solid var(--sun);border-radius:16px;padding:18px;display:grid;gap:10px}
.lx-try small{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.lx-try b{font:500 1.0625rem/1.4 var(--font-display);color:var(--text-strong)}
.lx-try .opts{display:grid;gap:8px}
.lx-try button{text-align:left;min-height:48px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text-strong);font:400 1rem var(--font-body)}
.lx-try button.pick{border-color:var(--text-strong)}
.lx-try p{font-size:.9375rem;font-weight:600}
.lx-try p.ok{color:#12736E}.lx-try p.no{color:#9F513B}
.lx-reflect{display:grid;gap:8px;font-size:.875rem;color:var(--muted)}
.lx-reflect b{color:var(--text-strong);font-family:var(--font-display)}
.lx-reflect textarea{font:400 1rem var(--font-body);padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);color:var(--text-strong);resize:vertical}
.lx-text .review,.lx-pmain>.review{justify-self:start}
.lx-pnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:20px}
.lx-pnav .btn[disabled]{opacity:.4;cursor:default}
.lx-pcare{font-size:.875rem;color:var(--muted)}
.lx-quiz{display:grid;gap:14px}
.lx-quiz fieldset{border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;margin:0;background:var(--surface);display:grid;gap:8px}
.lx-quiz legend{font:500 1.0625rem/1.4 var(--font-display);color:var(--text-strong);float:left;width:100%;margin-bottom:6px;padding:0}
.lx-quiz label{display:flex;gap:10px;align-items:center;min-height:48px;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;clear:both}
.lx-quiz label:has(input:checked){border-color:var(--text-strong);background:var(--surface-quiet)}
.lx-quiz input{accent-color:#252A52;width:18px;height:18px;margin:0;flex:none}
.lx-quiz fieldset.right{border-color:#12736E}.lx-quiz fieldset.wrong{border-color:var(--error)}
.lx-quiz .btn{justify-self:start}
.lx-qres{display:grid;gap:8px;justify-items:start;padding:20px;border-radius:16px;background:#FDECE4;color:#252A52}
.lx-qres.pass{background:#EEF6D6}
.lx-qres b{font:700 1.25rem var(--font-display)}
/* certificate */
.lx-done{padding:32px 0 48px;background:radial-gradient(circle at 100% 0,rgba(252,216,0,.25),transparent 45%)}
.lx-d-grid{display:grid;gap:32px;align-items:center}
@media(min-width:1024px){.lx-d-grid{grid-template-columns:1fr 1fr;gap:56px}}
.lx-d-grid>div:first-child{display:grid;gap:14px;justify-items:start}
.lx-d-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.lx-cert{aspect-ratio:1.414;background:#FFFDF6;border-radius:12px;padding:14px;box-shadow:0 30px 60px -30px rgba(22,25,54,.5);transform:rotate(-1.5deg);background-image:linear-gradient(135deg,#FCD800,#52C3BD 50%,#B9D546);max-width:560px;width:100%;justify-self:center}
.lx-cert .c-in{height:100%;background:#FFFDF6;border-radius:6px;display:grid;place-content:center;justify-items:center;text-align:center;gap:6px;padding:16px;color:#45464A;position:relative}
.lx-cert img{height:30px;width:auto;margin-bottom:6px}
.lx-cert small,.lx-cert span{font-size:clamp(.6875rem,.6rem + .3vw,.875rem)}
.lx-cert .nm{font:italic 500 clamp(1.5rem,1rem + 2vw,2.4rem) var(--font-accent);color:#252A52}
.lx-cert .nm span{font-size:inherit}
.lx-cert .cr{font:600 clamp(.875rem,.75rem + .5vw,1.125rem)/1.3 var(--font-display);color:#252A52;max-width:22rem}
.lx-cert .c-foot{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:10px;color:#666769}
.lx-after{display:grid;gap:14px}
@media(min-width:900px){.lx-after{grid-template-columns:repeat(3,1fr)}}
.lx-after>*{display:grid;gap:6px;align-content:start;text-align:left;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--c);border-radius:20px;padding:20px;font:inherit;cursor:pointer}
.lx-after small{font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.lx-after b{font:500 1.1875rem/1.3 var(--font-display);color:var(--text-strong)}
.lx-after span{font-size:.9375rem}
.lx-review{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px;padding:16px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.lx-review>b{font:500 1rem var(--font-display);color:var(--text-strong)}
.lx-stars{display:flex;gap:6px}
.lx-stars label{cursor:pointer}
.lx-stars input{position:absolute;opacity:0;pointer-events:none}
.lx-stars span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);font:600 .9375rem var(--font-display);color:var(--text-strong)}
.lx-stars label:has(input:checked) span{background:var(--sun);border-color:var(--sun);color:#252A52}
.lx-stars label:has(input:focus-visible) span{outline:2px solid var(--focus);outline-offset:2px}
.lx-review input#rvTxt{flex:1;min-width:200px;min-height:44px;padding:0 14px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--bg);color:var(--text-strong);font:400 1rem var(--font-body)}
/* journey map */
.lx-jhead{padding:32px 0 8px}
.lx-jhead .wrap{display:grid;gap:14px;justify-items:start}
.lx-jpick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.9375rem}
.lx-jpick a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--text-strong);text-decoration:none;font:500 .875rem var(--font-display)}
.lx-jpick a:hover{border-color:var(--text-strong)}
.lx-journey{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lx-journey li{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}
.lx-journey .n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:#252A52;font:700 1rem var(--font-display)}
.lx-journey b{font:500 1.125rem/1.3 var(--font-display);color:var(--text-strong)}
.lx-journey li>span{font-size:.9375rem}
.lx-journey i{display:block;font:500 .6875rem var(--font-display);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.lx-journey .tlink{display:flex;min-height:40px}
.lx-journey .hd{display:none}
@media(min-width:1100px){
  .lx-journey li{grid-template-columns:44px 190px 1.3fr 1fr 1fr;gap:20px;align-items:start}
  .lx-journey i{display:none}
  .lx-journey .hd{display:grid;background:none;border:0;padding:0 18px;font:500 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
}
.lx-edges{display:grid;gap:12px}
@media(min-width:760px){.lx-edges{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.lx-edges{grid-template-columns:repeat(3,1fr)}}
.lx-edges div{display:grid;gap:6px;padding:18px;border-radius:18px;background:var(--surface-quiet)}
.lx-edges b{font:500 1.0625rem/1.3 var(--font-display);color:var(--text-strong)}
.lx-edges span{font-size:.9375rem}
/* ===== chat: live chat + WhatsApp, bottom right on every page ===== */
.cw{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;display:grid;justify-items:end;gap:12px;font-family:var(--font-body)}
body:has(#acSticky.on) .cw{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
body:has(#shBagBtn:not([hidden])) .sh-bagbtn{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
.cw-fab{position:relative;width:60px;height:60px;border-radius:50%;border:0;background:#252A52;color:#FCD800;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 32px -12px rgba(22,25,54,.6);transition:transform .2s var(--ease)}
.cw-fab:hover{transform:translateY(-2px)}
.cw-fab .dot{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#7BD957;border:2.5px solid #252A52}
.cw-fab .dot.off{background:#A3A6B8}
.cw-fab .ic-x{display:none}
.cw.open .cw-fab .ic-x{display:block}.cw.open .cw-fab .ic-c,.cw.open .cw-fab .dot{display:none}
.cw-hint{background:var(--surface);color:var(--text-strong);border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:10px 14px;font:500 .9375rem var(--font-display);box-shadow:0 12px 28px -16px rgba(22,25,54,.45);max-width:240px;display:flex;gap:8px;align-items:center;animation:cwIn .35s var(--ease) both}
.cw-hint button{border:0;background:none;color:var(--muted);width:32px;height:32px;flex:none;border-radius:50%}
.cw-panel{width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 110px));background:var(--surface);border-radius:24px;box-shadow:0 30px 60px -20px rgba(22,25,54,.5);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--line);animation:cwIn .25s var(--ease) both;transform-origin:100% 100%}
@keyframes cwIn{from{opacity:0;transform:translateY(10px) scale(.97)}}
@media(prefers-reduced-motion:reduce){.cw-panel,.cw-hint{animation:none}}
.cw-head{background:#252A52;color:#D7D9E6;padding:16px 16px 14px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background-image:radial-gradient(circle at 100% 0,rgba(82,195,189,.4),transparent 60%)}
.cw-av{display:flex}
.cw-av span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 .875rem var(--font-display);color:#252A52;border:2px solid #252A52}
.cw-av span+span{margin-left:-10px}
.cw-head b{display:block;color:#fff;font:500 1.0625rem var(--font-display)}
.cw-head small{display:flex;gap:6px;align-items:center;font-size:.8125rem}
.cw-head small i{width:8px;height:8px;border-radius:50%;background:#7BD957}
.cw-head small i.off{background:#A3A6B8}
.cw-head .x{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:none;color:#fff;display:grid;place-items:center}
.cw-body{overflow:auto;padding:16px;display:grid;gap:10px;align-content:start;background:var(--bg)}
.cw-start{display:grid;gap:10px}
.cw-opt{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:left;width:100%;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--text-strong);text-decoration:none;cursor:pointer;font:inherit}
.cw-opt:hover{border-color:var(--text-strong)}
.cw-opt .i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.cw-opt b{display:block;font:500 1rem var(--font-display)}
.cw-opt small{font-size:.8125rem;color:var(--muted)}
.cw-opt em{font-style:normal;color:var(--muted)}
.cw-safe{font-size:.8125rem;color:var(--muted);padding:4px 2px}
.cw-safe a{font-weight:600}
.cw-msg{max-width:85%;padding:10px 14px;border-radius:18px;font-size:.9375rem;line-height:1.45;background:var(--surface);color:var(--text-strong);border:1px solid var(--line);border-bottom-left-radius:6px;justify-self:start}
.cw-msg.me{justify-self:end;background:#252A52;color:#fff;border-color:#252A52;border-bottom-left-radius:18px;border-bottom-right-radius:6px}
.cw-msg small{display:block;font-size:.75rem;color:var(--muted);margin-bottom:2px}
.cw-msg.sos{background:#FDECE4;border-color:#F2B49A;color:#252A52;max-width:100%}
.cw-msg.sos b{display:block;font:600 1rem var(--font-display);margin-bottom:4px}
.cw-msg.sos a{display:inline-flex;align-items:center;min-height:40px;margin-right:12px;font-weight:600;color:#9F513B}
.cw-typing{justify-self:start;display:flex;gap:4px;padding:12px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.cw-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:cwDot 1s infinite}
.cw-typing i:nth-child(2){animation-delay:.15s}.cw-typing i:nth-child(3){animation-delay:.3s}
@keyframes cwDot{0%,60%,100%{opacity:.3}30%{opacity:1}}
.cw-quick{display:flex;flex-wrap:wrap;gap:6px}
.cw-quick button{min-height:40px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--accent-text);background:var(--surface);color:var(--accent-text);font:500 .875rem var(--font-display);cursor:pointer}
.cw-quick button:hover{background:var(--teal-50,#EEF9F8)}
.cw-foot{border-top:1px solid var(--line);background:var(--surface);padding:10px 10px 10px 14px}
.cw-form{display:flex;gap:8px;align-items:center}
.cw-form input{flex:1;min-width:0;min-height:44px;border:0;background:none;font:400 1rem var(--font-body);color:var(--text-strong);outline:none}
.cw-form button{width:44px;height:44px;border-radius:50%;border:0;background:#FCD800;color:#252A52;display:grid;place-items:center;flex:none;cursor:pointer}
.cw-form button:disabled{opacity:.45;cursor:default}
.cw-wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font:500 .875rem var(--font-display);color:#128C4A;text-decoration:none}
.cw-note{font-size:.75rem;color:var(--muted);text-align:center;padding-top:2px}
@media(max-width:480px){
  .cw-panel{position:fixed;inset:auto 0 0 0;width:100%;max-height:calc(100dvh - 24px);height:calc(100dvh - 24px);border-radius:24px 24px 0 0;border:0}
  .cw.open .cw-fab{display:none}
  .cw-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}