/* Webgyre next-wave clinic + coaching demos. Each direction owns its visual system. */
:root{
  --demo-theme:#FE4301;
  --cd-wrap:1180px;
  --cd-ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background:var(--page,#fff);color:var(--ink,#111);font-size:16px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
svg{display:block}
.cd-sprite{position:absolute;width:0;height:0;overflow:hidden}
.cd-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.cd-wrap{width:min(var(--cd-wrap),calc(100% - 44px));margin-inline:auto}
.cd-skip{position:fixed;left:16px;top:10px;z-index:200;transform:translateY(-150%);padding:10px 14px;background:#fff;color:#111;border:2px solid #111;font-weight:800}
.cd-skip:focus{transform:none}
.cd-sample{background:var(--sample-bg,#101010);color:var(--sample-ink,#fff);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:80}
.cd-sample .cd-wrap{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cd-sample span:last-child{opacity:.65}
.cd-header{position:sticky;top:0;z-index:70;background:color-mix(in srgb,var(--page,#fff) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line,rgba(0,0,0,.12))}
.cd-nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.cd-logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.025em;white-space:nowrap}
.cd-logo-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--ink,#111);color:var(--page,#fff);border:1px solid var(--ink,#111);font-size:13px;letter-spacing:-.04em}
.cd-links{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}
.cd-links a{position:relative}
.cd-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--accent,var(--demo-theme));transition:right .2s ease}
.cd-links a:hover::after,.cd-links a:focus-visible::after{right:0}
.cd-nav-actions{display:flex;align-items:center;gap:10px}
.cd-menu{display:none;width:46px;height:46px;border:1px solid var(--line,rgba(0,0,0,.15));background:transparent;align-items:center;justify-content:center;cursor:pointer}
.cd-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 19px;border:1px solid var(--ink,#111);font-size:13px;font-weight:800;line-height:1.1;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s var(--cd-ease),box-shadow .2s ease}
.cd-btn:hover{transform:translateY(-2px)}
.cd-btn:active{transform:none}
.cd-btn.primary,.cd-btn.nav{background:var(--accent,var(--demo-theme));border-color:var(--accent,var(--demo-theme));color:var(--accent-ink,#0b0b0b)}
.cd-btn.secondary{background:transparent;color:var(--ink,#111);border-color:var(--ink,#111)}
.cd-btn.text{border-color:transparent;background:transparent;padding-inline:2px;min-height:44px}
.cd-btn.text:hover{color:var(--accent,var(--demo-theme));transform:none}
.cd-btn.nav{min-height:42px;padding:10px 15px}
.cd-btn.nav .cd-icon{width:17px;height:17px}
.cd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:31px}
.cd-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.cd-kicker::before{content:"";width:24px;height:2px;background:currentColor}
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--cd-ease),transform .65s var(--cd-ease)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal.delay-1{transition-delay:.12s}
.cd-end{padding:100px 0;background:var(--end-bg,var(--ink,#111));color:var(--end-ink,var(--page,#fff));border-top:1px solid var(--end-line,transparent)}
.cd-end-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:80px;align-items:end}
.cd-end h2{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.cd-end p{max-width:610px;margin-top:20px;color:color-mix(in srgb,currentColor 72%,transparent);font-size:17px}
.cd-end-action{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cd-end-action>span{display:flex;align-items:flex-start;gap:9px;font-size:12px;opacity:.68;max-width:340px}
.cd-footer{background:var(--footer-bg,#0b0b0b);color:var(--footer-ink,#fff);padding:58px 0 22px}
.cd-footer-grid{display:grid;grid-template-columns:1.3fr .55fr .85fr;gap:60px}
.cd-footer .cd-logo{margin-bottom:16px}
.cd-footer .cd-logo-mark{background:var(--footer-ink,#fff);color:var(--footer-bg,#111);border-color:var(--footer-ink,#fff)}
.cd-footer p{font-size:13px;opacity:.63;max-width:390px}
.cd-footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13px}
.cd-footer-grid b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.cd-footer-grid a:hover{text-decoration:underline}
.cd-footline{border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.58}
.cd-mobile-bar{display:none}
.cd-missing{min-height:100vh;display:grid;place-content:center;gap:16px;text-align:center}
:focus-visible{outline:3px solid var(--focus,var(--accent,var(--demo-theme)));outline-offset:4px}

/* 01 — Sama Family Clinic: warm health editorial */
body[data-creative-demo="sama"]{
  --page:#F3F0E8;--ink:#14342F;--muted:#596B66;--accent:#D8FF4F;--accent-ink:#112A26;--line:rgba(20,52,47,.20);
  --sample-bg:#14342F;--sample-ink:#F3F0E8;--end-bg:#14342F;--end-ink:#F3F0E8;--footer-bg:#0C2521;--footer-ink:#F3F0E8;
  font-family:'Manrope',sans-serif;
}
body[data-creative-demo="sama"] h1,body[data-creative-demo="sama"] h2{font-family:'Instrument Serif',serif;font-weight:400}
body[data-creative-demo="sama"] .cd-logo-mark{border-radius:50%;background:var(--accent);color:var(--ink)}
.sf-rule{border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.15em}
.sf-rule .cd-wrap{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sf-hero{min-height:calc(100vh - 139px);display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}
.sf-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.94%,var(--line) 50%,transparent 50.06%);pointer-events:none}
.sf-hero-grid{display:grid;grid-template-columns:1.08fr .72fr;gap:10%;align-items:center;padding-block:84px 58px;flex:1}
.sf-copy h1{font-size:clamp(62px,8vw,112px);line-height:.82;letter-spacing:-.055em;max-width:780px}
.sf-copy h1 em{color:#58766B}
.sf-copy p{max-width:610px;color:var(--muted);font-size:17px;margin-top:28px}
.sf-desk{background:#FBFAF5;border:1px solid var(--ink);padding:22px;box-shadow:13px 13px 0 var(--ink)}
.sf-desk-head,.sf-queue{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.sf-desk-head{padding-bottom:18px;border-bottom:1px solid var(--line)}
.sf-desk-head b{background:var(--accent);padding:5px 8px}
.sf-next{padding:28px 0 24px;display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid var(--line)}
.sf-next span{grid-column:1/-1;font-size:10px;letter-spacing:.12em;font-weight:800}
.sf-next strong{font-family:'Instrument Serif',serif;font-size:74px;line-height:.9;font-weight:400}
.sf-next small{text-align:right;color:var(--muted)}
.sf-queue{padding:18px 0;border-bottom:1px solid var(--line)}
.sf-queue span{display:flex;align-items:center;gap:8px}
.sf-queue i{width:8px;height:8px;border-radius:50%;background:#27A86B;box-shadow:0 0 0 5px rgba(39,168,107,.12)}
.sf-doctor{display:flex;align-items:center;gap:12px;padding-top:20px}
.sf-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--page);font-weight:800}
.sf-doctor b,.sf-doctor small{display:block}.sf-doctor small{font-size:11px;color:var(--muted)}
.sf-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.sf-proof span{padding:22px 0;text-align:center;font:700 12px/1 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.12em;border-right:1px solid var(--line)}
.sf-proof span:last-child{border-right:0}
.sf-index{padding:120px 0;background:#14342F;color:#F3F0E8}
.sf-section-head{display:grid;grid-template-columns:1.1fr .75fr;gap:10%;align-items:end;margin-bottom:54px}
.sf-section-head .cd-kicker{grid-column:1/-1;color:var(--accent)}
.sf-section-head h2{font-size:clamp(58px,8vw,104px);line-height:.88;letter-spacing:-.04em}
.sf-section-head p{color:rgba(243,240,232,.68);max-width:430px}
.sf-index-list{border-top:1px solid rgba(255,255,255,.25)}
.sf-index-list article{display:grid;grid-template-columns:70px 1fr 1fr auto;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.sf-index-list article>span{font:700 11px/1 ui-monospace,monospace;color:var(--accent)}
.sf-index-list h3{font-size:20px}.sf-index-list p{font-size:13px;color:rgba(255,255,255,.62)}
.sf-index-list b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);padding:8px 10px}
.sf-method{padding:120px 0}
.sf-method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}
.sf-method-title h2{font-size:clamp(58px,7vw,94px);line-height:.88;letter-spacing:-.045em}
.sf-track{border-top:1px solid var(--ink)}
.sf-track article{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}
.sf-track article>span{font:800 11px/1 ui-monospace,monospace;background:var(--accent);width:34px;height:34px;display:grid;place-items:center;border-radius:50%}
.sf-track h3{font-size:19px;margin-bottom:5px}.sf-track p{color:var(--muted);font-size:14px}
.sf-hours{padding:110px 0;background:#D8FF4F}
.sf-hours-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}
.sf-hours h2{font-size:clamp(55px,7vw,90px);line-height:.88;letter-spacing:-.045em}.sf-hours p{max-width:420px;margin-top:24px}
.sf-board{background:var(--page);border:1px solid var(--ink);padding:6px 24px}
.sf-board>div{display:grid;grid-template-columns:1fr .8fr .8fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}
.sf-board span{font-size:11px;font-weight:800;letter-spacing:.1em}.sf-board b{font-size:15px}
.sf-board small{display:block;padding:18px 0;color:var(--muted);font-size:11px}

/* 02 — LittleBloom: playful paediatrics without childish trust signals */
body[data-creative-demo="littlebloom"]{
  --page:#FFF7E8;--ink:#1E2957;--muted:#5B6079;--accent:#FF6B4A;--accent-ink:#1E2957;--line:#1E2957;
  --sample-bg:#1E2957;--sample-ink:#FFF7E8;--end-bg:#1E2957;--end-ink:#FFF7E8;--footer-bg:#121936;--footer-ink:#FFF7E8;
  font-family:'Nunito Sans',sans-serif;
}
body[data-creative-demo="littlebloom"] h1,body[data-creative-demo="littlebloom"] h2,body[data-creative-demo="littlebloom"] h3{font-family:'Bricolage Grotesque',sans-serif}
body[data-creative-demo="littlebloom"] .cd-header{border-bottom:3px solid var(--ink)}
body[data-creative-demo="littlebloom"] .cd-logo-mark{border-radius:14px;background:#FFD83D;color:var(--ink);transform:rotate(-4deg);box-shadow:3px 3px 0 var(--ink)}
body[data-creative-demo="littlebloom"] .cd-btn{border-width:2px;border-radius:12px;box-shadow:4px 4px 0 var(--ink)}
body[data-creative-demo="littlebloom"] .cd-btn:hover{transform:translate(-1px,-3px);box-shadow:6px 7px 0 var(--ink)}
.lb-hero{padding:72px 0 0;background:radial-gradient(circle at 84% 16%,#AEE9D1 0 10%,transparent 10.2%),var(--page);border-bottom:3px solid var(--ink);overflow:hidden}
.lb-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:6%;align-items:center}
.lb-pill{display:inline-flex;background:#AEE9D1;border:2px solid var(--ink);border-radius:100px;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:22px;box-shadow:3px 3px 0 var(--ink)}
.lb-copy h1{font-size:clamp(65px,9vw,124px);line-height:.78;letter-spacing:-.065em}
.lb-copy h1 em{font-style:normal;color:var(--accent);display:inline-block;transform:rotate(-3deg)}
.lb-copy p{font-size:18px;max-width:570px;color:var(--muted);margin-top:28px}
.lb-playground{min-height:570px;display:grid;place-items:center;position:relative}
.lb-orbit{width:min(520px,100%);aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;position:relative;background:#72A8FF;box-shadow:14px 16px 0 var(--ink)}
.lb-orbit::before,.lb-orbit::after{content:"";position:absolute;border:2px dashed var(--ink);border-radius:50%;inset:10%}.lb-orbit::after{inset:24%;border-style:solid;opacity:.35}
.lb-dot{position:absolute;border:3px solid var(--ink);border-radius:50%;z-index:2}.lb-dot.one{width:52px;height:52px;background:#FFD83D;top:5%;left:18%}.lb-dot.two{width:34px;height:34px;background:var(--accent);right:3%;top:44%}.lb-dot.three{width:43px;height:43px;background:#AEE9D1;left:8%;bottom:13%}
.lb-growth{position:absolute;left:14%;right:14%;top:24%;background:#FFF;border:3px solid var(--ink);border-radius:20px;padding:20px;transform:rotate(3deg);box-shadow:7px 8px 0 var(--ink);z-index:3}
.lb-growth small,.lb-growth strong{display:block}.lb-growth small{font-size:10px;font-weight:800;letter-spacing:.12em}.lb-growth strong{font:800 30px/1.1 'Bricolage Grotesque',sans-serif;margin-top:5px}
.lb-growth svg{width:100%;height:100px;margin-top:12px;overflow:visible}.lb-growth path{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round}.lb-growth circle{fill:#FFD83D;stroke:var(--ink);stroke-width:3}
.lb-note{position:absolute;right:-2%;bottom:9%;z-index:4;background:#FFD83D;border:3px solid var(--ink);border-radius:18px;padding:16px 20px;transform:rotate(-5deg);box-shadow:6px 7px 0 var(--ink)}
.lb-note span,.lb-note b{display:block}.lb-note span{font-size:10px;font-weight:800;text-transform:uppercase}.lb-note b{font-size:20px}
.lb-ribbon{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--ink);border-bottom:0;background:#FFD83D}
.lb-ribbon span{padding:18px;text-align:center;font-size:11px;font-weight:900;text-transform:uppercase;border-right:2px solid var(--ink)}.lb-ribbon span:last-child{border:0}
.lb-ages{padding:120px 0;background:#AEE9D1;border-bottom:3px solid var(--ink)}
.lb-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;margin-bottom:46px}.lb-head .cd-kicker{grid-column:1/-1}.lb-head h2{font-size:clamp(55px,7vw,96px);line-height:.88;letter-spacing:-.05em}
.lb-age-track{display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--ink);background:var(--page)}
.lb-age-track article{padding:28px 22px;min-height:310px;display:flex;flex-direction:column;border-right:2px solid var(--ink);transition:background .2s ease}.lb-age-track article:last-child{border:0}.lb-age-track article:hover{background:#FFD83D}
.lb-age-track article>b{font-size:34px}.lb-age-track h3{font-size:22px;line-height:1.05;margin:38px 0 12px}.lb-age-track p{color:var(--muted);font-size:14px}.lb-age-track article>span{margin-top:auto;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.lb-parent{padding:120px 0;background:#72A8FF;border-bottom:3px solid var(--ink)}
.lb-parent-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.lb-parent-copy h2{font-size:clamp(55px,7vw,92px);line-height:.9;letter-spacing:-.05em}.lb-parent-copy p{max-width:480px;margin:22px 0 28px}
.lb-plan{background:var(--page);border:3px solid var(--ink);border-radius:26px;padding:14px 28px;box-shadow:12px 14px 0 var(--ink)}
.lb-plan>div{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:25px 0;border-bottom:2px solid var(--ink)}.lb-plan>div:last-child{border:0}.lb-plan span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;background:var(--accent);color:#fff;border:2px solid var(--ink);border-radius:50%;font-weight:900}.lb-plan b{font-size:18px}.lb-plan small{color:var(--muted)}
.lb-visits{padding:120px 0}
.lb-visit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lb-visit-grid article{border:3px solid var(--ink);border-radius:22px;padding:27px;min-height:320px;display:flex;flex-direction:column;box-shadow:7px 8px 0 var(--ink)}.lb-visit-grid article:nth-child(2){background:#FFD83D;transform:rotate(1.5deg)}.lb-visit-grid article:nth-child(3){background:#AEE9D1}.lb-visit-grid span{font-size:10px;font-weight:900;letter-spacing:.12em}.lb-visit-grid h3{font-size:28px;line-height:1.05;margin:48px 0 13px}.lb-visit-grid p{color:var(--muted)}.lb-visit-grid b{margin-top:auto;padding-top:22px}

/* 03 — Niva: privacy-first calm editorial */
body[data-creative-demo="niva"]{
  --page:#F3EDE7;--ink:#3A253E;--muted:#695D65;--accent:#A9C39A;--accent-ink:#243126;--line:rgba(58,37,62,.18);
  --sample-bg:#3A253E;--sample-ink:#F3EDE7;--end-bg:#3A253E;--end-ink:#F3EDE7;--footer-bg:#28182B;--footer-ink:#F3EDE7;
  font-family:'DM Sans',sans-serif;
}
body[data-creative-demo="niva"] h1,body[data-creative-demo="niva"] h2{font-family:'Newsreader',serif;font-weight:400}
body[data-creative-demo="niva"] .cd-logo-mark{border-radius:50% 50% 10% 50%;background:var(--accent);color:var(--ink);border:0}
body[data-creative-demo="niva"] .cd-btn{border-radius:100px}
.nv-hero{padding:92px 0 110px;background:linear-gradient(140deg,#F3EDE7,#E8DED8);overflow:hidden}
.nv-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:5%;align-items:center}
.nv-copy h1{font-size:clamp(64px,8vw,112px);line-height:.86;letter-spacing:-.045em}.nv-copy h1 em{font-style:italic;color:#795B72}.nv-copy p{font-size:18px;max-width:580px;color:var(--muted);margin-top:27px}
.nv-assurance{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;max-width:500px}.nv-assurance .cd-icon{color:#6F8E64}.nv-assurance span{font-size:12px;color:var(--muted)}.nv-assurance b{display:block;color:var(--ink);font-size:13px}
.nv-rings{min-height:600px;position:relative;display:grid;place-items:center}
.nv-ring{position:absolute;border:1px solid rgba(58,37,62,.3);border-radius:50%}.nv-ring.r1{width:94%;aspect-ratio:1}.nv-ring.r2{width:70%;aspect-ratio:1}.nv-ring.r3{width:46%;aspect-ratio:1;background:rgba(169,195,154,.25)}
.nv-ring.r1::before,.nv-ring.r2::before,.nv-ring.r3::before{content:"";position:absolute;top:50%;left:-6px;width:12px;height:12px;background:var(--accent);border-radius:50%}
.nv-centre{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.nv-centre span{font-size:10px;font-weight:800;letter-spacing:.14em}.nv-centre b{font:500 30px/1.05 'Newsreader',serif}.nv-centre small{max-width:180px;color:var(--muted)}
.nv-float{position:absolute;background:#FFF9F5;border:1px solid var(--line);border-radius:18px;padding:14px 18px;z-index:3;box-shadow:0 16px 50px rgba(58,37,62,.10)}.nv-float span,.nv-float b{display:block}.nv-float span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.nv-float b{font-size:13px}.nv-float.top{right:2%;top:13%}.nv-float.bottom{left:0;bottom:16%}
.nv-stages{padding:125px 0;background:#3A253E;color:#F3EDE7}
.nv-head{display:grid;grid-template-columns:1.05fr .75fr;gap:10%;align-items:end;margin-bottom:62px}.nv-head .cd-kicker{grid-column:1/-1;color:var(--accent)}.nv-head h2{font-size:clamp(58px,7vw,96px);line-height:.9;letter-spacing:-.04em}.nv-head p{color:rgba(243,237,231,.64)}
.nv-stage-list{border-top:1px solid rgba(255,255,255,.25)}
.nv-stage-list article{display:grid;grid-template-columns:70px 1fr auto;gap:26px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:center}.nv-stage-list article>span{font:600 11px/1 ui-monospace,monospace;color:var(--accent)}.nv-stage-list h3{font:500 26px/1.1 'Newsreader',serif}.nv-stage-list p{font-size:13px;color:rgba(255,255,255,.58);margin-top:5px}.nv-stage-list article>b{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.nv-privacy{padding:120px 0;background:#DCE7D5}
.nv-privacy-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:start}
.nv-quote>span{font:500 140px/.6 'Newsreader',serif;color:#6F8E64}.nv-quote blockquote{font:400 clamp(44px,5.6vw,74px)/.98 'Newsreader',serif;letter-spacing:-.035em}.nv-quote small{display:block;margin-top:28px;color:var(--muted)}
.nv-promises{border-top:1px solid var(--ink)}.nv-promises article{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid rgba(58,37,62,.22)}.nv-promises article>span{font:600 10px/1 ui-monospace,monospace;color:#6F8E64}.nv-promises h3{font-size:18px}.nv-promises p{font-size:13px;color:var(--muted);margin-top:6px}
.nv-consults{padding:110px 0}.nv-consult-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:9%;align-items:start}.nv-consult-grid h2{font-size:clamp(50px,6vw,82px);line-height:.92;letter-spacing:-.04em}
.nv-slots{border-top:1px solid var(--ink)}.nv-slots article{display:grid;grid-template-columns:1fr .6fr 1fr;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.nv-slots span{font-size:10px;font-weight:800;letter-spacing:.1em}.nv-slots b{font:500 24px/1 'Newsreader',serif}.nv-slots small{color:var(--muted)}

/* 04 — Reva: fashion-editorial dermatology, diagnosis-led */
body[data-creative-demo="reva"]{
  --page:#F1F0EB;--ink:#111111;--muted:#66655F;--accent:#D7FF38;--accent-ink:#111;--line:rgba(17,17,17,.22);
  --sample-bg:#111;--sample-ink:#F1F0EB;--end-bg:#111;--end-ink:#F1F0EB;--footer-bg:#080808;--footer-ink:#F1F0EB;
  font-family:'Urbanist',sans-serif;
}
body[data-creative-demo="reva"] h1,body[data-creative-demo="reva"] h2{font-family:'Bodoni Moda',serif;font-weight:500}
body[data-creative-demo="reva"] .cd-header{border-bottom:1px solid #111}
body[data-creative-demo="reva"] .cd-logo-mark{background:var(--accent);color:#111}
body[data-creative-demo="reva"] .cd-btn{border-radius:0;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.rv-meta{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#111;color:#F1F0EB;font-size:9px;font-weight:800;letter-spacing:.17em}
.rv-hero{min-height:calc(100vh - 142px);position:relative;background:linear-gradient(90deg,var(--page) 0 63%,#D8D6CE 63%);display:flex;flex-direction:column;overflow:hidden}
.rv-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:7%;align-items:center;padding-block:75px 58px;flex:1}
.rv-copy h1{font-size:clamp(64px,8.5vw,122px);line-height:.78;letter-spacing:-.055em}.rv-copy h1 em{font-style:italic;-webkit-text-stroke:1px #111;color:transparent}.rv-copy p{max-width:560px;margin-top:28px;color:var(--muted);font-size:17px}
.rv-scan{height:560px;position:relative;border:1px solid #111;background:#C8C5BC;overflow:hidden}
.rv-scan::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(0,0,0,.06) 36px),repeating-linear-gradient(90deg,transparent 0 35px,rgba(0,0,0,.06) 36px)}
.rv-face{position:absolute;width:265px;height:365px;border:2px solid #111;border-radius:48% 48% 44% 44%;left:50%;top:42%;transform:translate(-50%,-50%);background:#D8D6CE}
.rv-face::before,.rv-face::after{content:"";position:absolute;top:23%;width:54px;height:31px;border-top:2px solid #111;border-radius:50%}.rv-face::before{left:38px}.rv-face::after{right:38px}
.rv-eye{position:absolute;width:10px;height:10px;background:#111;border-radius:50%;top:31%}.rv-eye.e1{left:67px}.rv-eye.e2{right:67px}.rv-nose{position:absolute;width:42px;height:75px;border-right:2px solid #111;border-bottom:2px solid #111;left:50%;top:38%;transform:translateX(-60%) skew(-5deg);border-radius:0 0 12px 0}.rv-mouth{position:absolute;width:62px;height:20px;border-bottom:2px solid #111;border-radius:50%;bottom:23%;left:50%;transform:translateX(-50%)}
.rv-scan-line{position:absolute;left:0;right:0;top:25%;height:2px;background:var(--accent);box-shadow:0 0 14px var(--accent);z-index:2;animation:rvScan 4.5s ease-in-out infinite}
@keyframes rvScan{0%,100%{transform:translateY(0)}50%{transform:translateY(300px)}}
.rv-scan-card{position:absolute;left:20px;right:20px;bottom:20px;background:#111;color:#F1F0EB;padding:18px;z-index:3}.rv-scan-card span,.rv-scan-card b,.rv-scan-card small{display:block}.rv-scan-card span{font-size:9px;letter-spacing:.15em;color:var(--accent)}.rv-scan-card b{font-size:14px;margin:5px 0}.rv-scan-card small{color:#aaa}
.rv-wordrail{display:flex;border-top:1px solid #111;border-bottom:1px solid #111;overflow:hidden;background:var(--accent)}.rv-wordrail span{flex:1;min-width:160px;padding:17px 24px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.14em;border-right:1px solid #111}
.rv-concerns{padding:120px 0;background:#111;color:#F1F0EB}
.rv-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;margin-bottom:55px}.rv-head .cd-kicker{grid-column:1/-1;color:var(--accent)}.rv-head h2{font-size:clamp(58px,7.5vw,102px);line-height:.82;letter-spacing:-.05em}
.rv-matrix{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #777;border-left:1px solid #777}.rv-matrix article{min-height:295px;padding:28px;border-right:1px solid #777;border-bottom:1px solid #777;display:flex;flex-direction:column;transition:background .2s,color .2s}.rv-matrix article:hover{background:var(--accent);color:#111}.rv-matrix span{font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--accent)}.rv-matrix article:hover span{color:#111}.rv-matrix h3{font:500 38px/1 'Bodoni Moda',serif;margin:55px 0 12px}.rv-matrix p{color:#aaa;max-width:410px}.rv-matrix article:hover p{color:#444}.rv-matrix b{margin-top:auto;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.rv-method{padding:120px 0}.rv-method-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:60px}.rv-method-top .cd-kicker{align-self:flex-start}.rv-method-top h2{font-size:clamp(58px,7vw,94px);line-height:.84;letter-spacing:-.05em;text-align:right}
.rv-method-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #111}.rv-method-line article{padding:25px 22px 0;border-right:1px solid var(--line);min-height:250px}.rv-method-line article:last-child{border:0}.rv-method-line span{font:700 10px/1 ui-monospace,monospace;background:var(--accent);padding:7px}.rv-method-line h3{font:500 35px/1 'Bodoni Moda',serif;margin:62px 0 10px}.rv-method-line p{font-size:13px;color:var(--muted)}
.rv-plans{padding:120px 0;background:#D8D6CE}.rv-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #111}.rv-plan-grid article{min-height:330px;padding:26px;border-right:1px solid #111;display:flex;flex-direction:column}.rv-plan-grid article:last-child{border:0}.rv-plan-grid span{font-size:9px;font-weight:800;letter-spacing:.14em}.rv-plan-grid b{font:500 58px/1 'Bodoni Moda',serif;margin:70px 0 18px}.rv-plan-grid p{font-size:13px;color:var(--muted)}.rv-plan-grid small{margin-top:auto;text-transform:uppercase;font-size:9px;letter-spacing:.1em}

/* 05 — RankLab: brutalist performance command centre */
body[data-creative-demo="ranklab"]{
  --page:#F2EFE5;--ink:#111;--muted:#5E5A51;--accent:#F5FF3B;--accent-ink:#111;--line:#111;
  --sample-bg:#111;--sample-ink:#F2EFE5;--end-bg:#F5FF3B;--end-ink:#111;--footer-bg:#111;--footer-ink:#F2EFE5;
  font-family:'Space Grotesk',sans-serif;
}
body[data-creative-demo="ranklab"] h1,body[data-creative-demo="ranklab"] h2{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase}
body[data-creative-demo="ranklab"] .cd-header{border-bottom:3px solid #111}
body[data-creative-demo="ranklab"] .cd-logo-mark{background:#111;color:var(--accent);border:0}
body[data-creative-demo="ranklab"] .cd-btn{border:2px solid #111;border-radius:0;text-transform:uppercase;box-shadow:5px 5px 0 #111;font-size:11px;letter-spacing:.06em}
body[data-creative-demo="ranklab"] .cd-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #111}
.rl-ticker{height:38px;background:#FF5A36;color:#111;border-bottom:3px solid #111;display:flex;align-items:center;justify-content:space-around;gap:20px;font-size:9px;font-weight:800;letter-spacing:.14em;white-space:nowrap;overflow:hidden}
.rl-hero{background:var(--page);border-bottom:3px solid #111}
.rl-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:6%;align-items:center;padding-block:78px 58px}
.rl-stamp{display:inline-flex;border:2px solid #111;background:#fff;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.13em;transform:rotate(-2deg);margin-bottom:22px}
.rl-copy h1{font-size:clamp(58px,7.7vw,108px);line-height:.84;letter-spacing:-.055em}.rl-copy h1 em{font-style:normal;background:var(--accent);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em}.rl-copy p{font-size:17px;max-width:580px;margin-top:26px;color:var(--muted);font-weight:500}
.rl-scoreboard{border:3px solid #111;background:#111;color:#fff;box-shadow:15px 15px 0 #FF5A36}
.rl-board-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #555;font-size:9px;letter-spacing:.12em}.rl-board-head b{color:var(--accent)}
.rl-rank{padding:26px 20px 12px}.rl-rank span,.rl-rank small{display:block}.rl-rank span{font-size:9px;letter-spacing:.13em}.rl-rank strong{display:block;font:400 clamp(78px,10vw,132px)/.9 'Archivo Black',sans-serif;color:var(--accent);letter-spacing:-.06em}.rl-rank small{color:#aaa}
.rl-bars{height:128px;display:flex;align-items:flex-end;gap:7px;padding:0 20px 18px;border-bottom:1px solid #555}.rl-bars i{flex:1;height:var(--h);background:#FF5A36;border:1px solid #fff}
.rl-subjects{display:grid;grid-template-columns:repeat(3,1fr)}.rl-subjects span{padding:15px;text-align:center;border-right:1px solid #555;font:700 11px/1 ui-monospace,monospace}.rl-subjects span:last-child{border:0}
.rl-proof{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid #111;border-bottom:0;background:#fff}.rl-proof div{display:flex;align-items:center;gap:14px;padding:20px;border-right:2px solid #111}.rl-proof div:last-child{border:0}.rl-proof b{font:400 34px/1 'Archivo Black',sans-serif}.rl-proof span{font-size:11px;font-weight:800;text-transform:uppercase}
.rl-programmes{padding:110px 0;background:#FF5A36;border-bottom:3px solid #111}.rl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.rl-head .cd-kicker{align-self:flex-start}.rl-head h2{font-size:clamp(54px,7vw,94px);line-height:.86;letter-spacing:-.05em;text-align:right}
.rl-program-grid{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid #111;background:var(--page)}.rl-program-grid article{min-height:330px;padding:25px;border-right:2px solid #111;display:flex;flex-direction:column}.rl-program-grid article:last-child{border:0}.rl-program-grid span{font-size:9px;font-weight:800;letter-spacing:.12em}.rl-program-grid h3{font-size:30px;line-height:.98;margin:60px 0 13px}.rl-program-grid p{font-size:13px;color:var(--muted)}.rl-program-grid b{margin-top:auto;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.rl-system{padding:115px 0;background:#111;color:#fff}.rl-system-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:8%;align-items:center}.rl-system h2{font-size:clamp(48px,5.6vw,76px);line-height:.9;letter-spacing:-.04em}.rl-system p{margin-top:22px;color:#aaa;max-width:500px}
.rl-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.rl-tabs button{min-height:44px;cursor:pointer;border:1px solid #777;background:transparent;color:#fff;padding:10px 14px;font-size:11px;font-weight:800;text-transform:uppercase}.rl-tabs button.active{background:var(--accent);border-color:var(--accent);color:#111}
.rl-report{border:2px solid #fff;background:#1A1A1A}.rl-report-top{display:flex;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid #777;font-size:9px;letter-spacing:.12em}.rl-report-top b{color:var(--accent)}
.rl-tab-panel{display:none;padding:28px 20px 30px}.rl-tab-panel.active{display:block}.rl-tab-panel strong{font:400 clamp(66px,8vw,104px)/.9 'Archivo Black',sans-serif;color:var(--accent)}.rl-tab-panel p{margin:14px 0 25px}.rl-tab-panel>span{display:block;width:var(--w);height:14px;background:#FF5A36;border:1px solid #fff}
.rl-report-foot{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #777}.rl-report-foot span{padding:12px 7px;border-right:1px solid #555;text-align:center;font-size:8px;font-weight:800}.rl-report-foot span:nth-child(odd){color:var(--accent)}
.rl-batches{padding:110px 0}.rl-table{border:3px solid #111}.rl-table>div{display:grid;grid-template-columns:1.2fr .7fr 1fr .55fr;gap:20px;align-items:center;padding:18px 20px;border-bottom:2px solid #111}.rl-table>div:last-child{border:0}.rl-table .head{background:#111;color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em}.rl-table b{font-size:18px}.rl-table span{font-size:13px}.rl-table strong{background:var(--accent);padding:5px 8px;text-align:center;font-size:11px;text-transform:uppercase}

/* 06 — Orbit: dark coding lab with a build-first narrative */
body[data-creative-demo="orbit"]{
  --page:#071311;--ink:#E8FFF7;--muted:#8EA8A0;--accent:#56F2C3;--accent-ink:#06110E;--line:rgba(86,242,195,.25);
  --sample-bg:#56F2C3;--sample-ink:#06110E;--end-bg:#56F2C3;--end-ink:#06110E;--footer-bg:#020907;--footer-ink:#E8FFF7;
  font-family:'Space Grotesk',sans-serif;
}
body[data-creative-demo="orbit"] .cd-header{background:rgba(7,19,17,.92)}
body[data-creative-demo="orbit"] .cd-logo-mark{background:var(--accent);color:#071311;border-color:var(--accent);font-family:'IBM Plex Mono',monospace}
body[data-creative-demo="orbit"] .cd-btn{font-family:'IBM Plex Mono',monospace;border-radius:3px;font-size:11px}
.ob-hero{min-height:calc(100vh - 100px);position:relative;display:flex;align-items:center;padding:90px 0;overflow:hidden;border-bottom:1px solid var(--line)}
.ob-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:58px 58px;opacity:.3;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.ob-hero-grid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:7%;align-items:center}
.ob-prompt{font:600 11px/1 'IBM Plex Mono',monospace;color:var(--accent);letter-spacing:.05em}.ob-prompt::before{content:"> ";color:#fff}
.ob-copy h1{font-size:clamp(57px,7.6vw,108px);line-height:.86;letter-spacing:-.06em;margin-top:22px}.ob-copy h1 em{font-style:normal;color:var(--accent);font-family:'IBM Plex Mono',monospace;font-weight:500}.ob-copy p{font-size:17px;color:var(--muted);max-width:590px;margin-top:25px}
.ob-meta{display:flex;gap:20px;margin-top:36px;font:600 9px/1 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.1em}
.ob-terminal{border:1px solid var(--accent);background:#030B09;box-shadow:0 0 0 7px rgba(86,242,195,.04),0 35px 80px rgba(0,0,0,.45)}
.ob-terminal-bar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 13px}.ob-terminal-bar>span{width:8px;height:8px;border:1px solid var(--accent);border-radius:50%}.ob-terminal-bar b{font:500 9px/1 'IBM Plex Mono',monospace;color:var(--muted);margin-left:9px}
.ob-code{padding:26px 18px 28px;min-height:320px}.ob-code p{display:block;font:500 clamp(11px,1.2vw,14px)/2.4 'IBM Plex Mono',monospace;white-space:nowrap}.ob-code i{display:inline-block;width:28px;color:#48635C;font-style:normal}.ob-code .green{color:var(--accent)}.ob-code .yellow{color:#F7D76B}.ob-code .blue{color:#72A8FF}.ob-code .ob-output{margin-top:25px;color:var(--accent);display:flex;gap:12px}.ob-cursor{display:inline-block;width:8px;height:19px;background:var(--accent);animation:obBlink 1s steps(1) infinite}
@keyframes obBlink{50%{opacity:0}}
.ob-terminal-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 15px;font:600 9px/1 'IBM Plex Mono',monospace;color:var(--muted)}
.ob-projects{padding:120px 0;background:#E8FFF7;color:#071311}.ob-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:52px}.ob-head h2{font-size:clamp(54px,7vw,92px);line-height:.86;letter-spacing:-.055em;text-align:right}
.ob-project-rail{border-top:2px solid #071311}.ob-project-rail article{display:grid;grid-template-columns:70px 1fr auto;gap:30px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(7,19,17,.24)}.ob-project-rail article>span{font:600 12px/1 'IBM Plex Mono',monospace;color:#0B8E69}.ob-project-rail b{font:600 9px/1 'IBM Plex Mono',monospace;letter-spacing:.1em}.ob-project-rail h3{font-size:27px;line-height:1.05;margin:5px 0}.ob-project-rail p{font-size:13px;color:#53655F}.ob-project-rail small{font:600 9px/1 'IBM Plex Mono',monospace}
.ob-curriculum{padding:115px 0;background:#0D2420}.ob-curr-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;align-items:start}.ob-curriculum h2{font-size:clamp(48px,5.7vw,78px);line-height:.9;letter-spacing:-.05em}.ob-curriculum p{color:var(--muted);margin-top:20px}
.ob-loop{border:1px solid var(--line)}.ob-loop>div{display:grid;grid-template-columns:74px 1fr 1fr;gap:20px;align-items:center;padding:21px;border-bottom:1px solid var(--line)}.ob-loop>div:last-child{border:0}.ob-loop span{font:600 10px/1 'IBM Plex Mono',monospace;color:var(--accent)}.ob-loop b{font-size:17px}.ob-loop small{color:var(--muted)}
.ob-cohorts{padding:115px 0}.ob-cohort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ob-cohort-grid article{min-height:300px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;background:#0A1A17}.ob-cohort-grid article:hover{border-color:var(--accent)}.ob-cohort-grid span{font:600 9px/1 'IBM Plex Mono',monospace;color:var(--accent);letter-spacing:.1em}.ob-cohort-grid h3{font-size:34px;margin:58px 0 10px}.ob-cohort-grid p{color:var(--muted);font-size:13px}.ob-cohort-grid b{margin-top:auto;font:600 11px/1 'IBM Plex Mono',monospace}

/* 07 — Fluent House: conversational editorial + audio rhythm */
body[data-creative-demo="fluent"]{
  --page:#F5EEDC;--ink:#132A69;--muted:#5C6481;--accent:#FF5D52;--accent-ink:#132A69;--line:#132A69;
  --sample-bg:#132A69;--sample-ink:#F5EEDC;--end-bg:#132A69;--end-ink:#F5EEDC;--footer-bg:#091741;--footer-ink:#F5EEDC;
  font-family:'Public Sans',sans-serif;
}
body[data-creative-demo="fluent"] h1,body[data-creative-demo="fluent"] h2,body[data-creative-demo="fluent"] h3{font-family:'Syne',sans-serif}
body[data-creative-demo="fluent"] .cd-header{border-bottom:2px solid var(--ink)}
body[data-creative-demo="fluent"] .cd-logo-mark{background:var(--ink);color:#fff;border-radius:50%}
body[data-creative-demo="fluent"] .cd-btn{border:2px solid var(--ink);border-radius:100px}
.fh-hero{padding:88px 0 0;border-bottom:2px solid var(--ink);overflow:hidden}
.fh-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:6%;align-items:center}
.fh-tag{font-size:10px;font-weight:800;letter-spacing:.13em;border:1px solid var(--ink);padding:7px 11px;display:inline-flex;margin-bottom:23px}
.fh-copy h1{font-size:clamp(56px,7.4vw,102px);line-height:.87;letter-spacing:-.06em}.fh-copy h1 em{font-style:normal;color:var(--accent);display:inline-block;min-width:3.8em;transition:opacity .18s ease,transform .18s ease}.fh-copy h1 em.changing{opacity:0;transform:translateY(10px)}.fh-copy p{font-size:18px;max-width:590px;margin-top:26px;color:var(--muted)}
.fh-sound{background:var(--ink);color:#fff;border-radius:50% 50% 0 0;padding:90px 45px 36px;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end}
.fh-sound-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.11em;color:#AFC2FF}.fh-wave{height:140px;display:flex;align-items:center;gap:4px;margin:22px 0}.fh-wave i{flex:1;height:24%;background:var(--accent);border-radius:99px}.fh-wave i:nth-child(4n){height:82%}.fh-wave i:nth-child(5n){height:55%}.fh-wave i:nth-child(7n){height:100%}.fh-wave i:nth-child(3n){height:38%}
.fh-sound blockquote{font:600 25px/1.15 'Syne',sans-serif;max-width:500px}.fh-feedback{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.25)}.fh-feedback span{font-size:9px;letter-spacing:.08em}.fh-feedback b{display:block;font-size:20px;color:var(--accent)}
.fh-rail{margin-top:62px;background:var(--accent);color:#fff;display:flex;justify-content:space-around;gap:20px;padding:17px;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.fh-skills{padding:120px 0;background:#132A69;color:#F5EEDC}.fh-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;margin-bottom:54px}.fh-head .cd-kicker{grid-column:1/-1;color:#FF8F88}.fh-head h2{font-size:clamp(54px,7vw,92px);line-height:.88;letter-spacing:-.055em}
.fh-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #7991D5}.fh-skill-grid article{min-height:350px;padding:24px;border-right:1px solid #7991D5;display:flex;flex-direction:column}.fh-skill-grid article:last-child{border:0}.fh-skill-grid article>span{font-size:10px;color:#FF8F88;font-weight:800}.fh-skill-grid h3{font-size:38px;margin:62px 0 12px}.fh-skill-grid p{font-size:13px;color:#B8C3E5}.fh-skill-grid b{margin-top:auto;font-size:10px;letter-spacing:.07em;padding-top:14px;position:relative}.fh-skill-grid b::before{content:"";position:absolute;left:0;top:0;height:5px;width:var(--score);background:var(--accent)}
.fh-loop{padding:115px 0}.fh-loop-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;align-items:center}.fh-loop h2{font-size:clamp(48px,5.8vw,78px);line-height:.9;letter-spacing:-.05em}.fh-loop-copy p{color:var(--muted);margin-top:20px}
.fh-conversation{display:flex;flex-direction:column;gap:16px}.fh-conversation>div{max-width:82%;border:2px solid var(--ink);border-radius:24px;padding:17px 20px;background:#fff}.fh-conversation .right{align-self:flex-end;background:#DDE4FF}.fh-conversation .good{background:#FFD4D0}.fh-conversation span{font-size:9px;font-weight:800;letter-spacing:.1em}.fh-conversation p{font-size:16px;margin-top:4px}
.fh-batches{padding:115px 0;background:#FFD4D0;border-block:2px solid var(--ink)}.fh-batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fh-batch-grid article{min-height:310px;background:var(--page);border:2px solid var(--ink);border-radius:90px 90px 20px 20px;padding:48px 25px 25px;display:flex;flex-direction:column;text-align:center}.fh-batch-grid span{font-size:9px;font-weight:800;letter-spacing:.1em}.fh-batch-grid h3{font-size:27px;line-height:1.05;margin:45px 0 13px}.fh-batch-grid p{font-size:13px;color:var(--muted)}.fh-batch-grid b{margin-top:auto;color:var(--accent)}

/* 08 — Ledger Academy: quiet precision, inspired by account folios */
body[data-creative-demo="ledger"]{
  --page:#F3EEDC;--ink:#183C31;--muted:#66736D;--accent:#B93C2D;--accent-ink:#fff;--line:rgba(24,60,49,.30);
  --sample-bg:#183C31;--sample-ink:#F3EEDC;--end-bg:#183C31;--end-ink:#F3EEDC;--footer-bg:#0D281F;--footer-ink:#F3EEDC;
  font-family:'IBM Plex Sans',sans-serif;
}
body[data-creative-demo="ledger"] h1,body[data-creative-demo="ledger"] h2{font-family:'Libre Baskerville',serif}
body[data-creative-demo="ledger"] .cd-logo-mark{background:transparent;color:var(--ink);border-radius:50%;border:2px double var(--ink)}
body[data-creative-demo="ledger"] .cd-btn{border-radius:0;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.lg-index{height:42px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font:600 9px/1 'IBM Plex Sans',sans-serif;letter-spacing:.14em}
.lg-hero{min-height:calc(100vh - 142px);display:flex;align-items:center;padding:76px 0;background:linear-gradient(90deg,transparent 0 49.95%,var(--line) 50%,transparent 50.05%)}
.lg-hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:8%;align-items:center}
.lg-copy h1{font-size:clamp(60px,7.7vw,106px);line-height:.88;letter-spacing:-.055em}.lg-copy h1 em{font-style:italic;color:var(--accent)}.lg-copy p{font-size:17px;max-width:590px;margin-top:27px;color:var(--muted)}
.lg-balance{border:1px solid var(--ink);background:#FBF8ED;box-shadow:16px 16px 0 rgba(24,60,49,.12)}.lg-balance-head,.lg-balance-foot{display:flex;justify-content:space-between;gap:18px;padding:14px 17px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.1em}.lg-balance-head b{color:var(--accent)}
.lg-equation{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;padding:32px 22px;border-bottom:1px solid var(--line);text-align:center}.lg-equation span,.lg-equation strong{display:block}.lg-equation span{font-size:9px;letter-spacing:.1em}.lg-equation strong{font:700 72px/.95 'Libre Baskerville',serif}.lg-equation i{font:400 40px/1 'Libre Baskerville',serif;color:var(--accent)}
.lg-open{padding:22px}.lg-open span{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:12px}.lg-open b{display:block;border-top:1px dotted var(--line);padding:9px 0;font-size:13px}.lg-balance-foot{border-top:1px solid var(--line);border-bottom:0;background:#E4EBD6}
.lg-tracks{padding:120px 0;background:#183C31;color:#F3EEDC}.lg-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;margin-bottom:55px}.lg-head .cd-kicker{grid-column:1/-1;color:#EF8D79}.lg-head h2{font-size:clamp(52px,6.8vw,88px);line-height:.94;letter-spacing:-.045em}
.lg-track-table{border-top:1px solid rgba(255,255,255,.5)}.lg-track-table .head,.lg-track-table article{display:grid;grid-template-columns:1fr 1.5fr 1fr .7fr;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.25)}.lg-track-table .head{font-size:9px;letter-spacing:.12em;color:#AFC4B8}.lg-track-table h3{font:700 18px/1.2 'Libre Baskerville',serif}.lg-track-table p{font-size:12px;color:#B6C4BD}.lg-track-table b,.lg-track-table article>span{font-size:11px}
.lg-ledger{padding:115px 0;background:#E4EBD6}.lg-ledger-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;align-items:start}.lg-ledger h2{font-size:clamp(48px,5.8vw,78px);line-height:.94;letter-spacing:-.045em}.lg-ledger p{color:var(--muted);margin-top:20px}
.lg-sheet{border:1px solid var(--ink);background:#FBF8ED}.lg-sheet>div{display:grid;grid-template-columns:70px 1fr 90px;gap:20px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.lg-sheet>div:last-child{border:0}.lg-sheet .head{background:var(--ink);color:#fff;font-size:9px;letter-spacing:.1em}.lg-sheet span{font:600 10px/1 'IBM Plex Sans',sans-serif}.lg-sheet b{font-size:13px}.lg-sheet em{font-style:normal;font-size:9px;font-weight:700;text-align:center;padding:5px}.lg-sheet .done{background:#CFE0C5}.lg-sheet .open{background:#F3B5A9}.lg-sheet .next{border:1px solid var(--ink)}
.lg-fees{padding:115px 0}.lg-fee-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.lg-fee-grid article{min-height:320px;padding:25px;border-right:1px solid var(--ink);display:flex;flex-direction:column}.lg-fee-grid article:last-child{border:0}.lg-fee-grid span{font-size:9px;font-weight:700;letter-spacing:.1em}.lg-fee-grid h3{font:700 28px/1.1 'Libre Baskerville',serif;margin:55px 0 15px}.lg-fee-grid p{font-size:13px;color:var(--muted)}.lg-fee-grid b{margin-top:auto;color:var(--accent);font-size:11px}.lg-disclaimer{display:block;margin-top:16px;color:var(--muted);font-size:10px}

/* Shared responsive behaviour; visual systems stay intact at smaller sizes. */
@media(max-width:980px){
  .cd-links{position:absolute;left:22px;right:22px;top:calc(100% + 1px);display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--page);border:1px solid var(--ink);box-shadow:0 18px 45px rgba(0,0,0,.18)}
  .cd-links.open{display:flex}.cd-links a{padding:15px 18px;border-bottom:1px solid var(--line)}.cd-links a:last-child{border:0}.cd-links a::after{display:none}
  .cd-menu{display:flex}.cd-btn.nav{display:none}
  .cd-end-grid,.sf-method-grid,.sf-hours-grid,.lb-parent-grid,.nv-privacy-grid,.nv-consult-grid,.rl-system-grid,.ob-curr-grid,.fh-loop-grid,.lg-ledger-grid{grid-template-columns:1fr;gap:52px}
  .sf-hero-grid,.lb-hero-grid,.nv-hero-grid,.rv-hero-grid,.rl-hero-grid,.ob-hero-grid,.fh-hero-grid,.lg-hero-grid{grid-template-columns:1fr;gap:55px}
  .sf-hero::before,.lg-hero{background:none}.sf-desk{max-width:620px}.lb-playground{min-height:500px}.nv-rings{min-height:560px}.rv-scan{max-width:620px;width:100%}.rl-scoreboard,.ob-terminal,.lg-balance{max-width:680px;width:100%}
  .sf-section-head,.nv-head{grid-template-columns:1fr;gap:22px}.sf-section-head .cd-kicker,.nv-head .cd-kicker{grid-column:auto}.sf-index-list article{grid-template-columns:50px 1fr auto}.sf-index-list p{grid-column:2/-1}.nv-head p{max-width:560px}
  .lb-age-track,.rv-method-line,.fh-skill-grid{grid-template-columns:repeat(2,1fr)}.lb-age-track article:nth-child(2){border-right:0}.lb-age-track article:nth-child(-n+2){border-bottom:2px solid var(--ink)}.rv-method-line article:nth-child(2){border-right:0}.rv-method-line article:nth-child(-n+2){border-bottom:1px solid var(--line)}.fh-skill-grid article:nth-child(2){border-right:0}.fh-skill-grid article:nth-child(-n+2){border-bottom:1px solid #7991D5}
  .nv-slots article{grid-template-columns:.8fr .6fr 1.2fr}.rv-method-top,.rl-head,.ob-head{align-items:flex-start;flex-direction:column}.rv-method-top h2,.rl-head h2,.ob-head h2{text-align:left}
}

@media(max-width:700px){
  .cd-wrap{width:min(100% - 28px,var(--cd-wrap))}.cd-sample .cd-wrap{justify-content:center}.cd-sample span:last-child{display:none}.cd-nav{min-height:62px}.cd-logo{font-size:13px}.cd-logo-mark{width:34px;height:34px}.cd-menu{width:44px;height:44px}
  .cd-actions{align-items:stretch}.cd-actions .cd-btn{width:100%}.cd-end{padding:78px 0}.cd-end-grid{gap:35px}.cd-end h2{font-size:48px}.cd-end-action{align-items:stretch}.cd-end-action .cd-btn{width:100%}
  .cd-footer{padding-bottom:88px}.cd-footer-grid{grid-template-columns:1fr;gap:28px}.cd-footline{flex-direction:column}.cd-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:.86fr 1.14fr;background:var(--page);border-top:1px solid var(--ink);padding:8px;gap:7px}.cd-mobile-bar .cd-btn{padding:10px 8px;min-height:48px;font-size:10px}.cd-mobile-bar .cd-icon{display:none}
  .sf-rule .cd-wrap span:last-child{display:none}.sf-hero-grid{padding-block:58px 40px}.sf-copy h1,.lb-copy h1,.nv-copy h1,.rv-copy h1,.rl-copy h1,.ob-copy h1,.fh-copy h1,.lg-copy h1{font-size:clamp(51px,16vw,74px)}.sf-copy p,.lb-copy p,.nv-copy p,.rv-copy p,.rl-copy p,.ob-copy p,.fh-copy p,.lg-copy p{font-size:15px}.sf-desk{box-shadow:8px 8px 0 var(--ink)}.sf-proof{grid-template-columns:1fr}.sf-proof span{border-right:0;border-bottom:1px solid var(--line)}
  .sf-index,.sf-method,.sf-hours,.lb-ages,.lb-parent,.lb-visits,.nv-stages,.nv-privacy,.nv-consults,.rv-concerns,.rv-method,.rv-plans,.rl-programmes,.rl-system,.rl-batches,.ob-projects,.ob-curriculum,.ob-cohorts,.fh-skills,.fh-loop,.fh-batches,.lg-tracks,.lg-ledger,.lg-fees{padding:82px 0}
  .sf-section-head h2,.sf-method-title h2,.sf-hours h2,.lb-head h2,.lb-parent-copy h2,.nv-head h2,.nv-quote blockquote,.nv-consult-grid h2,.rv-head h2,.rv-method-top h2,.rl-head h2,.rl-system h2,.ob-head h2,.ob-curriculum h2,.fh-head h2,.fh-loop h2,.lg-head h2,.lg-ledger h2{font-size:46px}
  .sf-index-list article{grid-template-columns:38px 1fr;gap:14px}.sf-index-list p,.sf-index-list b{grid-column:2}.sf-index-list b{justify-self:start}.sf-board>div{grid-template-columns:1fr 1fr}.sf-board span{grid-column:1/-1}
  .lb-playground{min-height:410px}.lb-orbit{width:360px;max-width:92%;box-shadow:8px 9px 0 var(--ink)}.lb-growth{left:10%;right:10%;padding:15px}.lb-growth strong{font-size:24px}.lb-note{right:0}.lb-ribbon{grid-template-columns:1fr 1fr}.lb-ribbon span:nth-child(2){border-right:0}.lb-ribbon span:nth-child(-n+2){border-bottom:2px solid var(--ink)}.lb-age-track,.lb-visit-grid{grid-template-columns:1fr}.lb-age-track article{border-right:0!important;border-bottom:2px solid var(--ink)!important;min-height:250px}.lb-age-track article:last-child{border-bottom:0!important}.lb-visit-grid article:nth-child(2){transform:none}.lb-plan{padding-inline:18px;box-shadow:7px 8px 0 var(--ink)}
  .nv-rings{min-height:430px}.nv-float{padding:10px 12px}.nv-float.top{right:-2%}.nv-stage-list article{grid-template-columns:40px 1fr}.nv-stage-list article>b{grid-column:2;justify-self:start}.nv-slots article{grid-template-columns:1fr 1fr}.nv-slots small{grid-column:1/-1}.nv-quote>span{font-size:90px}
  .rv-meta{display:none}.rv-hero{background:var(--page)}.rv-scan{height:440px}.rv-face{transform:translate(-50%,-50%) scale(.8)}.rv-wordrail{overflow-x:auto}.rv-matrix,.rv-method-line,.rv-plan-grid{grid-template-columns:1fr}.rv-matrix article,.rv-method-line article,.rv-plan-grid article{border-right:0}.rv-method-line article{border-bottom:1px solid var(--line);min-height:210px}.rv-method-line article:last-child{border:0}.rv-plan-grid article{border-bottom:1px solid #111;min-height:260px}.rv-plan-grid article:last-child{border:0}
  .rl-ticker{justify-content:flex-start;padding-left:14px}.rl-proof,.rl-program-grid{grid-template-columns:1fr}.rl-proof div,.rl-program-grid article{border-right:0;border-bottom:2px solid #111}.rl-program-grid article:last-child{border:0}.rl-rank strong{font-size:82px}.rl-report-foot{grid-template-columns:repeat(3,1fr)}.rl-table{overflow-x:auto}.rl-table>div{min-width:650px}
  .rl-copy h1{font-size:46px;line-height:.88;letter-spacing:-.045em}.rl-copy h1 em{padding-inline:.04em}
  .ob-hero{padding:65px 0}.ob-code{overflow-x:auto}.ob-code p{font-size:10px}.ob-meta{flex-wrap:wrap}.ob-project-rail article{grid-template-columns:38px 1fr}.ob-project-rail small{grid-column:2}.ob-loop>div{grid-template-columns:52px 1fr}.ob-loop small{grid-column:2}.ob-cohort-grid{grid-template-columns:1fr}
  .fh-sound{min-height:430px;padding:68px 25px 30px}.fh-wave{height:100px}.fh-rail{overflow-x:auto;justify-content:flex-start}.fh-skill-grid,.fh-batch-grid{grid-template-columns:1fr}.fh-skill-grid article{border-right:0;border-bottom:1px solid #7991D5;min-height:270px}.fh-batch-grid article{min-height:280px}.fh-conversation>div{max-width:94%}
  .lg-index span:last-child{display:none}.lg-hero{padding:62px 0}.lg-equation strong{font-size:50px}.lg-track-table{overflow-x:auto}.lg-track-table .head,.lg-track-table article{min-width:720px}.lg-sheet>div{grid-template-columns:50px 1fr 70px;gap:10px}.lg-fee-grid{grid-template-columns:1fr}.lg-fee-grid article{border-right:0;border-bottom:1px solid var(--ink);min-height:260px}.lg-fee-grid article:last-child{border:0}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.rv-scan-line,.ob-cursor{animation:none}.cd-btn,.cd-links a::after,.fh-copy h1 em{transition:none}
}
