/* Balance: wellness and everyday movement. Misty blue, rounded type, an organic photo shape, soft inset bands. */
.coach-site.balance{
  --cs-bg:#f6fafb;--cs-alt:#e8f1f4;--cs-ink:#12313b;--cs-soft:#476169;--cs-line:#d3e3e8;--cs-card:#ffffff;
  --cs-head:'Outfit',sans-serif;--cs-body:'Figtree',sans-serif;--cs-head-weight:500;--cs-head-track:-0.025em;--cs-head-case:none;
  --cs-radius:26px;--cs-photo-radius:46% 54% 44% 56% / 52% 46% 54% 48%;--cs-button-radius:999px;--cs-photo-pos:50% 40%;
  --cs-shadow:0 30px 60px -40px rgba(18,49,59,.42)
}
.balance h1{font-size:clamp(42px,5.6vw,76px);line-height:1.04}
.balance h2{font-size:clamp(32px,3.8vw,52px)}
.balance .cs-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:999px;background:var(--cs-accent-soft);font-size:14px;font-weight:600}
.balance .cs-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coach-accent)}

.balance .cs-header{border-bottom-color:transparent}
.balance .cs-nav a{text-transform:lowercase;font-size:16px}
.balance .cs-header .cs-button{background:transparent;color:var(--cs-ink);box-shadow:inset 0 0 0 1.5px var(--cs-ink)}
.balance .cs-brand{font-weight:500;font-size:22px}
.balance .cs-brand-mark{border-radius:50% 50% 50% 14px}

/* Hero: a large rounded photo window with a frosted card */
.ba-hero{padding:28px 0 80px}
.ba-window{position:relative;display:flex;align-items:flex-end;min-height:clamp(540px,60vw,720px);padding:clamp(14px,2.6vw,34px);border-radius:clamp(28px,4vw,52px);overflow:hidden;background:radial-gradient(60% 80% at 75% 30%,color-mix(in srgb,var(--coach-accent) 28%,var(--cs-bg)),var(--cs-alt))}
.ba-window img{position:absolute;top:0;left:0;width:122%;max-width:none;height:100%;object-fit:cover;object-position:var(--cs-photo-pos);transform:scaleX(-1)}
.ba-card{position:relative;max-width:580px;padding:clamp(26px,3vw,42px);border-radius:clamp(22px,3vw,34px);background:color-mix(in srgb,var(--cs-bg) 86%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 30px 60px -40px rgba(18,49,59,.5)}
.ba-card .cs-lede{margin:18px 0 26px}
.ba-chips{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ba-chips li{padding:9px 17px;border-radius:999px;background:var(--cs-card);border:1px solid var(--cs-line);font-size:14.5px;font-weight:500}

/* Steps centred under soft orbs */
.balance .cs-process .cs-head{margin-inline:auto;text-align:center}
.balance .cs-step{text-align:center;padding:36px 30px}
.balance .cs-step-num{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--coach-accent) 30%,#fff),var(--cs-accent-soft));font:500 26px/1 var(--cs-head)}

/* Stories alternate like a conversation */
.balance .cs-stories .cs-head{margin-inline:auto;text-align:center}
.balance .cs-story-grid{grid-template-columns:minmax(0,1fr);max-width:820px;margin:0 auto;gap:18px}
.balance .cs-story{width:min(100%,640px);border-radius:30px 30px 30px 8px}
.balance .cs-story:nth-child(even){margin-left:auto;border-radius:30px 30px 8px 30px;background:var(--cs-accent-soft)}
.balance .cs-story blockquote::before{display:none}

/* Rounded inset bands instead of full-bleed stripes */
.balance .cs-alt{margin-inline:clamp(8px,2vw,28px);border-radius:clamp(28px,4vw,52px)}
.balance .cs-offer,.balance .cs-step,.balance .cs-story,.balance .cs-form,.balance .cs-quals{border:0;box-shadow:var(--cs-shadow)}
.balance .cs-offer{border-radius:30px}
.ba-story figcaption{display:flex;align-items:center;gap:12px;color:var(--cs-ink)}
.ba-avatar{flex:none;width:42px;height:42px;border-radius:50%;background:var(--cs-accent-soft);color:var(--cs-accent-text);display:flex;align-items:center;justify-content:center;font:600 15px/1 var(--cs-head)}
.balance .cs-story blockquote::before{color:color-mix(in srgb,var(--coach-accent) 45%,transparent)}
.balance .cs-faq-list details{border:0;margin-bottom:10px;padding:0 24px;border-radius:20px;background:var(--cs-card)}
.balance .cs-faq-list details:first-child{border-top:0}
.balance .cs-footer{border-top:0}

/* Calm, centred reading column */
.balance .cs-about-inner{grid-template-columns:minmax(0,1fr);max-width:780px;margin:0 auto;gap:22px}
.balance .cs-about-head{text-align:center}
.balance .cs-about-body .cs-link{display:table;margin-inline:auto}
.balance .cs-faq-inner{grid-template-columns:minmax(0,1fr);max-width:820px;margin:0 auto;gap:8px}
.balance .cs-faq .cs-head{margin-inline:auto;text-align:center}

@media (max-width:600px){
  .ba-window{display:block;min-height:0;padding:0;background:none;overflow:visible}
  .ba-window img{position:relative;width:100%;height:300px;border-radius:28px}
  .ba-card{margin:-56px 10px 0;background:var(--cs-card)}
  .ba-no-photo .ba-card{margin:0}
}