*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
:root{
  --cream:#FEF6EE;--cream-2:#FCEBDA;--apricot:#FBE0C9;--apricot-2:#F6C99F;
  --coral:#E56B47;--coral-2:#F0906E;--amber:#F4A63D;--sky:#EAF0F7;
  --indigo:#3B3684;--indigo-2:#524CA0;--indigo-deep:#2A2660;
  --ink:#3A2F28;--ink-2:#7A6C61;--ink-3:#B3A498;--gold:#C9893D;--line:#F0DEC9;
}
body{font-family:'Nunito',system-ui,sans-serif;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:clamp(22px,4vw,42px)}
h1,h2,h3,.ba{font-family:'Baloo 2',cursive;font-weight:700;line-height:1.1;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
svg.ic{width:26px;height:26px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.coral{color:var(--coral)}
.spots{background-image:radial-gradient(circle at 20% 30%,rgba(201,137,61,.09) 0 14px,transparent 15px),radial-gradient(circle at 70% 65%,rgba(201,137,61,.07) 0 18px,transparent 19px),radial-gradient(circle at 45% 88%,rgba(201,137,61,.06) 0 12px,transparent 13px);background-size:220px 220px}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-11px) rotate(var(--rot,0deg))}}
.rise{animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.r2{animation-delay:.12s}.r3{animation-delay:.26s}.r4{animation-delay:.4s}
@media(prefers-reduced-motion:reduce){.rise{animation:none}.bob{animation:none!important}}

.btn{font-family:'Baloo 2';font-weight:600;font-size:16px;padding:14px 30px;border-radius:100px;cursor:pointer;border:none;transition:transform .16s,box-shadow .25s,background .2s;display:inline-flex;align-items:center;gap:10px}
.btn-p{background:var(--coral);color:#fff;box-shadow:0 12px 26px rgba(229,107,71,.34)}
.btn-p:hover{background:#D25938;transform:translateY(-2px)}
.btn-w{background:#fff;color:var(--indigo);box-shadow:0 8px 22px rgba(58,47,40,.1)}
.btn-w:hover{transform:translateY(-2px)}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(254,246,238,.92);backdrop-filter:blur(12px)}
.nav-in{max-width:1160px;margin-inline:auto;padding-inline:clamp(22px,4vw,42px);height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand .logo-img{height:46px;width:auto;display:block}
.nav-links{display:flex;gap:26px}
.nav-links a{font-size:15px;color:var(--ink-2);font-weight:700;transition:.2s}
.nav-links a:hover{color:var(--coral)}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-phone{font-family:'Baloo 2';font-weight:600;font-size:15px;color:var(--indigo)}
.nav-cta{background:var(--amber);color:#fff;font-family:'Baloo 2';font-weight:600;font-size:15px;padding:10px 22px;border-radius:100px;box-shadow:0 8px 20px rgba(244,166,61,.3);transition:.2s}
.nav-cta:hover{background:#E38F26;transform:translateY(-1px)}
@media(max-width:960px){.nav-links,.nav-phone{display:none}}

/* HERO */
.hero{position:relative;overflow:hidden;padding-block:clamp(40px,6vw,72px) clamp(56px,8vw,90px)}
.blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.hero .b1{width:340px;height:340px;background:var(--apricot);top:-90px;left:-120px}
.hero .b2{width:200px;height:200px;background:var(--cream-2);bottom:40px;right:6%}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,60px);align-items:center}
.hero .pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--indigo);font-family:'Baloo 2';font-weight:600;font-size:13.5px;padding:8px 18px;border-radius:100px;box-shadow:0 8px 20px rgba(58,47,40,.08);margin-bottom:24px}
.hero h1{font-family:'Baloo 2';font-size:clamp(34px,5.4vw,60px);font-weight:800;color:var(--indigo);margin-bottom:20px}
.hero h1 .coral{color:var(--coral)}
.hero .lede{font-size:clamp(16.5px,1.9vw,19px);color:var(--ink-2);max-width:46ch;margin-bottom:30px}
.hero .lede b{color:var(--ink);font-weight:700}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:34px}
.hero-stats{display:flex;gap:26px;flex-wrap:wrap}
.hstat{}
.hstat b{font-family:'Baloo 2';font-weight:800;font-size:22px;color:var(--coral);display:block;line-height:1.05}
.hstat span{font-size:12.5px;color:var(--ink-2)}
.hero-photo{position:relative}
.squircle{border-radius:38px;overflow:hidden;background:linear-gradient(155deg,#F6C99F,#EFB07E);box-shadow:0 30px 64px rgba(58,47,40,.16);position:relative}
.squircle>img{display:block;width:100%;height:auto;aspect-ratio:4/4.3;object-fit:cover}
.sticker{position:absolute;background:#fff;border-radius:20px;padding:12px 18px;box-shadow:0 14px 32px rgba(58,47,40,.16);z-index:2;display:flex;align-items:center;gap:10px}
.sticker.s-a{top:-10px;right:6%;--rot:3deg}
.sticker.s-b{bottom:8%;left:-4%;--rot:-3deg}
.sticker .em{font-size:22px}
.sticker b{font-family:'Baloo 2';font-weight:700;font-size:14px;color:var(--indigo);display:block;line-height:1.1}
.sticker span{font-size:11.5px;color:var(--ink-2)}
.sticker .stars{color:var(--amber);font-size:13px;letter-spacing:1px}

/* PROOF */
.proof{background:var(--indigo);color:#fff;padding-block:18px;font-weight:600;font-size:14px}
.proof-in{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;align-items:center}
.proof-in b{color:var(--amber)}.proof-in .sep{opacity:.4}

/* SECTION */
section{padding-block:clamp(58px,7vw,96px);position:relative}
.sec-eye{display:inline-flex;align-items:center;gap:9px;font-family:'Baloo 2';font-weight:600;font-size:14px;color:var(--coral);background:var(--cream-2);padding:6px 16px;border-radius:100px;margin-bottom:16px}
.sec-h{font-family:'Baloo 2';font-size:clamp(28px,4.4vw,46px);font-weight:800;color:var(--indigo);max-width:20ch}
.sec-sub{font-size:17.5px;color:var(--ink-2);max-width:60ch;margin-top:14px;line-height:1.6}
.center{text-align:center}.center .sec-h,.center .sec-sub{margin-inline:auto}
.center .sec-eye{margin-inline:auto}

/* SIGNS ACCORDION */
.signs{background:var(--cream-2)}
.acc{margin-top:44px;max-width:960px;margin-inline:auto;display:flex;flex-direction:column;gap:14px}
.acc-g{background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(58,47,40,.06);overflow:hidden}
.acc-head{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;font-family:'Baloo 2';font-weight:700;font-size:19px;color:var(--indigo);text-align:left}
.acc-head .cnt{margin-left:auto;font-family:'Nunito';font-weight:700;font-size:13px;color:var(--ink-3)}
.acc-head .tog{width:32px;height:32px;border-radius:50%;background:var(--cream-2);color:var(--coral);display:grid;place-items:center;font-size:22px;flex-shrink:0;transition:.25s;font-family:'Nunito'}
.acc-g.open .acc-head .tog{background:var(--coral);color:#fff;transform:rotate(45deg)}
.acc-body{padding:0 26px;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.acc-g.open .acc-body{padding:0 26px 26px;max-height:640px}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{font-size:14px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);padding:8px 15px;border-radius:100px}
.signs-close{text-align:center;margin-top:38px}
.signs-close p{font-size:19px;font-family:'Baloo 2';font-weight:600;color:var(--indigo);margin-bottom:18px}
/* email quiz capture */
.qz{max-width:560px;margin:26px auto 0;background:#fff;border-radius:24px;padding:26px 28px;box-shadow:0 12px 30px rgba(58,47,40,.08);text-align:left}
.qz h3{font-family:'Baloo 2';font-size:19px;color:var(--indigo);margin-bottom:6px}
.qz p{font-size:14.5px;color:var(--ink-2);margin-bottom:16px}
.qz .row{display:flex;gap:10px;flex-wrap:wrap}
.field{flex:1;min-width:180px;padding:13px 16px;border:1px solid var(--line);border-radius:100px;font-family:'Nunito';font-size:15px;background:var(--cream);outline:none;transition:.2s}
.field:focus{border-color:var(--coral);background:#fff}
.qz .btn-p{padding:13px 26px}
.qz .fine{font-size:12px;color:var(--ink-3);margin-top:10px}

/* WHO WE HELP */
.who{background:var(--cream)}
.who-body{font-size:19px;color:var(--ink);line-height:1.7;max-width:60ch;margin-top:20px}
.who-body .terms{font-family:'Baloo 2';font-weight:600;color:var(--indigo)}
.who-body .muted{color:var(--ink-2);font-size:17px;display:block;margin-top:14px}
.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.pillx{font-family:'Baloo 2';font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--indigo);background:#fff;box-shadow:0 4px 12px rgba(58,47,40,.06);padding:8px 16px;border-radius:100px}

/* WHY DIFFERENT */
.why{background:var(--indigo);color:#fff;overflow:hidden}
.why .blob{width:420px;height:420px;background:rgba(255,255,255,.05);top:-140px;right:-120px}
.why .in{position:relative;z-index:1}
.why .sec-eye{background:rgba(255,255,255,.12);color:#fff}
.why .sec-h{color:#fff}
.why-body{font-size:18px;color:rgba(255,255,255,.82);line-height:1.75;max-width:62ch;margin-top:20px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.why-quote{font-family:'Baloo 2';font-weight:600;font-size:clamp(22px,3vw,32px);color:#fff;line-height:1.3;margin-top:40px;padding-left:24px;border-left:4px solid var(--amber);max-width:24ch}
.why-stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:40px}
.why-stat b{font-family:'Baloo 2';font-weight:800;font-size:26px;color:var(--amber);display:block}
.why-stat span{font-size:13.5px;color:rgba(255,255,255,.62)}

/* MEET HULYA */
.founder{background:var(--cream-2)}
.f-mission{font-family:'Baloo 2';font-weight:600;font-size:clamp(22px,3.2vw,34px);color:var(--indigo);line-height:1.3;max-width:22ch;margin-bottom:44px}
.f-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,64px);align-items:center}
.f-photo{position:relative}
.f-photo .squircle{background:linear-gradient(155deg,#E7D2F0,#D3BAE6)}
.f-photo .squircle>img{display:block;width:100%;height:auto;aspect-ratio:4/4.7;object-fit:cover;object-position:center top}
.f-photo .sticker{bottom:5%;right:-3%;--rot:3deg}
.f-role{font-family:'Baloo 2';font-size:15px;font-weight:600;color:var(--coral);margin:6px 0 22px}
.f-bio{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:0 8px 22px rgba(58,47,40,.05)}
.f-bio p{font-size:16.5px;color:var(--ink-2);line-height:1.75;margin-bottom:14px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.f-bio p:last-child{margin-bottom:0}
.f-bio p b{color:var(--ink)}
.f-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.f-pills span{font-family:'Baloo 2';font-size:12px;font-weight:600;color:var(--indigo);background:#fff;box-shadow:0 4px 12px rgba(58,47,40,.06);padding:7px 14px;border-radius:100px}

/* OFFER MENU */
.offer{background:var(--cream)}
.offer-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.oc{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;transition:transform .25s,box-shadow .25s}
.oc:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(58,47,40,.09)}
.oc .oi{width:52px;height:52px;border-radius:16px;background:var(--cream-2);color:var(--coral);display:grid;place-items:center;margin-bottom:18px}
.oc h3{font-family:'Baloo 2';font-size:20px;font-weight:700;color:var(--indigo);margin-bottom:8px}
.oc h3 .tm{font-size:12px;vertical-align:super;color:var(--ink-3)}
.oc p{font-size:14.5px;color:var(--ink-2);line-height:1.6}
.oc.soft{background:var(--indigo);border-color:var(--indigo)}
.oc.soft .oi{background:rgba(244,166,61,.18);color:var(--amber)}
.oc.soft h3{color:#fff}.oc.soft p{color:rgba(255,255,255,.75)}
.oc .go{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:'Baloo 2';font-weight:600;font-size:14px;color:var(--coral)}
.oc.soft .go{color:var(--amber)}
@media(max-width:860px){.offer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.offer-grid{grid-template-columns:1fr}}

/* CONDITIONS GRID (SEO links) */
.cond{background:var(--apricot)}
.cond-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc{background:#fff;border-radius:18px;padding:24px 26px;display:block;transition:transform .2s,box-shadow .2s;border:1px solid transparent}
.cc:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(58,47,40,.08);border-color:var(--apricot-2)}
.cc h3{font-family:'Baloo 2';font-size:18px;font-weight:700;color:var(--indigo);margin-bottom:5px;display:flex;align-items:center;gap:8px}
.cc h3 .ar{margin-left:auto;color:var(--coral);opacity:0;transition:.2s}
.cc:hover h3 .ar{opacity:1}
.cc p{font-size:13.5px;color:var(--ink-2);line-height:1.5}
@media(max-width:860px){.cond-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cond-grid{grid-template-columns:1fr}}

/* HOW IT WORKS (numbered) */
.how{background:var(--cream)}
.how-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hw{background:#fff;border-radius:22px;padding:30px 26px;box-shadow:0 8px 22px rgba(58,47,40,.05);position:relative}
.hw .n{width:44px;height:44px;border-radius:50%;background:var(--coral);color:#fff;font-family:'Baloo 2';font-weight:700;font-size:19px;display:grid;place-items:center;margin-bottom:18px}
.hw h3{font-family:'Baloo 2';font-size:18px;font-weight:700;color:var(--indigo);margin-bottom:8px}
.hw p{font-size:14px;color:var(--ink-2);line-height:1.55}
@media(max-width:860px){.how-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.how-grid{grid-template-columns:1fr}}

/* REASSURANCE */
.reassure{background:var(--apricot)}
.re-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.re{display:flex;gap:16px;align-items:flex-start}
.re .ri{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--coral);display:grid;place-items:center;flex-shrink:0}
.re h3{font-family:'Baloo 2';font-size:18px;color:var(--indigo);margin-bottom:4px}
.re p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
@media(max-width:760px){.re-grid{grid-template-columns:1fr;gap:22px}}

/* WEBINAR */
.web{background:var(--indigo);color:#fff;overflow:hidden}
.web .blob{width:360px;height:360px;background:rgba(244,166,61,.14);bottom:-140px;left:-80px}
.web-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.web .sec-eye{background:rgba(255,255,255,.12);color:#fff}
.web .sec-h{color:#fff}
.web-body{font-size:17px;color:rgba(255,255,255,.78);line-height:1.7;margin:16px 0 24px;max-width:48ch}
.web-month{display:inline-flex;align-items:center;gap:10px;font-family:'Baloo 2';font-weight:600;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.2);padding:11px 18px;border-radius:100px}
.web-month em{font-style:normal;color:var(--amber)}
.wcard{background:#fff;border-radius:26px;padding:36px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.wcard .free{display:inline-block;font-family:'Baloo 2';font-size:12px;font-weight:700;color:#fff;background:var(--coral);padding:4px 12px;border-radius:100px;margin-bottom:16px}
.wcard h3{font-family:'Baloo 2';font-size:22px;color:var(--indigo);margin-bottom:8px}
.wcard p{font-size:14.5px;color:var(--ink-2);margin-bottom:20px}
.wcard .field{width:100%;margin-bottom:11px;flex:none}
.wcard .btn-p{width:100%;justify-content:center;margin-top:4px}
.wcard .fine{font-size:12.5px;color:var(--ink-3);text-align:center;margin-top:12px}
@media(max-width:860px){.web-grid{grid-template-columns:1fr;gap:34px}}

/* ARTICLES (SEO) */
.arts{background:var(--cream)}
.arts-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.art{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 22px rgba(58,47,40,.06);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.art:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(58,47,40,.1)}
.art .thumb{aspect-ratio:16/9;background:var(--apricot-2);position:relative;overflow:hidden}
.art .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art .ab{padding:22px 24px;display:flex;flex-direction:column;flex:1}
.art .cat{font-family:'Baloo 2';font-size:12px;font-weight:600;color:var(--coral);margin-bottom:8px}
.art h3{font-family:'Baloo 2';font-size:17px;font-weight:700;color:var(--indigo);line-height:1.25;margin-bottom:auto}
.art .go{margin-top:16px;font-family:'Baloo 2';font-weight:600;font-size:14px;color:var(--coral)}
.arts-all{text-align:center;margin-top:36px}
@media(max-width:860px){.arts-grid{grid-template-columns:1fr}}

/* FAQ */
.faq{background:var(--cream-2)}
.faq-wrap{max-width:840px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.fi{background:#fff;border-radius:20px;box-shadow:0 6px 18px rgba(58,47,40,.05);overflow:hidden}
.fq{width:100%;background:none;border:none;text-align:left;font-family:'Baloo 2';font-size:18px;font-weight:600;color:var(--indigo);padding:20px 24px;display:flex;justify-content:space-between;gap:18px;cursor:pointer;align-items:center}
.fq .t{width:30px;height:30px;border-radius:50%;background:var(--cream-2);color:var(--coral);display:grid;place-items:center;font-size:20px;flex-shrink:0;transition:.25s;font-family:'Nunito'}
.fi.open .fq .t{background:var(--coral);color:#fff;transform:rotate(45deg)}
.faq-a{font-size:15.5px;color:var(--ink-2);line-height:1.7;padding:0 24px 20px;display:none}
.fi.open .faq-a{display:block}
.faq-a p{margin-bottom:10px}.faq-a p:last-child{margin-bottom:0}

/* FINAL */
/* old .final card styles removed: the markup is gone and `.final p` was
   out-specifying `.final-alt`, bleaching the CTA text to near-white on cream */

/* FOOTER (SEO link block) */
footer{background:var(--indigo-deep);color:rgba(255,255,255,.6);padding-block:52px 30px;font-size:14px}
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-cols h4{font-family:'Baloo 2';font-size:14px;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.02em}
.foot-cols a{display:block;color:rgba(255,255,255,.6);padding:5px 0;transition:.2s}
.foot-cols a:hover{color:var(--amber)}
.foot-brand img{height:88px;margin-bottom:16px;filter:brightness(0) invert(1);opacity:.9}
.foot-brand p{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.6;max-width:34ch}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:24px;font-size:13px;color:rgba(255,255,255,.45)}
@media(max-width:860px){.foot-cols{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:480px){.foot-cols{grid-template-columns:1fr}}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:44px}.hero-photo{max-width:400px;margin-inline:auto}
  .f-grid{grid-template-columns:1fr;gap:40px}.f-photo{max-width:360px;margin-inline:auto;order:-1}
}
@media(max-width:600px){.sticker{display:none}.f-photo{max-width:300px}.hero-photo{max-width:340px}}

/* --- book & tracker --- */
.book{background:var(--cream)}
.book-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,5vw,60px);align-items:center}
.book-cover{position:relative;justify-self:center}
.book-cover img{width:100%;max-width:300px}
.book-badge{position:absolute;top:-12px;left:-10px;background:var(--amber);color:#fff;font-family:'Baloo 2';font-weight:700;font-size:12px;padding:7px 14px;border-radius:100px;box-shadow:0 8px 20px rgba(244,166,61,.3)}
.book-lede{font-size:17.5px;color:var(--ink-2);line-height:1.75;margin:14px 0 22px;max-width:56ch}
.book-lede em{font-style:italic;color:var(--indigo);font-weight:600}
.tracker-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 28px;margin-top:20px;box-shadow:0 12px 30px rgba(58,47,40,.07)}
.tracker-card .tk-tag{font-family:'Baloo 2';font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--coral);display:inline-block;padding:3px 12px;border-radius:100px;margin-bottom:10px}
.tracker-card b{font-family:'Baloo 2';font-size:20px;color:var(--indigo);display:block;margin-bottom:6px}
.tracker-card p{font-size:14.5px;color:var(--ink-2);line-height:1.6;margin-bottom:16px}
.tk-form{display:flex;gap:10px;flex-wrap:wrap}
.tk-form .field{flex:1;min-width:150px;padding:13px 16px;border:1px solid var(--line);border-radius:100px;font-family:'Nunito';font-size:15px;background:var(--cream);outline:none}
.tk-form .field:focus{border-color:var(--coral);background:#fff}
@media(max-width:820px){.book-grid{grid-template-columns:1fr;gap:28px}.book-cover img{max-width:210px}}

/* --- footer newsletter --- */
.foot-news{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-news h4{font-family:'Baloo 2';font-size:20px;color:#fff;margin-bottom:6px}
.foot-news p{font-size:14px;color:rgba(255,255,255,.6);max-width:46ch}
.foot-news-form{display:flex;gap:10px;flex-wrap:wrap}
.foot-news-form .field{flex:1;min-width:200px;padding:13px 16px;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-family:'Nunito';font-size:15px;background:rgba(255,255,255,.06);color:#fff;outline:none}
.foot-news-form .field::placeholder{color:rgba(255,255,255,.5)}
@media(max-width:720px){.foot-news{grid-template-columns:1fr;gap:16px}}

/* --- webinar popup --- */
.webinar-pop{position:fixed;inset:0;background:rgba(20,18,50,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:22px}
.webinar-pop.open{display:flex}
.wp-box{background:#fff;border-radius:26px;max-width:440px;width:100%;padding:36px 32px;position:relative;box-shadow:0 40px 90px rgba(0,0,0,.4);text-align:center}
.wp-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;color:var(--ink-3);cursor:pointer;line-height:1}
.wp-free{font-family:'Baloo 2';font-size:12px;font-weight:700;letter-spacing:.05em;color:#fff;background:var(--coral);padding:4px 13px;border-radius:100px}
.wp-box h3{font-family:'Baloo 2';font-size:24px;color:var(--indigo);margin:14px 0 8px}
.wp-box p{font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:20px}
.wp-form{display:flex;flex-direction:column;gap:10px}
.wp-form .field{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:100px;font-family:'Nunito';font-size:15px;background:var(--cream);outline:none}
.wp-form .field:focus{border-color:var(--coral);background:#fff}
.wp-form .btn-p{width:100%;justify-content:center}
.wp-dismiss{margin-top:12px;background:none;border:none;color:var(--ink-3);font-size:13px;cursor:pointer;font-family:'Nunito'}

/* ============================================================
   LEGACY CONTENT RESTYLE
   City pages ship their own .ak-hub-page component markup and
   condition pages ship .page-content. Both predate this theme and
   several of their class names (.hero, .btn, .section) collide with
   it. Everything below is scoped so the old markup renders in the
   new brand without touching the content or its heading structure.
   ============================================================ */

/* ---------- shared ---------- */
.ak-hub-page .container,
.page-content{max-width:1100px;margin-inline:auto;padding-left:clamp(24px,4vw,48px);padding-right:clamp(24px,4vw,48px)}
.ak-hub-page h1,.ak-hub-page h2,.ak-hub-page h3,.ak-hub-page h4,
.page-content h1,.page-content h2,.page-content h3,.page-content h4{font-family:'Baloo 2',cursive;font-weight:700;color:var(--indigo);line-height:1.16;letter-spacing:-.01em}
.ak-hub-page p,.page-content p{font-size:16.5px;line-height:1.75;color:var(--ink-2)}
.ak-hub-page p+p,.page-content p+p{margin-top:15px}
.ak-hub-page a:not(.btn),.page-content a{color:var(--coral);font-weight:700}
.ak-hub-page a:not(.btn):hover,.page-content a:hover{text-decoration:underline}
.ak-hub-page img,.page-content img{border-radius:22px}

/* ---------- city pages: hero (overrides the homepage .hero) ---------- */
.ak-hub-page .hero{position:relative;overflow:hidden;background:var(--cream-2);padding-top:clamp(30px,4vw,48px);padding-bottom:clamp(40px,5vw,64px);min-height:0}
.ak-hub-page .hero::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--apricot);top:-140px;right:-120px;z-index:0;pointer-events:none}
.ak-hub-page .hero>.container{position:relative;z-index:1}
.ak-hub-page .hero h1{font-size:clamp(32px,4.8vw,50px);font-weight:800;margin-bottom:14px}
.ak-hub-page .hero p{font-size:clamp(16.5px,1.8vw,18.5px);max-width:56ch}
.ak-hub-page .breadcrumb{font-size:13.5px;color:var(--ink-3);font-weight:600;margin-bottom:14px}
.ak-hub-page .breadcrumb a{color:var(--ink-3)}
.ak-hub-page .hero-image img{box-shadow:0 18px 44px rgba(58,47,40,.12)}

/* ---------- city pages: buttons ---------- */
.ak-hub-page .cta-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ak-hub-page .btn-primary{background:var(--coral);color:#fff;box-shadow:0 12px 26px rgba(229,107,71,.32)}
.ak-hub-page .btn-primary:hover{background:#D25938;transform:translateY(-2px)}
.ak-hub-page .btn-outline{background:transparent;color:var(--indigo);border:2px solid var(--indigo)}
.ak-hub-page .btn-outline:hover{background:var(--indigo);color:#fff}
.ak-hub-page .btn-white{background:#fff;color:var(--indigo);box-shadow:0 10px 24px rgba(58,47,40,.14)}
.ak-hub-page .btn-white:hover{transform:translateY(-2px)}

/* ---------- city pages: sections ---------- */
.ak-hub-page .section{padding-top:clamp(44px,5.5vw,72px);padding-bottom:clamp(44px,5.5vw,72px)}
.ak-hub-page .section-white{background:var(--cream)}
.ak-hub-page .section-cream{background:var(--cream-2)}
.ak-hub-page .section-header{text-align:center;max-width:720px;margin:0 auto 34px}
.ak-hub-page .section-header h2{font-size:clamp(25px,3.6vw,36px);font-weight:800}
.ak-hub-page .section-header p{margin-top:12px}
.ak-hub-page .section>.container>h2{font-size:clamp(25px,3.6vw,36px);font-weight:800;margin-bottom:8px}

/* ---------- city pages: trust badges ---------- */
.ak-hub-page .trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.ak-hub-page .trust-badge{display:flex;align-items:center;gap:10px;background:#fff;border-radius:100px;padding:11px 22px;box-shadow:0 6px 18px rgba(58,47,40,.06);font-family:'Baloo 2';font-weight:600;font-size:14.5px;color:var(--indigo)}
.ak-hub-page .trust-badge-icon{color:var(--coral);font-size:18px;line-height:1}

/* ---------- city pages: card grids ---------- */
.ak-hub-page .features-grid,
.ak-hub-page .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:20px}
.ak-hub-page .feature-item,
.ak-hub-page .services-grid>*{background:#fff;border-radius:22px;padding:26px 24px;box-shadow:0 10px 26px rgba(58,47,40,.06)}
.ak-hub-page .feature-item h3,
.ak-hub-page .services-grid>* h3{font-size:19px;margin-bottom:8px}
.ak-hub-page .feature-icon{width:46px;height:46px;border-radius:14px;background:var(--cream-2);color:var(--coral);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.ak-hub-page .areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:11px}
.ak-hub-page .areas-grid>*{background:#fff;border-radius:14px;padding:13px 17px;box-shadow:0 5px 14px rgba(58,47,40,.05);font-weight:700;font-size:15px}

/* ---------- city pages: faq + closing cta ---------- */
.ak-hub-page .faq-list{max-width:820px;margin-inline:auto;display:grid;gap:13px}
.ak-hub-page .faq-list>*{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 8px 20px rgba(58,47,40,.05)}
.ak-hub-page .faq-list h3{font-size:18px;margin-bottom:7px}
.ak-hub-page .cta-section{background:var(--indigo);color:#fff;text-align:center;border-radius:0}
.ak-hub-page .cta-section h2,.ak-hub-page .cta-section h3{color:#fff}
.ak-hub-page .cta-section p{color:#CFCAEE}
.ak-hub-page .cta-phone{display:inline-block;margin-top:16px;font-family:'Baloo 2';font-weight:700;font-size:clamp(22px,3vw,30px);color:#fff}
.ak-hub-page .cta-phone:hover{color:var(--apricot-2)}
.ak-hub-page .text-center{text-align:center}
.ak-hub-page .mt-3{margin-top:18px}

/* ---------- condition pages ---------- */
.page-content{padding-top:clamp(30px,4vw,46px);padding-bottom:clamp(46px,6vw,78px);max-width:1060px}
.page-content>h1{font-size:clamp(34px,5vw,54px);font-weight:800;margin-bottom:22px}
.page-content .content-main{max-width:68ch}
.page-content .content-main h2{font-size:clamp(23px,3.2vw,31px);margin-top:34px;margin-bottom:10px}
.page-content .content-main h3{font-size:20.5px;margin-top:28px;margin-bottom:9px}
.page-content .content-main ul,.page-content .content-main ol{margin:14px 0 14px 22px}
.page-content .content-main li{font-size:16.5px;line-height:1.7;color:var(--ink-2);margin-bottom:8px}
.page-content .content-image{margin-top:26px}
.page-content .content-image img{width:100%;box-shadow:0 16px 40px rgba(58,47,40,.1)}
@media(min-width:940px){
  /* only when the page actually has a sidebar image to sit beside */
  .page-content:has(.content-image){display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:start}
  .page-content:has(.content-image)>h1{grid-column:1/-1;margin-bottom:6px}
  .page-content .content-image{position:sticky;top:100px;margin-top:6px}
}
.page-content:not(:has(.content-image)) .content-main{max-width:72ch;margin-inline:auto}

/* ---------- blog posts + generic pages ---------- */
.entry-wrap{padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(46px,6vw,78px)}
.entry-head{max-width:760px;margin-inline:auto;text-align:center;margin-bottom:32px}
.entry-head h1{font-family:'Baloo 2',cursive;font-size:clamp(31px,4.6vw,48px);font-weight:800;color:var(--indigo);line-height:1.13;letter-spacing:-.01em}
.entry-meta{font-size:13.5px;color:var(--ink-3);font-weight:700;margin-top:14px;letter-spacing:.02em}
.prose{max-width:68ch;margin-inline:auto;font-size:17px;line-height:1.8;color:var(--ink-2)}
.prose>*+*{margin-top:17px}
.prose h2{font-family:'Baloo 2',cursive;font-size:clamp(23px,3.2vw,30px);font-weight:700;color:var(--indigo);margin-top:38px;line-height:1.2}
.prose h3{font-family:'Baloo 2',cursive;font-size:20.5px;font-weight:700;color:var(--indigo);margin-top:30px;line-height:1.22}
.prose h4{font-family:'Baloo 2',cursive;font-size:18px;font-weight:700;color:var(--indigo);margin-top:24px}
.prose strong{color:var(--ink);font-weight:700}
.prose a{color:var(--coral);font-weight:700}
.prose a:hover{text-decoration:underline}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin-top:9px}
.prose li::marker{color:var(--coral)}
.prose img{border-radius:22px;box-shadow:0 14px 36px rgba(58,47,40,.1)}
.prose blockquote{border-left:4px solid var(--coral);padding:4px 0 4px 20px;color:var(--ink);font-size:18px}
.prose hr{border:none;border-top:1px solid var(--line);margin-block:30px}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 13px;text-align:left}
.prose th{background:var(--cream-2);font-family:'Baloo 2';color:var(--indigo)}

/* end-of-article CTA */
.entry-cta{max-width:760px;margin:44px auto 0;background:var(--cream-2);border-radius:26px;padding:32px 30px;text-align:center}
.entry-cta h2{font-family:'Baloo 2',cursive;font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--indigo);margin-bottom:9px}
.entry-cta p{font-size:16px;color:var(--ink-2);line-height:1.65;max-width:52ch;margin:0 auto 18px}

/* ---------- blog listing ---------- */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:8px}
.post-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(58,47,40,.07);display:flex;flex-direction:column;transition:transform .18s,box-shadow .25s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(58,47,40,.12)}
.post-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--cream-2)}
.post-card-media img{width:100%;height:100%;object-fit:cover;border-radius:0}
.post-card-fallback{display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 35%,var(--apricot) 0 40%,var(--cream-2) 41%)}
.post-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.post-card-date{font-size:12.5px;font-weight:700;color:var(--ink-3);letter-spacing:.03em;margin-bottom:9px}
.post-card h2{font-family:'Baloo 2',cursive;font-size:19.5px;font-weight:700;color:var(--indigo);line-height:1.22;margin-bottom:10px}
.post-card h2 a:hover{color:var(--coral)}
.post-card-body p{font-size:15.2px;line-height:1.62;color:var(--ink-2);margin-bottom:16px}
.post-card-more{margin-top:auto;font-family:'Baloo 2',cursive;font-weight:600;font-size:15px;color:var(--coral)}
.post-card-more:hover{text-decoration:underline}
.post-pager{margin-top:38px;text-align:center}
.post-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;margin:0 4px;border-radius:100px;background:#fff;color:var(--indigo);font-family:'Baloo 2',cursive;font-weight:600;box-shadow:0 6px 16px rgba(58,47,40,.06)}
.post-pager .page-numbers.current{background:var(--indigo);color:#fff}
.post-pager .page-numbers:hover{background:var(--coral);color:#fff}
.post-pager .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ============================================================
   HOMEPAGE 2026-08 — LOWER SENSORY LOAD
   Hulya asked for this directly: most parents arriving here are
   autistic or ADHD, and the previous homepage was overwhelming.
   So: no decorative blobs, no dot textures, no floating stickers,
   no entrance or bobbing animation, smaller headings, and coral
   reserved for calls to action instead of used as a general accent.
   These rules come last in the file so they win over the older
   homepage styles above.
   ============================================================ */

/* kill the decorative + motion layer everywhere */
.blob{display:none !important}
.spots{background-image:none !important}
.sticker{display:none !important}
.rise{animation:none !important}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* calmer shared type */
body{background:var(--cream)}
.sec-h{font-family:'Baloo 2',cursive;font-size:clamp(22px,2.9vw,33px);font-weight:700;color:var(--indigo);max-width:24ch;line-height:1.22;letter-spacing:-.005em}
.center-h{margin-left:auto;margin-right:auto;text-align:center;max-width:26ch}
.sec-sub{font-size:16.5px;color:var(--ink-2);line-height:1.7;max-width:60ch;margin-top:12px}
.sec-sub.center-h{max-width:56ch;text-align:center}
.sec-eye{display:inline-block;background:none;padding:0;border-radius:0;font-family:'Nunito',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.lnk{font-family:'Baloo 2',cursive;font-weight:600;font-size:15.5px;color:var(--coral)}
.lnk:hover{text-decoration:underline}
.tm{font-size:.55em;vertical-align:super}
section{padding-top:clamp(44px,5.5vw,72px);padding-bottom:clamp(44px,5.5vw,72px)}

/* 1. practical bar — text only, so it costs almost no vertical space */
.strip{background:#fff;padding-top:14px;padding-bottom:14px;text-align:center;border-bottom:1px solid var(--line)}
.strip-facts{font-family:'Baloo 2',cursive;font-weight:600;font-size:clamp(14px,1.6vw,16px);color:var(--indigo);display:flex;flex-wrap:wrap;justify-content:center;gap:9px;align-items:baseline}
.strip-facts i{color:var(--ink-3);font-style:normal}
.strip-where{font-size:13.5px;color:var(--ink-2);margin-top:5px}

/* 2. hero — the headline is the first thing on the page, above the fold */
.hero{background:var(--cream);padding-top:clamp(34px,4.2vw,54px);padding-bottom:clamp(28px,3.4vw,42px);text-align:center;min-height:0}
.hero .wrap{max-width:860px}
.hero h1{font-family:'Baloo 2',cursive;font-size:clamp(27px,3.7vw,43px);font-weight:700;color:var(--indigo);line-height:1.2;letter-spacing:-.01em;margin-bottom:18px}
.hero-explain{font-size:17.5px;line-height:1.72;color:var(--ink);max-width:56ch;margin:0 auto}
.hero-cta{display:flex;justify-content:center;margin-top:24px;margin-bottom:0}

/* 2b. age-range band — capped so it can never take the fold again */
.ages{background:var(--cream);padding-top:6px;padding-bottom:clamp(30px,4vw,48px);text-align:center}
/* superseded by .ages img.ages-banner below (full-bleed) */
.ages-cap{font-size:16px;font-weight:500;line-height:1.7;color:var(--ink);max-width:70ch;margin:16px auto 0}


/* 3. assess / plan / treat / progress */
.diff{background:#fff}
.path{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0 0;padding:0;counter-reset:none}
.path li{text-align:center;padding:0 6px}
.path-n{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--cream);color:var(--indigo);font-family:'Baloo 2',cursive;font-weight:700;font-size:16px;margin-bottom:12px}
.path h3{font-family:'Baloo 2',cursive;font-size:17.5px;font-weight:700;color:var(--indigo);letter-spacing:.02em;margin-bottom:5px}
.path p{font-size:14.8px;color:var(--ink-2);line-height:1.55}
.diff-usp{margin:34px auto 0;max-width:64ch;text-align:center;font-size:16px;line-height:1.7;color:var(--ink-2);border-top:1px solid var(--line);padding-top:22px}
@media(max-width:760px){.path{grid-template-columns:repeat(2,1fr);gap:26px}}

/* 4. founder */
.founder{background:var(--cream)}
.f-grid{display:grid;grid-template-columns:380px 1fr;gap:clamp(28px,4vw,54px);align-items:start}
.f-photo{position:relative}
/* She's holding the book in this shot, so the separate book overlay is gone. */
.f-photo>img{width:100%;aspect-ratio:900/935;object-fit:cover;object-position:center top;border-radius:20px;background:var(--cream-2)}
.f-txt p{font-size:16.5px;line-height:1.72;color:var(--ink-2);margin-bottom:14px;max-width:58ch}
.f-txt blockquote{font-family:'Baloo 2',cursive;font-size:19px;font-weight:600;color:var(--indigo);line-height:1.4;border-left:3px solid var(--apricot-2);padding-left:18px;margin:20px 0}
.cred{display:flex;flex-wrap:wrap;gap:9px;align-items:baseline;font-size:13.5px;font-weight:700;color:var(--ink-2);margin-bottom:18px}
.cred i{color:var(--ink-3);font-style:normal}
@media(max-width:820px){.f-grid{grid-template-columns:1fr}.f-photo{max-width:300px}}

/* 5. webinar — the one strong block on the page, so it reads as an invitation */
.web{background:var(--indigo-deep);color:#fff;text-align:center}
.web .sec-eye{color:var(--apricot-2)}
.web .sec-h{color:#fff;margin-left:auto;margin-right:auto}
.web-meta{font-family:'Baloo 2',cursive;font-weight:600;font-size:14.5px;letter-spacing:.06em;text-transform:uppercase;color:#CFCAEE;margin-top:14px}
.web-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:600px;margin:26px auto 0}
.web-form .field{flex:1 1 190px;background:#fff;border:none;border-radius:100px;padding:14px 20px;font-family:'Nunito',sans-serif;font-size:15.5px;color:var(--ink)}
.web-fine{font-size:14px;color:#BDB6E4;margin-top:16px}
.web-desc{font-size:16.5px;line-height:1.65;color:#E4E0F6;max-width:60ch;margin:14px auto 0;text-align:center}
.web-next{font-family:'Baloo 2',cursive;font-size:16px;color:#fff;margin-top:18px}
.web-next-topic{display:block;color:var(--apricot-2);font-weight:700;margin-top:4px}
.web-subhead{display:block}
/* lead-form spam honeypot + inline status message */
.ak-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}
.ak-form-msg{width:100%;margin:10px 0 0;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;line-height:1.4}
.ak-form-msg:empty{margin:0}
.ak-form-msg.ok{color:#1a7f4b}
.ak-form-msg.err{color:#c0392b}
.web .ak-form-msg.ok,.webinar-pop .ak-form-msg.ok,footer .ak-form-msg.ok{color:#8ff0b5}
.web .ak-form-msg.err,.webinar-pop .ak-form-msg.err,footer .ak-form-msg.err{color:#ffb4a8}
/* name + credentials under the founder photo */
.f-caption{font-family:'Baloo 2',cursive;font-weight:600;font-size:15px;color:var(--indigo);text-align:center;margin:12px 0 0}

/* 6. concerns accordion */
.signs{background:#fff}
.acc{max-width:780px;margin:32px auto 0;display:grid;gap:10px}
.acc-g{background:var(--cream);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.acc-head{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:17px 20px;font-family:'Baloo 2',cursive;font-weight:600;font-size:17px;color:var(--indigo);display:flex;justify-content:space-between;align-items:center;gap:14px}
.acc-head .tog{color:var(--ink-3);font-size:20px;font-weight:400;line-height:1}
.acc-g.open .acc-head .tog{transform:rotate(45deg)}
.acc-body{display:none;padding:0 20px 18px}
.acc-g.open .acc-body{display:block}
.acc-body ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.acc-body li{font-size:15.5px;line-height:1.6;color:var(--ink-2);padding-left:17px;position:relative}
.acc-body li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--apricot-2)}

/* 7. areas of expertise */
.offer{background:var(--cream)}
.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;margin-top:34px}
.offer .oc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;box-shadow:none}
.offer .oc h3{font-family:'Baloo 2',cursive;font-size:18px;font-weight:700;color:var(--indigo);margin-bottom:8px;line-height:1.25}
.offer .oc p{font-size:15.2px;line-height:1.6;color:var(--ink-2)}
.offer .oc .lnk{display:inline-block;margin-top:10px;font-size:14.5px}

/* 8. book / tracker */
.book{background:#fff}
.book-grid{display:grid;grid-template-columns:210px 1fr;gap:clamp(26px,4vw,50px);align-items:center;max-width:900px;margin-inline:auto}
.book-cover img{width:100%;height:auto}
.book-txt p{font-size:16.5px;line-height:1.7;color:var(--ink-2);margin:12px 0 20px;max-width:52ch}
.tk-form{display:flex;gap:10px;flex-wrap:wrap}
.tk-form .field{flex:1 1 175px;background:var(--cream);border:1px solid var(--line);border-radius:100px;padding:13px 19px;font-family:'Nunito',sans-serif;font-size:15.5px;color:var(--ink)}
@media(max-width:700px){.book-grid{grid-template-columns:1fr;text-align:center}.book-cover{max-width:170px;margin-inline:auto}.book-txt p{margin-inline:auto}}

/* 9a. conditions, grouped */
.cond{background:var(--cream)}
.cond-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:32px;max-width:900px;margin-inline:auto}
.cond-cols h3{font-family:'Baloo 2',cursive;font-size:16px;font-weight:700;color:var(--indigo);margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.cond-cols ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.cond-cols li a{font-size:15.5px;color:var(--ink-2)}
.cond-cols li a:hover{color:var(--coral)}

/* 9b. how it works */
.how{background:#fff}
.how-row{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px auto 0;max-width:900px;counter-reset:hw}
.how-row li{font-size:15.2px;line-height:1.62;color:var(--ink-2);padding-top:15px;border-top:2px solid var(--apricot-2)}
.how-row b{display:block;font-family:'Baloo 2',cursive;font-size:16.5px;font-weight:700;color:var(--indigo);margin-bottom:5px}
@media(max-width:740px){.how-row{grid-template-columns:1fr;gap:16px}}

/* 9c. articles */
.arts{background:var(--cream)}
.arts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:20px;margin-top:32px}
.art{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:block}
.art .thumb{aspect-ratio:16/10;overflow:hidden}
.art .thumb img{width:100%;height:100%;object-fit:cover;border-radius:0}
.art h3{font-family:'Baloo 2',cursive;font-size:16.5px;font-weight:700;color:var(--indigo);line-height:1.3;padding:16px 18px 20px}
.art:hover h3{color:var(--coral)}
.arts-all{text-align:center;margin-top:26px}

/* 10. three routes */
.routes{background:#fff}
.routes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.rt{text-align:center;background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:26px 20px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:space-between}
.rt h3{font-family:'Baloo 2',cursive;font-size:16.5px;font-weight:600;color:var(--ink-2)}
.rt .btn{width:100%;justify-content:center;font-size:15px;padding:13px 18px}
@media(max-width:760px){.routes-grid{grid-template-columns:1fr}}

/* 11. final */
.final{background:var(--cream-2);text-align:center}
.final h2{font-family:'Baloo 2',cursive;font-size:clamp(24px,3.2vw,36px);font-weight:700;color:var(--indigo);margin-bottom:22px}
.final .btn{margin-bottom:18px}
.final-alt{font-size:15.5px;color:var(--ink-2);margin-top:4px}
.final-alt a{color:var(--coral);font-weight:700}
.final-alt a:hover{text-decoration:underline}

/* brand descriptor: "Speech, Language & Whole-Child Development" */
.brand{display:flex;align-items:center;gap:12px}
.brand-desc{font-family:'Nunito',sans-serif;font-size:12.5px;font-weight:600;line-height:1.25;color:var(--ink-2);max-width:15ch;padding-left:12px;border-left:1px solid var(--line)}
@media(max-width:1050px){.brand-desc{display:none}}

/* ---------- small-screen nav ----------
   At 390px the logo and the "Book an appointment" pill sit tight together, so
   both scale down. Wrapper padding is longhand (see the workspace note about
   padding-inline on mobile) with a 24px floor. */
.wrap,.nav-in{padding-left:clamp(24px,4vw,42px);padding-right:clamp(24px,4vw,42px)}
@media(max-width:700px){
  .nav-in{gap:10px;height:66px}
  .logo-img{height:34px}
  .nav-cta{font-size:13.5px;padding:9px 15px;box-shadow:none}
}
@media(max-width:400px){
  .logo-img{height:30px}
  .nav-cta{font-size:12.5px;padding:8px 12px}
}

/* keyword H2 under the hero (prod's H1 phrase, which her new H1 no longer carries) */
.ages-h{font-family:'Baloo 2',cursive;font-size:clamp(17px,2vw,21px);font-weight:600;color:var(--indigo);margin:18px auto 0;max-width:34ch}

/* FAQ */
.faq{background:#fff}
.faq-wrap{max-width:780px;margin:30px auto 0;display:grid;gap:10px}
.fi{background:var(--cream);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fq{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:17px 20px;font-family:'Baloo 2',cursive;font-weight:600;font-size:16.5px;color:var(--indigo);display:flex;justify-content:space-between;align-items:center;gap:14px}
.fq .t{color:var(--ink-3);font-size:20px;font-weight:400;line-height:1}
.fi.open .fq .t{transform:rotate(45deg)}
.faq-a{display:none;padding:0 20px 18px}
.fi.open .faq-a{display:block}
.faq-a p{font-size:15.5px;line-height:1.7;color:var(--ink-2)}

/* H1 kicker: the business descriptor sits inside the H1, above her line.
   This is also the only keyword-bearing text in the H1, since her headline
   deliberately carries none. */
.h1-kicker{display:block;font-family:'Baloo 2',cursive;font-size:clamp(15px,1.55vw,19px);font-weight:600;color:var(--coral);letter-spacing:.01em;line-height:1.3;margin-bottom:14px}
/* the descriptor is inside the homepage H1, so the nav copy would repeat it in
   the same eyeful; keep the nav version for inner pages only */
body.home .brand-desc{display:none}

/* ============================================================
   NAVIGATION — renders the real WordPress Main Menu
   Replaces the hardcoded anchor links that were dropping every
   site-wide internal link to the condition and location pages.
   Styling stays flat and quiet per the sensory brief: no shadows
   on the panels beyond a hairline, no animation.
   ============================================================ */
.nav-in{gap:22px}
.nav-menu{margin-left:auto}
.ak-menu{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}
.ak-menu li{position:relative}
.ak-menu a{display:block;font-family:'Baloo 2',cursive;font-weight:600;font-size:15px;color:var(--ink-2);padding:10px 12px;border-radius:8px;line-height:1.2}
.ak-menu a:hover{color:var(--indigo);background:var(--cream-2)}
.ak-menu .current-menu-item>a,.ak-menu .current_page_item>a{color:var(--indigo)}

/* dropdown arrow */
.ak-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg)}

/* panels */
.ak-menu ul{list-style:none;margin:0;padding:7px;position:absolute;top:100%;left:0;min-width:248px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px rgba(58,47,40,.09);display:none;z-index:200}
.ak-menu li:hover>ul{display:block}
.ak-menu ul a{font-size:14.5px;font-weight:600;padding:9px 12px;white-space:normal}
.ak-menu ul ul{top:-8px;left:100%}

/* last top-level item renders as the booking button, same as production */
.ak-menu>li:last-child>a{background:var(--amber);color:#fff;padding:10px 20px;border-radius:100px}
.ak-menu>li:last-child>a:hover{background:#E38F26;color:#fff}

.nav-phone{display:inline-flex;align-items:center;gap:7px;font-family:'Baloo 2',cursive;font-weight:700;font-size:15px;color:var(--coral);white-space:nowrap;border:2px solid var(--coral);border-radius:100px;padding:7px 15px;text-decoration:none;transition:background .15s,color .15s}
.nav-phone:hover{background:var(--coral);color:#fff}
.nav-phone svg{flex:none}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:23px;height:2px;background:var(--indigo);border-radius:2px}
.nav-mob-extra{display:none}

@media(max-width:1000px){
  .nav-toggle{display:flex}
  .nav-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px clamp(24px,4vw,42px) 18px;display:none;max-height:78vh;overflow-y:auto;margin-left:0}
  .nav-menu.open{display:block}
  nav{position:sticky;top:0;z-index:100}
  .ak-menu{display:block}
  .ak-menu a{padding:12px 4px;font-size:16px;border-bottom:1px solid var(--line);border-radius:0}
  .ak-menu ul{position:static;display:none;min-width:0;border:none;box-shadow:none;padding:0 0 6px 14px;border-radius:0}
  .ak-menu li.open>ul{display:block}
  .ak-menu ul a{font-size:15px;color:var(--ink-2)}
  .ak-menu>li:last-child>a{display:inline-block;margin-top:12px;border-bottom:none}
  .nav-mob-extra{display:block;margin-top:14px}
  .nav-phone-mob{font-family:'Baloo 2',cursive;font-weight:700;font-size:17px;color:var(--indigo)}
  .nav-phone{display:none}
}

/* legacy shortcode output (Divi blurbs / testimonials) */
.entry-content .post-grid,.prose .post-grid{margin-top:22px}
.lg-blurb{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:10px 0;position:relative}
a.lg-blurb:hover{border-color:var(--coral)}
.lg-blurb h3{font-family:'Baloo 2',cursive;font-size:17.5px;font-weight:700;color:var(--indigo);margin:0}
.lg-blurb p{font-size:15px;color:var(--ink-2);margin-top:6px}
.lg-arrow{position:absolute;right:20px;top:20px;color:var(--coral);font-weight:700}
.lg-quote{margin:22px 0;background:var(--cream-2);border-radius:18px;padding:24px 26px}
.lg-quote blockquote{margin:0;font-size:16.5px;line-height:1.7;color:var(--ink)}
.lg-quote figcaption{margin-top:10px;font-size:14px;font-weight:700;color:var(--ink-3)}
.offer .oc a{display:block;color:inherit}
.offer .oc a:hover h3{color:var(--coral)}

/* Connected Parent Pathway */
.course{background:#fff}
.course-card{display:grid;grid-template-columns:1fr 300px;gap:clamp(26px,4vw,52px);background:var(--cream);border:1px solid var(--line);border-radius:26px;padding:clamp(28px,3.6vw,44px);align-items:center;max-width:1000px;margin-inline:auto}
.course-lede{font-size:16.5px;line-height:1.72;color:var(--ink-2);margin-top:10px;max-width:56ch}
.course-mods{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
.course-mods li{display:flex;align-items:baseline;gap:10px;font-size:15.5px;color:var(--ink);line-height:1.45}
.course-mods span{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--indigo);font-family:'Baloo 2',cursive;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center}
.course-facts{display:flex;flex-wrap:wrap;gap:9px;align-items:baseline;margin-top:22px;font-size:14px;font-weight:700;color:var(--ink-2)}
.course-facts i{color:var(--ink-3);font-style:normal}
.course-buy{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 22px}
.course-price{font-family:'Baloo 2',cursive;font-weight:800;font-size:42px;color:var(--ink);line-height:1}
.course-price-sub{font-size:13.5px;color:var(--ink-3);font-weight:600;margin:6px 0 18px}
.course-buy .btn{width:100%;justify-content:center;font-size:15px;padding:13px 16px}
.course-fine{font-size:13.5px;color:var(--ink-3);line-height:1.55;margin-top:14px}
@media(max-width:860px){.course-card{grid-template-columns:1fr}.course-mods{grid-template-columns:1fr}}
@media(max-width:1000px){.routes-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.routes-grid{grid-template-columns:1fr}}
.course-more{display:inline-block;margin-top:12px;font-size:14.5px}
.art .thumb .post-card-fallback{display:block;width:100%;height:100%}

/* ============================================================
   ROUND 2026-08-11 — from Hulya's walkthrough video
   ============================================================ */

/* [0:27] "all the text needs to be black". Body copy was warm brown/grey
   (--ink-2 #7A6C61) which she found hard to read. Headings stay indigo. */
:root{--ink:#221E1B;--ink-2:#3A3532}

/* [0:43] "I like it more when it's blocked off like a block of text."
   Justified with hyphenation, otherwise justification opens rivers of
   whitespace on narrow columns. Never justify on small screens. */
.hero-explain,.ages-cap,.diff-usp,.f-txt p,.course-lede,.book-txt p,
.sec-sub,.prose p,.page-content p,.page-content li,.ak-hub-page p,
.faq-a p,.rev blockquote,.entry-content p{
  text-align:justify;text-justify:inter-word;hyphens:none;-webkit-hyphens:none;
}
@media(max-width:640px){
  .hero-explain,.ages-cap,.diff-usp,.f-txt p,.course-lede,.book-txt p,
  .sec-sub,.prose p,.page-content p,.page-content li,.ak-hub-page p,
  .faq-a p,.rev blockquote,.entry-content p{text-align:left;hyphens:none}
}
/* centred intro copy stays centred */
.center-h,.sec-sub.center-h,.hero-explain{text-align:center}
@media(min-width:641px){.hero-explain{text-align:center}}

/* [0:16] "the brand is a little bit lost" */
.logo-img{height:58px}
@media(max-width:700px){.logo-img{height:40px}}
@media(max-width:400px){.logo-img{height:34px}}

/* [0:04] banner runs the full width of the screen, on white */
.ages{background:#fff;padding-top:0;padding-bottom:clamp(30px,4vw,48px)}
.ages img.ages-banner{display:block;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);height:auto;max-height:none;object-fit:contain;border-radius:0}
.ages .wrap{text-align:center}
.ages-h{margin-top:26px}
.ages-jump{margin-top:22px}

/* [3:50] tracker out of its box, book floating and bigger */
.book{background:var(--cream)}
.book-grid{grid-template-columns:280px 1fr;align-items:center;max-width:980px}
/* Jon: no card/box — the book sits on the background */
.book-cover img{box-shadow:none;border-radius:0;transform:none;filter:none}
.book-txt .sec-h{max-width:20ch}
@media(max-width:700px){.book-grid{grid-template-columns:1fr}.book-cover{max-width:210px}}

/* [5:23] reviews */
.revs{background:#fff}
.revs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px}
.rev{margin:0;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column}
.rev-stars{color:var(--amber);font-size:16px;letter-spacing:2px;margin-bottom:12px}
.rev blockquote{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink-2);flex:1}
.rev figcaption{margin-top:16px;font-size:13.5px;font-weight:700;color:var(--ink-3)}
.revs-all{text-align:center;margin-top:26px}

/* ============================================================
   HEADER — bigger brand, matching the current live site
   Production gives the logo a ~110px tall row with the nav
   vertically centred beside it. The menu is tight at that size,
   so link padding tightens between 1000px and 1240px and the
   whole thing collapses to the mobile toggle below 1080px.
   ============================================================ */
.nav-in{height:104px;gap:18px}
.brand .logo-img{height:78px}                 /* 207px wide at this height */

@media(max-width:1240px){
  .ak-menu a{font-size:14.5px;padding:9px 9px}
  .ak-menu>li:last-child>a{padding:9px 16px}
  .nav-phone{font-size:14px}
  .brand .logo-img{height:66px}
  .nav-in{height:92px}
}
@media(max-width:1080px){
  .nav-toggle{display:flex}
  .nav-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);
            border-bottom:1px solid var(--line);padding:10px clamp(24px,4vw,42px) 18px;display:none;
            max-height:78vh;overflow-y:auto;margin-left:0}
  .nav-menu.open{display:block}
  .ak-menu{display:block}
  .ak-menu a{padding:12px 4px;font-size:16px;border-bottom:1px solid var(--line);border-radius:0}
  .ak-menu ul{position:static;display:none;min-width:0;border:none;box-shadow:none;padding:0 0 6px 14px;border-radius:0}
  .ak-menu li.open>ul{display:block}
  .ak-menu>li:last-child>a{display:inline-block;margin-top:12px;border-bottom:none;padding:10px 20px}
  .nav-mob-extra{display:block;margin-top:14px}
  .nav-phone{display:none}
}
@media(max-width:700px){
  .nav-in{height:76px;gap:10px}
  .brand .logo-img{height:52px}
}
@media(max-width:400px){
  .nav-in{height:68px}
  .brand .logo-img{height:44px}
}

/* the jump-to-FAQ button sits on the white banner section, so the plain white
   pill had nothing to read against */
.ages-jump .btn{border:2px solid var(--indigo);color:var(--indigo);background:#fff;box-shadow:none;font-weight:600}
.ages-jump .btn:hover{background:var(--indigo);color:#fff;transform:translateY(-2px)}

/* ---------- testimonials page ---------- */
.tstm{background:var(--cream);padding-top:clamp(30px,4vw,48px);padding-bottom:clamp(48px,6vw,80px)}
.tstm-head{text-align:center;max-width:640px;margin:0 auto clamp(30px,4vw,44px)}
.tstm-head h1{font-family:'Baloo 2',cursive;font-size:clamp(32px,4.6vw,46px);font-weight:800;color:var(--indigo)}
.tstm-stars{color:var(--amber);font-size:24px;letter-spacing:4px;margin-top:12px}
.tstm-head p{font-size:16.5px;color:var(--ink-2);line-height:1.7;margin-top:12px}
.tstm-grid{columns:3 300px;column-gap:20px}
.tstm-card{break-inside:avoid;margin:0 0 20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px;position:relative}
.tstm-mark{font-family:'Baloo 2',cursive;font-size:46px;line-height:.7;color:var(--apricot-2);margin-bottom:6px}
.tstm-card blockquote{margin:0;font-size:15.5px;line-height:1.72;color:var(--ink-2);text-align:left;hyphens:none}
.tstm-card blockquote p{margin-bottom:10px;text-align:left;hyphens:none}
.tstm-card blockquote p:last-child{margin-bottom:0}
.tstm-card figcaption{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--ink-3)}
.tstm-cta{text-align:center;margin-top:clamp(34px,4vw,52px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(28px,3.4vw,44px)}
.tstm-cta h2{font-family:'Baloo 2',cursive;font-size:clamp(21px,2.8vw,28px);font-weight:700;color:var(--indigo);margin-bottom:20px}
.tstm-cta p{font-size:15.5px;color:var(--ink-2);margin-top:16px}
.tstm-cta p a{color:var(--coral);font-weight:700}
@media(max-width:900px){.tstm-grid{columns:1}}

/* ---------- accordions are now native <details>, so they open with no JS ---------- */
.fi[open] .fq .t,.acc-g[open] .acc-head .tog{transform:rotate(45deg)}
.fi>summary,.acc-g>summary{list-style:none;cursor:pointer}
.fi>summary::-webkit-details-marker,.acc-g>summary::-webkit-details-marker{display:none}
.fi>summary::marker,.acc-g>summary::marker{content:""}
details.fi .faq-a,details.acc-g .acc-body{display:block}
details.acc-g .acc-body{padding:0 20px 18px}
details.fi .faq-a{padding:0 20px 18px}
.acc-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:17px 20px;font-family:'Baloo 2',cursive;font-weight:600;font-size:17px;color:var(--indigo)}
.fq{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:17px 20px;font-family:'Baloo 2',cursive;font-weight:600;font-size:16.5px;color:var(--indigo)}

/* [Jon] the routes row had 4 boxes in a 3-up grid, leaving the Connected Parent
   Pathway stranded alone on a second row. Four across on wide screens, 2x2 below. */
.routes-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.routes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.routes-grid{grid-template-columns:1fr}}
.rt h3{font-size:15.5px;min-height:2.6em;display:flex;align-items:center;justify-content:center}

/* [Jon] the brand descriptor was crammed against the bigger logo. Give it room and
   only show it where there's genuinely space; the homepage carries it in the H1 anyway. */
.brand{gap:14px}
.brand-desc{font-size:12px;line-height:1.3;max-width:13ch;padding-left:14px}
@media(max-width:1400px){.brand-desc{display:none}}

/* nav items must never wrap; the descriptor only appears where there's real room */
.ak-menu a{white-space:nowrap}
.ak-menu ul a{white-space:normal}
@media(max-width:1560px){.brand-desc{display:none}}

/* The original accordion animated with max-height:0 and expanded via a `.open`
   CLASS. Native <details> exposes an [open] ATTRIBUTE instead, so that rule never
   fired and every panel stayed clamped to zero height, showing one clipped line.
   <details> handles show/hide itself, so the max-height mechanism is removed. */
details.acc-g .acc-body{max-height:none;overflow:visible;transition:none;padding:0 20px 18px}
details.acc-g[open] .acc-body{max-height:none;padding:0 20px 18px}
details.fi .faq-a{max-height:none;overflow:visible;transition:none}
details.acc-g,details.fi{overflow:visible}
details.acc-g[open] .acc-head .tog,details.fi[open] .fq .t{background:var(--coral);color:#fff;transform:rotate(45deg)}

/* H1 is one clean line carrying the ranking phrase ("Children's Speech...
   Language"), which production's H1 had and ours had lost. Hulya's line stays
   visually dominant beneath it as a paragraph, so nothing changes for a reader. */
.hero h1{font-family:'Baloo 2',cursive;font-size:clamp(18px,2vw,23px);font-weight:600;color:var(--coral);letter-spacing:.01em;line-height:1.3;margin-bottom:14px;max-width:none}
.hero-line{font-family:'Baloo 2',cursive;font-size:clamp(27px,3.7vw,43px);font-weight:700;color:var(--indigo);line-height:1.2;letter-spacing:-.01em;margin:0 auto 18px;max-width:none;text-align:center}

/* popular articles on blog posts (restores the internal links the old sidebar carried) */
.entry-popular{max-width:900px;margin:44px auto 0;border-top:1px solid var(--line);padding-top:30px}
.entry-popular h2{font-family:'Baloo 2',cursive;font-size:clamp(20px,2.6vw,26px);font-weight:700;color:var(--indigo);margin-bottom:20px;text-align:center}
.entry-popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.epc{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.epc-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--cream-2)}
.epc-thumb img{width:100%;height:100%;object-fit:cover;border-radius:0}
.epc-title{display:block;padding:14px 16px 18px;font-family:'Baloo 2',cursive;font-size:15.5px;font-weight:700;color:var(--indigo);line-height:1.3}
.epc:hover .epc-title{color:var(--coral)}
@media(max-width:700px){.entry-popular-grid{grid-template-columns:1fr}}

/* ---------- booking page ---------- */
.book-page{background:var(--cream);padding-top:clamp(28px,3.6vw,44px);padding-bottom:clamp(44px,6vw,72px)}
.book-head{text-align:center;max-width:640px;margin:0 auto clamp(22px,3vw,34px)}
.book-head h1{font-family:'Baloo 2',cursive;font-size:clamp(30px,4.4vw,44px);font-weight:800;color:var(--indigo)}
.book-head p{font-size:16.5px;color:var(--ink-2);line-height:1.6;margin-top:6px}
.book-head .book-phone{margin-top:14px}
.book-phone a{color:var(--coral);font-weight:700}
.book-widget-wrap{max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(10px,2vw,20px);overflow:hidden}
/* SimplyBook injects its own iframe with a fixed inline width; force it full-width + responsive */
.book-widget-wrap iframe{width:100% !important;min-width:0 !important;max-width:100% !important;min-height:760px;border:0;display:block}
@media(max-width:600px){.book-widget-wrap iframe{min-height:900px}.book-widget-wrap{padding:6px}}

/* content tables scroll rather than blow out the page width on mobile */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}
.table-scroll table{min-width:520px;border-collapse:collapse;width:100%}
.table-scroll th,.table-scroll td{border:1px solid var(--line);padding:10px 14px;text-align:left;font-size:15px}
.table-scroll th,.table-scroll tr:first-child td{background:var(--cream-2);font-family:'Baloo 2',cursive;color:var(--indigo);font-weight:700}

/* ============================================================
   GUT-BRAIN TESTING PAGE (scoped .gbt, uses global base/nav/footer)
   ============================================================ */
.gbt .crumb-wrap{padding-top:22px}
.gbt .crumb{font-size:13.5px;color:var(--ink-3);font-weight:600}
.gbt .crumb a:hover{color:var(--coral)}.gbt .crumb span{color:var(--coral)}
.gbt-hero{background:var(--cream);text-align:center;padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(36px,4.5vw,56px)}
.gbt-hero .wrap{max-width:820px}
.gbt-hero h1{font-family:'Baloo 2',cursive;font-size:clamp(30px,4.4vw,48px);font-weight:800;color:var(--indigo);margin-bottom:16px}
.gbt-lede{font-size:clamp(16.5px,1.9vw,19px);color:var(--ink-2);line-height:1.7;max-width:60ch;margin:0 auto 24px;text-align:center}
.gbt-cta{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}
.gbt-cta.center{justify-content:center}
.gbt-note{font-size:14px;color:var(--ink-3);font-weight:600;margin-top:16px}
.gbt-body{background:#fff;padding-top:clamp(36px,5vw,60px);padding-bottom:clamp(36px,5vw,60px)}
.gbt-body .narrow{max-width:760px;margin-inline:auto}
.gbt-body h2{font-family:'Baloo 2',cursive;font-size:clamp(23px,3vw,32px);font-weight:800;color:var(--indigo);margin:38px 0 6px}
.gbt-body h2:first-child{margin-top:0}
.gbt-body p{font-size:17px;color:var(--ink-2);line-height:1.8;margin-top:16px;text-align:justify;text-justify:inter-word;hyphens:auto}
.gbt-body p b{color:var(--ink)}
.gbt-list{margin:16px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.gbt-list li{position:relative;padding-left:28px;font-size:16.5px;color:var(--ink-2);line-height:1.7}
.gbt-list li b{color:var(--indigo)}
.gbt-list li::before{content:"";position:absolute;left:4px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--coral)}
.gbt-callout{background:var(--cream-2);border-left:4px solid var(--coral);border-radius:0 16px 16px 0;padding:22px 26px;margin-top:26px;font-size:16px;color:var(--ink-2);line-height:1.75}
.gbt-callout b{color:var(--indigo)}
.gbt-price{display:flex;gap:24px;align-items:center;background:var(--indigo);color:#fff;border-radius:22px;padding:clamp(24px,3vw,34px);margin-top:34px;flex-wrap:wrap}
.gbt-price-fig{font-family:'Baloo 2',cursive;font-weight:800;font-size:44px;color:#fff;line-height:1}
.gbt-price b{font-family:'Baloo 2',cursive;font-size:18px;color:#fff}
.gbt-price p{font-size:15px;color:rgba(255,255,255,.82);line-height:1.65;margin-top:6px;text-align:left;hyphens:none}
.gbt-faq{background:var(--cream)}
.gbt-faq h2{font-family:'Baloo 2',cursive;font-size:clamp(23px,3vw,32px);font-weight:800;color:var(--indigo);margin-bottom:24px}
.gbt-final{background:var(--cream-2);text-align:center}
.gbt-final h2{font-family:'Baloo 2',cursive;font-size:clamp(24px,3.4vw,36px);font-weight:800;color:var(--indigo);max-width:22ch;margin:0 auto 12px}
.gbt-final p{font-size:16.5px;color:var(--ink-2);line-height:1.65;max-width:52ch;margin:0 auto 22px}
@media(max-width:640px){.gbt-body p{text-align:left;hyphens:none}}

/* "See examples" click affordance on the concern accordions (Jon: make it obvious they open) */
.acc-more{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--coral);white-space:nowrap}
.acc-g[open] .acc-more{color:var(--ink-3)}
@media(max-width:520px){.acc-more{font-size:0}.acc-more .tog{font-size:20px}}

/* ============================================================
   REVIEWS PAGE — Google/Trustpilot-style stacked reviews
   ============================================================ */
.revpage{background:var(--cream);padding-top:clamp(28px,3.6vw,44px);padding-bottom:clamp(48px,6vw,80px)}
.rev-head{text-align:center;max-width:680px;margin:0 auto clamp(30px,4vw,44px)}
.rev-head h1{font-family:'Baloo 2',cursive;font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--indigo)}
.rev-agg{display:inline-flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 26px;margin:20px 0 6px}
.rev-agg-score{font-family:'Baloo 2',cursive;font-weight:800;font-size:44px;color:var(--indigo);line-height:1}
.rev-agg-stars{color:var(--amber);font-size:22px;letter-spacing:2px}
.rev-agg-count{font-size:14px;color:var(--ink-2);font-weight:600;margin-top:4px}
.rev-sub{font-size:16.5px;color:var(--ink-2);line-height:1.7;margin:14px auto 22px;max-width:60ch}
.rev-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.rev-item{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px}
.rev-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;color:#fff;font-family:'Baloo 2',cursive;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center}
.rev-body{flex:1;min-width:0}
.rev-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rev-name{font-family:'Baloo 2',cursive;font-weight:700;font-size:17px;color:var(--indigo)}
.rev-date{font-size:13px;color:var(--ink-3);font-weight:600}
.rev-item .rev-stars{color:var(--amber);font-size:15px;letter-spacing:1.5px;margin:4px 0 10px}
.rev-text{font-size:15.5px;line-height:1.72;color:var(--ink-2);margin:0;text-align:left}
.rev-cta{text-align:center;margin:clamp(36px,4vw,52px) auto 0;max-width:640px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(28px,3.4vw,44px)}
.rev-cta h2{font-family:'Baloo 2',cursive;font-size:clamp(21px,2.8vw,28px);font-weight:700;color:var(--indigo);margin-bottom:10px}
.rev-cta p{font-size:15.5px;color:var(--ink-2);line-height:1.65;max-width:48ch;margin:0 auto 20px}
.rev-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- review pull-quote callout (used across the site) ---------- */
.rq{margin:26px auto;max-width:640px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:0 18px 18px 0;padding:22px 26px}
.rq-stars{color:var(--amber);font-size:16px;letter-spacing:2px;margin-bottom:8px}
.rq blockquote{margin:0;font-family:'Baloo 2',cursive;font-size:clamp(18px,2.2vw,22px);font-weight:600;color:var(--indigo);line-height:1.4}
.rq figcaption{margin-top:12px;font-size:14px;font-weight:700;color:var(--ink-2)}
.rq figcaption span{color:var(--ink-3);font-weight:600}
.rq-band{background:var(--cream);padding-top:8px;padding-bottom:8px}
.book-page .rq{margin-top:4px;margin-bottom:26px}

/* FAQ "Read answer" click cue */
.fq-cue{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--coral);white-space:nowrap}
.fi[open] .fq-cue{color:var(--ink-3)}
@media(max-width:520px){.fq-cue{font-size:0}.fq-cue .t{font-size:20px}}

/* linked top-header locations */
.strip-where a{color:var(--ink-2);font-weight:600}
.strip-where a:hover{color:var(--coral);text-decoration:underline}

/* above-the-fold review line in the hero */
.hero-review{display:inline-block;margin-top:20px;font-size:14.5px;color:var(--ink-2);line-height:1.5;max-width:52ch}
.hero-review-stars{color:var(--amber);letter-spacing:1px}
.hero-review-name{color:var(--ink-3);font-weight:700;white-space:nowrap}
.hero-review:hover{color:var(--ink)}