/*
  Synergy Space brand refresh.
  This file intentionally overrides older inline page styles so the public site,
  auth modals, and dashboards keep working while the visual language gets calmer.
*/
:root{
  --trust-ink:#24332d;
  --trust-body:#4d5a53;
  --trust-muted:#6b746c;
  --trust-sage:#6f8a78;
  --trust-moss:#3f6251;
  --trust-clay:#b86f52;
  --trust-gold:#c28d42;
  --trust-mist:#edf4ef;
  --trust-paper:#fffdf8;
  --trust-linen:#f6efe4;
  --trust-blue:#dce8ec;
  --trust-line:rgba(36,51,45,.13);
  --trust-shadow:0 18px 46px rgba(36,51,45,.09);
  --trust-radius:16px;
  --trust-radius-lg:22px;
  --trust-focus:0 0 0 4px rgba(63,98,81,.14);
}

html{scroll-behavior:smooth}
::selection{
  background:rgba(184,111,82,.22);
  color:var(--trust-ink);
}
body{
  color:var(--trust-body) !important;
  background:
    linear-gradient(180deg, #fffaf2 0%, #edf4ef 42%, #f8f0e7 100%) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(111,138,120,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(111,138,120,.06) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.5), transparent 74%);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(760px 360px at 12% 6%, rgba(184,111,82,.10), transparent 60%),
    radial-gradient(680px 380px at 90% 12%, rgba(63,98,81,.10), transparent 62%),
    radial-gradient(620px 360px at 50% 88%, rgba(194,141,66,.08), transparent 64%);
}

.container{max-width:1180px !important}
section{padding:52px 0 !important}

body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible{
  outline:none !important;
  box-shadow:var(--trust-focus) !important;
}

.topbar-wrap,
.hero-wrap,
.band-wrap,
.story-wrap,
.process-wrap,
.outcomes-wrap,
.fees-wrap,
.cta-wrap,
.footer-wrap{
  background:transparent !important;
}

.topbar-wrap::before,
.topbar-wrap::after,
.hero-wrap::before,
.hero-wrap::after,
.band-wrap::before,
.band-wrap::after,
.story-wrap::before,
.story-wrap::after,
.process-wrap::before,
.process-wrap::after,
.outcomes-wrap::before,
.outcomes-wrap::after,
.fees-wrap::before,
.fees-wrap::after,
.cta-wrap::before,
.cta-wrap::after,
.footer-wrap::before,
.footer-wrap::after,
.section-wave{
  display:none !important;
}

body .topbar{
  background:rgba(255,253,248,.9) !important;
  border-bottom:1px solid var(--trust-line) !important;
  box-shadow:0 8px 28px rgba(36,51,45,.06) !important;
  backdrop-filter:saturate(1.08) blur(18px) !important;
}

body .topbar .brand,
body footer .brand{
  color:var(--trust-ink) !important;
}

body .topbar .brand-photo,
body .footer-photo{
  border-radius:12px !important;
}

body .topbar .navlinks a{
  color:rgba(36,51,45,.76) !important;
  border:1px solid transparent !important;
}

body .topbar .navlinks a:hover{
  background:var(--trust-mist) !important;
  color:var(--trust-moss) !important;
  border-color:rgba(63,98,81,.10) !important;
}

body .btn,
body .hero-cta,
body .btn-primary,
body .btn-consult{
  border-radius:12px !important;
  background:var(--trust-moss) !important;
  color:#fff !important;
  border:1px solid rgba(63,98,81,.2) !important;
  box-shadow:0 14px 30px rgba(63,98,81,.18) !important;
  letter-spacing:0 !important;
  min-height:46px;
}

body .btn:hover,
body .hero-cta:hover{
  transform:translateY(-1px);
  background:#355746 !important;
}

body .btn-quiet{
  background:rgba(255,253,248,.92) !important;
  color:var(--trust-moss) !important;
  border-color:var(--trust-line) !important;
  box-shadow:none !important;
}

body .btn-quiet:hover{
  background:var(--trust-mist) !important;
  border-color:rgba(63,98,81,.18) !important;
}

body .kicker,
body .badge{
  color:var(--trust-moss) !important;
  letter-spacing:.08em !important;
}

body .title,
body h1,
body h2,
body h3{
  color:var(--trust-ink) !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}

body h1{
  max-width:11ch;
}

body .sub,
body .muted{
  color:var(--trust-muted) !important;
  opacity:1 !important;
}

body .hero-wrap{
  padding:28px 0 24px !important;
}

body .hero{
  padding:24px 0 10px !important;
}

body .heroShell,
body .card,
body .panel,
body .svc,
body .footer-card,
body .auth-modal .auth-dialog{
  border-radius:var(--trust-radius-lg) !important;
  border:1px solid var(--trust-line) !important;
  background:
    linear-gradient(180deg, rgba(255,253,248,.94), rgba(255,250,242,.82)) !important;
  box-shadow:var(--trust-shadow), inset 0 1px 0 rgba(255,255,255,.72) !important;
  backdrop-filter:saturate(1.05) blur(14px);
}

body .card{
  padding:clamp(22px, 3vw, 34px) !important;
}

body .heroShell::before,
body .card::before,
body .panel::before,
body .svc::before{
  opacity:0 !important;
}

body .heroInner{
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.72fr) !important;
  gap:clamp(28px, 5vw, 56px) !important;
  padding:clamp(28px, 5vw, 54px) !important;
  align-items:center !important;
}

body .hero-copy{
  display:grid;
  gap:12px;
  max-width:68ch;
}

body .hero-copy p{
  margin:0 !important;
  line-height:1.7 !important;
}

body .trust-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:20px 0;
}

body .trust-strip span{
  border:1px solid var(--trust-line);
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f4f8f5);
  padding:14px;
  font-weight:800;
  color:var(--trust-ink);
  min-height:82px;
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
}

body .trust-strip span::before{
  content:"";
  position:absolute;
  width:34px;
  height:34px;
  top:12px;
  left:12px;
  border-radius:12px;
  background:rgba(63,98,81,.10);
  border:1px solid rgba(63,98,81,.10);
}

body .coach-note{
  border-left:4px solid var(--trust-clay);
  background:#fff;
  border-radius:12px;
  padding:14px 16px;
  color:var(--trust-body);
  box-shadow:0 10px 24px rgba(36,51,45,.06);
  line-height:1.65;
}

body .photoCard{
  border-radius:16px !important;
  box-shadow:0 22px 56px rgba(36,51,45,.14) !important;
}

body .photoCard::after{
  content:"Parent coaching for calmer home routines";
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:3;
  border-radius:12px;
  background:rgba(255,253,248,.92);
  border:1px solid var(--trust-line);
  color:var(--trust-ink);
  padding:12px 14px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(36,51,45,.12);
}

body .photoCard::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:3;
  border:1px solid rgba(255,255,255,.54);
  border-radius:12px;
  pointer-events:none;
}

body .arch,
body .ss-tm__item,
body .resource-card,
body .faq-item{
  border-radius:18px !important;
  background:linear-gradient(180deg,#fffdf8,#f8fbf7) !important;
  border:1px solid var(--trust-line) !important;
  box-shadow:0 10px 24px rgba(36,51,45,.06) !important;
}

body .arch:hover,
body .ss-tm__item:hover{
  transform:translateY(-3px);
}

body .arches,
body .svcGrid,
body .ss-tm__grid{
  gap:18px !important;
}

body .arch{
  min-height:unset !important;
  padding:24px !important;
}

body .arch ul,
body .bullets{
  padding-left:1.15rem;
}

body .arch li,
body .bullets li{
  margin:.42rem 0;
}

body .stack > div{
  border-radius:14px;
}

body .story-wrap .card > .stack > div{
  padding:12px 14px;
  border:1px solid rgba(63,98,81,.11);
  background:rgba(255,255,255,.55);
}

body .story-wrap hr{
  border-top-color:rgba(63,98,81,.13) !important;
}

body .ss-wa__copy{
  max-width:840px !important;
}

body .ss-wa__list{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

body .ss-wa__list li{
  border-radius:16px !important;
  padding:18px 14px 18px 38px !important;
  min-height:74px;
  display:flex;
  align-items:center;
}

body .ss-iconCard{
  border-radius:16px !important;
  min-height:84px !important;
  align-items:flex-start !important;
  flex-direction:column;
  justify-content:space-between;
}

body .ss-icon{
  border-radius:14px !important;
  background:rgba(63,98,81,.10) !important;
  color:var(--trust-moss);
}

body .ss-why__grid{
  gap:clamp(22px,4vw,46px) !important;
  align-items:center !important;
}

body .ss-tm__quote{
  color:var(--trust-body);
}

body .footer-legal{
  color:var(--trust-muted) !important;
}

body .footer-card{
  background:#fffdf8 !important;
}

body .footer-credit{
  background:var(--trust-mist) !important;
}

body .shell{
  border-radius:16px !important;
  border:1px solid var(--trust-line) !important;
  background:rgba(255,253,248,.82) !important;
  box-shadow:var(--trust-shadow) !important;
}

body .tabs{
  background:rgba(237,244,239,.78) !important;
  border-color:var(--trust-line) !important;
}

body .tab[data-active="true"],
body .pill.status,
body .badge.ok,
body .badge.approved{
  background:var(--trust-moss) !important;
  color:#fff !important;
}

body input,
body select,
body textarea{
  border-radius:10px !important;
  border-color:var(--trust-line) !important;
  background:#fffdf8 !important;
}

body table,
body .table{
  border-color:var(--trust-line) !important;
}

.seo-support-copy{
  max-width:900px;
  margin:0 auto;
  font-size:15px;
  color:var(--trust-muted);
}

.seo-support-copy strong{color:var(--trust-ink)}

@media (min-width:981px){
  body .heroShell{
    position:relative;
  }

  body .heroShell::after{
    content:"";
    position:absolute;
    inset:auto 34px 24px 34px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(63,98,81,.20), transparent);
    pointer-events:none;
  }
}

@media (max-width:980px){
  body .heroInner{
    grid-template-columns:1fr !important;
    padding:22px !important;
  }

  body h1{
    max-width:none;
  }

  body .trust-strip{
    grid-template-columns:1fr;
  }

  body .ss-wa__list{
    grid-template-columns:1fr;
  }

  section{padding:30px 0 !important}
}

@media (max-width:640px){
  body .container{
    padding:0 14px !important;
  }

  body .heroShell,
  body .card,
  body .panel,
  body .svc,
  body .footer-card{
    border-radius:18px !important;
  }

  body .photoCard::after{
    left:12px;
    right:12px;
    bottom:12px;
    font-size:13px;
  }
}

/* ============================================================
   Full Coaching Site Redesign - July 2026
   Stronger editorial layout, fewer repeated cards, modern trust cues.
============================================================ */
:root{
  --rx-ink:#17241f;
  --rx-forest:#264c3f;
  --rx-eucalyptus:#7fa08c;
  --rx-coral:#c9795b;
  --rx-sky:#d8e8ed;
  --rx-cream:#fff8ed;
  --rx-paper:#fffdf8;
  --rx-stone:#e7dfd2;
  --rx-text:#43524a;
  --rx-muted:#6f7b73;
  --rx-line:rgba(23,36,31,.12);
  --rx-shadow:0 28px 90px rgba(23,36,31,.13);
  --rx-soft-shadow:0 16px 42px rgba(23,36,31,.08);
  --rx-radius:18px;
}

body{
  color:var(--rx-text) !important;
  background:
    linear-gradient(180deg, #fffaf1 0%, #f3f7f2 34%, #eef6f7 66%, #fff8ed 100%) !important;
}

body::before{
  background:
    linear-gradient(90deg, rgba(38,76,63,.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(38,76,63,.045) 1px, transparent 1px) !important;
  background-size:72px 72px !important;
  opacity:.85;
}

body::after{
  background:
    radial-gradient(900px 460px at 10% 4%, rgba(201,121,91,.13), transparent 64%),
    radial-gradient(760px 420px at 92% 8%, rgba(127,160,140,.18), transparent 64%),
    radial-gradient(760px 420px at 50% 92%, rgba(216,232,237,.44), transparent 64%) !important;
}

body .topbar{
  background:rgba(255,253,248,.84) !important;
  border-bottom:1px solid rgba(23,36,31,.08) !important;
  box-shadow:0 10px 34px rgba(23,36,31,.055) !important;
}

body .topbar .nav{padding:12px 0 !important;}
body .topbar .brand{gap:10px !important; color:var(--rx-ink) !important;}
body .topbar .brand-photo{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  box-shadow:0 12px 28px rgba(23,36,31,.10) !important;
}
body .topbar .brand small{color:rgba(23,36,31,.52) !important;}
body .topbar .navlinks{gap:6px !important;}
body .topbar .navlinks a{
  border-radius:999px !important;
  padding:10px 13px !important;
  color:rgba(23,36,31,.72) !important;
}
body .topbar .navlinks a:hover{
  background:rgba(216,232,237,.55) !important;
  border-color:rgba(38,76,63,.10) !important;
  color:var(--rx-forest) !important;
}

body .hero-wrap{
  min-height:calc(100svh - 74px);
  display:flex;
  align-items:center;
  padding:34px 0 48px !important;
}
body .hero{width:100%; padding:0 !important;}
body .heroShell{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow:visible !important;
}
body .heroShell::after{display:none !important;}
body .heroInner{
  position:relative;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.82fr) !important;
  gap:clamp(32px, 7vw, 88px) !important;
  padding:clamp(26px, 5vw, 58px) 0 !important;
}
body .heroInner > div:first-child{
  position:relative;
  z-index:2;
  max-width:760px;
}
body .kicker{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,253,248,.72);
  border:1px solid rgba(38,76,63,.12);
  color:var(--rx-forest) !important;
  box-shadow:0 10px 28px rgba(23,36,31,.055);
}
body .kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--rx-coral);
  box-shadow:0 0 0 5px rgba(201,121,91,.14);
}
body .hero h1{
  max-width:12ch !important;
  margin:18px 0 16px !important;
  font-size:clamp(46px, 7.2vw, 94px) !important;
  line-height:.93 !important;
  letter-spacing:-.035em !important;
  color:var(--rx-ink) !important;
}
body .hero .sub{
  max-width:760px !important;
  font-size:clamp(17px, 1.7vw, 22px) !important;
  line-height:1.42 !important;
  color:rgba(23,36,31,.78) !important;
}
body .hero-signal-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0 16px;
}
body .hero-signal-row span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(216,232,237,.72);
  border:1px solid rgba(23,36,31,.10);
  color:var(--rx-forest);
  font-weight:900;
  font-size:13px;
}
body .hero-copy{
  max-width:720px !important;
  gap:14px !important;
  margin-top:8px;
}
body .hero-copy p{
  font-size:16px;
  line-height:1.78 !important;
  color:var(--rx-text) !important;
}
body .trust-strip{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:24px 0 !important;
  gap:12px !important;
}
body .trust-strip span{
  min-height:112px !important;
  align-items:flex-end;
  border-radius:18px !important;
  padding:16px !important;
  background:
    linear-gradient(180deg, rgba(255,253,248,.92), rgba(255,253,248,.72)) !important;
  border-color:rgba(23,36,31,.10) !important;
  box-shadow:0 16px 38px rgba(23,36,31,.07);
}
body .trust-strip span:nth-child(1)::before{background:rgba(201,121,91,.13) !important;}
body .trust-strip span:nth-child(2)::before{background:rgba(127,160,140,.18) !important;}
body .trust-strip span:nth-child(3)::before{background:rgba(216,232,237,.72) !important;}
body .coach-note{
  max-width:700px;
  border:1px solid rgba(201,121,91,.18) !important;
  border-left:5px solid var(--rx-coral) !important;
  border-radius:18px !important;
  background:rgba(255,253,248,.82) !important;
  box-shadow:0 18px 44px rgba(23,36,31,.08) !important;
}
body .hero .row{margin-top:24px !important; gap:12px !important;}
body .btn,
body .hero-cta,
body .btn-primary,
body .btn-consult{
  min-height:50px !important;
  border-radius:999px !important;
  padding:13px 18px !important;
  background:linear-gradient(135deg, var(--rx-forest), #17372d) !important;
  box-shadow:0 18px 38px rgba(38,76,63,.22) !important;
}
body .btn-quiet{
  background:rgba(255,253,248,.74) !important;
  color:var(--rx-forest) !important;
  box-shadow:0 12px 28px rgba(23,36,31,.06) !important;
}

body .heroInner .panel{
  min-height:unset !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body .photoCard{
  max-width:500px !important;
  aspect-ratio:4/5.2 !important;
  border-radius:32px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 34px 100px rgba(23,36,31,.20) !important;
  background:var(--rx-stone) !important;
}
body .photoCard img{filter:saturate(.94) contrast(1.03) !important;}
body .photoCard::before{
  inset:14px !important;
  border-radius:22px !important;
  border-color:rgba(255,255,255,.42) !important;
}
body .photoCard::after{display:none !important;}
body .coach-lens{
  position:absolute;
  z-index:4;
  border:1px solid rgba(255,255,255,.58);
  background:rgba(255,253,248,.84);
  backdrop-filter:blur(14px);
  color:var(--rx-ink);
  box-shadow:0 18px 46px rgba(23,36,31,.16);
}
body .coach-lens--top{
  top:22px;
  left:-26px;
  max-width:210px;
  border-radius:18px;
  padding:14px 16px;
  font-weight:900;
  line-height:1.2;
}
body .coach-lens--bottom{
  right:-24px;
  bottom:28px;
  width:min(260px, 74%);
  border-radius:20px;
  padding:16px;
}
body .coach-lens--bottom strong,
body .coach-lens--bottom span{display:block;}
body .coach-lens--bottom strong{font-size:14px;}
body .coach-lens--bottom span{margin-top:4px;color:var(--rx-muted);font-size:13px;line-height:1.35;}

body .band-wrap,
body .story-wrap,
body .footer-wrap{
  position:relative;
  isolation:isolate;
}
body .band-wrap{
  background:linear-gradient(180deg, rgba(216,232,237,.48), rgba(255,253,248,.22)) !important;
  border-top:1px solid rgba(23,36,31,.08);
  border-bottom:1px solid rgba(23,36,31,.08);
}
body .story-wrap{
  background:linear-gradient(180deg, rgba(255,253,248,.2), rgba(243,247,242,.66)) !important;
}
body .footer-wrap{
  background:linear-gradient(180deg, rgba(23,36,31,.04), rgba(23,36,31,.08)) !important;
}

body .card,
body .svc,
body .footer-card,
body .auth-modal .auth-dialog{
  border-radius:24px !important;
  border:1px solid rgba(23,36,31,.11) !important;
  background:rgba(255,253,248,.76) !important;
  box-shadow:var(--rx-soft-shadow) !important;
}
body .card{
  overflow:hidden;
}
body .card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.38), transparent 42%);
}
body .card > *{position:relative;z-index:1;}
body .title,
body h2,
body h3{color:var(--rx-ink) !important;}
body .title{font-size:clamp(28px, 4vw, 48px) !important;line-height:1 !important;}
body .page-hero .card{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(280px,.52fr);
  gap:clamp(22px,4vw,54px);
  align-items:start;
}
body .page-hero .card > hr{display:none;}
body .page-hero .card > .stack,
body .page-hero .card > .row,
body .page-hero .card > h3:nth-of-type(n+2),
body .page-hero .card > p:nth-of-type(n+2){grid-column:2;}
body .page-hero .card > .kicker,
body .page-hero .card > h1,
body .page-hero .card > p:first-of-type{grid-column:1;}
body .page-hero .stack > div{
  padding:16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(23,36,31,.10) !important;
}
body .seo-support-copy{
  border-left:5px solid var(--rx-forest);
  padding:18px 22px;
  border-radius:18px;
  background:rgba(255,253,248,.72);
  box-shadow:0 14px 36px rgba(23,36,31,.07);
}

body .ss-wa__card,
body .ss-why__card,
body .ss-tm__card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body .ss-wa__title,
body .ss-why__title,
body .ss-tm__title{max-width:860px;}
body .ss-wa__list{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}
body .ss-wa__list li,
body .ss-iconCard,
body .ss-tm__item,
body .arch{
  background:rgba(255,253,248,.72) !important;
  border:1px solid rgba(23,36,31,.10) !important;
  border-radius:22px !important;
  box-shadow:0 16px 42px rgba(23,36,31,.075) !important;
}
body .ss-wa__list li{border-radius:999px !important;}
body .ss-iconGrid{gap:14px !important;}
body .ss-iconCard{padding:18px !important;}
body .ss-tm__grid{grid-template-columns:repeat(5,minmax(220px,1fr)) !important;overflow:auto;padding-bottom:10px;scroll-snap-type:x proximity;}
body .ss-tm__item{scroll-snap-align:start;min-height:230px !important;}
body .arches{grid-template-columns:repeat(4,minmax(220px,1fr)) !important;overflow:auto;padding-bottom:10px;scroll-snap-type:x proximity;}
body .arch{scroll-snap-align:start;}

body footer .footer-card{border-radius:28px !important;}
body .footer-credit{background:rgba(216,232,237,.55) !important;}

@media (max-width:1080px){
  body .heroInner{grid-template-columns:1fr !important;}
  body .hero h1{max-width:11ch !important;}
  body .photoCard{max-width:440px !important;margin:0 auto;}
  body .page-hero .card{grid-template-columns:1fr;}
  body .page-hero .card > *{grid-column:1 !important;}
}

@media (max-width:760px){
  body .hero-wrap{min-height:auto;padding:28px 0 34px !important;}
  body .hero h1{font-size:clamp(42px, 13vw, 64px) !important;}
  body .hero .sub{font-size:17px !important;}
  body .trust-strip{grid-template-columns:1fr !important;}
  body .trust-strip span{min-height:88px !important;}
  body .coach-lens--top{left:12px;top:12px;max-width:190px;}
  body .coach-lens--bottom{right:12px;bottom:14px;}
  body .photoCard{border-radius:26px !important;}
  body .ss-wa__list{grid-template-columns:1fr !important;}
  body .ss-tm__grid,
  body .arches{grid-template-columns:1fr !important;overflow:visible;}
  body .ss-tm__item{min-height:unset !important;}
}

/* ============================================================
   Full Redesign Direction 2 - Coaching Studio / Clinical Boutique
   A distinct, grounded visual system layered over the working PHP site.
============================================================ */
:root{
  --studio-ink:#10231c;
  --studio-ink-2:#173228;
  --studio-paper:#fbf7ee;
  --studio-ivory:#fffdf8;
  --studio-mint:#c9ddd2;
  --studio-blue:#dfecef;
  --studio-brass:#b88b4a;
  --studio-clay:#bf7359;
  --studio-text:#31443a;
  --studio-muted:#69786f;
  --studio-line:rgba(16,35,28,.13);
  --studio-shadow:0 28px 80px rgba(16,35,28,.16);
}

body{
  color:var(--studio-text) !important;
  background:
    linear-gradient(180deg, #10231c 0 620px, #fbf7ee 620px 100%) !important;
}

body::before{
  opacity:.38 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px) !important;
  background-size:88px 88px !important;
  mask-image:linear-gradient(180deg, #000 0 520px, transparent 900px) !important;
}

body::after{
  background:
    radial-gradient(900px 520px at 12% 4%, rgba(191,115,89,.22), transparent 64%),
    radial-gradient(760px 500px at 88% 8%, rgba(201,221,210,.18), transparent 62%),
    linear-gradient(180deg, rgba(16,35,28,.88) 0 600px, transparent 600px) !important;
}

body .topbar{
  background:rgba(16,35,28,.74) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  backdrop-filter:saturate(1.1) blur(20px) !important;
}
body .topbar .brand,
body .topbar .navlinks a,
body .topbar .btn-quiet{
  color:rgba(255,253,248,.88) !important;
}
body .topbar .brand small{color:rgba(255,253,248,.55) !important;}
body .topbar .brand-photo{
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
}
body .topbar .navlinks a:hover{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#fffdf8 !important;
}
body .topbar .btn-quiet{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
body .topbar .btn-primary,
body .topbar .btn-primary:hover{
  background:#fffdf8 !important;
  color:var(--studio-ink) !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
}

body .hero-wrap{
  min-height:calc(100svh - 68px) !important;
  background:transparent !important;
  color:#fffdf8 !important;
  padding:38px 0 70px !important;
}
body .heroInner{
  grid-template-columns:minmax(0,.9fr) minmax(380px,.7fr) !important;
  gap:clamp(38px, 8vw, 104px) !important;
  align-items:center !important;
  padding:clamp(28px, 6vw, 72px) 0 !important;
}
body .heroInner > div:first-child{
  max-width:820px !important;
}
body .hero .kicker{
  color:rgba(255,253,248,.86) !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
body .hero .kicker::before{
  background:var(--studio-brass) !important;
  box-shadow:0 0 0 5px rgba(184,139,74,.18) !important;
}
body .hero h1{
  max-width:12ch !important;
  color:#fffdf8 !important;
  text-shadow:0 18px 48px rgba(0,0,0,.18);
  font-size:clamp(48px, 7.4vw, 104px) !important;
  line-height:.9 !important;
}
body .hero .sub{
  color:rgba(255,253,248,.78) !important;
  font-size:clamp(18px,1.55vw,23px) !important;
  max-width:800px !important;
}
body .hero-signal-row span{
  background:rgba(255,253,248,.10) !important;
  color:#fffdf8 !important;
  border-color:rgba(255,253,248,.14) !important;
}
body .hero-copy p{
  color:rgba(255,253,248,.74) !important;
  font-size:16px !important;
}
body .trust-strip{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap;
}
body .trust-strip span{
  flex:1 1 180px;
  min-height:92px !important;
  color:#fffdf8 !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.13) !important;
  box-shadow:none !important;
}
body .trust-strip span::before{
  background:rgba(255,253,248,.11) !important;
  border-color:rgba(255,253,248,.10) !important;
}
body .coach-note{
  color:rgba(255,253,248,.86) !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-left:5px solid var(--studio-brass) !important;
  box-shadow:none !important;
}
body .hero .hero-cta,
body .hero .btn-primary,
body .hero .btn-consult{
  background:#fffdf8 !important;
  color:var(--studio-ink) !important;
  border-color:rgba(255,255,255,.55) !important;
  box-shadow:0 20px 46px rgba(0,0,0,.20) !important;
}
body .hero .btn-quiet{
  background:transparent !important;
  color:#fffdf8 !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:none !important;
}

body .heroInner .panel{
  justify-content:flex-end !important;
}
body .photoCard{
  max-width:470px !important;
  aspect-ratio:4/5.45 !important;
  border-radius:0 92px 0 92px !important;
  border:1px solid rgba(255,253,248,.24) !important;
  box-shadow:0 48px 120px rgba(0,0,0,.35) !important;
}
body .photoCard::before{
  inset:18px !important;
  border-radius:0 72px 0 72px !important;
  border-color:rgba(255,253,248,.38) !important;
}
body .coach-lens{
  background:rgba(16,35,28,.72) !important;
  border-color:rgba(255,253,248,.22) !important;
  color:#fffdf8 !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28) !important;
}
body .coach-lens--top{
  left:-34px !important;
  top:34px !important;
  border-radius:999px !important;
}
body .coach-lens--bottom{
  right:-36px !important;
  bottom:42px !important;
  border-radius:28px !important;
}
body .coach-lens--bottom span{color:rgba(255,253,248,.68) !important;}

body .band-wrap,
body .story-wrap,
body .footer-wrap{
  background:var(--studio-paper) !important;
  border:0 !important;
}
body .band-wrap{
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
body section{padding:68px 0 !important;}
body .card,
body .svc,
body .footer-card,
body .auth-modal .auth-dialog{
  background:var(--studio-ivory) !important;
  border:1px solid var(--studio-line) !important;
  border-radius:28px !important;
  box-shadow:0 18px 48px rgba(16,35,28,.09) !important;
}
body .card::after{display:none !important;}
body .title,
body h2,
body h3{
  color:var(--studio-ink) !important;
}
body .title{
  font-size:clamp(32px,4.8vw,62px) !important;
  line-height:.96 !important;
  letter-spacing:-.025em !important;
}
body .muted,
body .sub{color:var(--studio-muted) !important;}
body .page-hero .card{
  background:linear-gradient(135deg, #fffdf8 0%, #fffdf8 58%, #edf6f1 100%) !important;
  border-radius:34px !important;
  grid-template-columns:minmax(0,.74fr) minmax(320px,.56fr) !important;
}
body .page-hero .card > h1{
  font-size:clamp(34px, 4.8vw, 68px) !important;
}
body .page-hero .stack > div{
  background:#fff !important;
  border-color:rgba(16,35,28,.10) !important;
  box-shadow:0 12px 30px rgba(16,35,28,.055);
}
body .seo-support-copy{
  max-width:1040px !important;
  background:var(--studio-ink) !important;
  color:rgba(255,253,248,.74) !important;
  border:0 !important;
  border-radius:30px !important;
  padding:26px 30px !important;
  box-shadow:var(--studio-shadow) !important;
}
body .seo-support-copy strong{color:#fffdf8 !important;}

body .ss-wa__card,
body .ss-why__card,
body .ss-tm__card{
  padding:0 !important;
  background:transparent !important;
}
body .ss-wa__list li,
body .ss-iconCard,
body .ss-tm__item,
body .arch{
  background:#fffdf8 !important;
  border-radius:26px !important;
  border:1px solid rgba(16,35,28,.10) !important;
  box-shadow:0 18px 44px rgba(16,35,28,.08) !important;
}
body .ss-wa__list li{
  border-radius:999px !important;
  background:#fff !important;
}
body .ss-iconCard{
  min-height:112px !important;
  background:linear-gradient(180deg,#fffdf8,#f4faf7) !important;
}
body .ss-icon{
  background:var(--studio-mint) !important;
  color:var(--studio-ink) !important;
}
body .ss-tm__item{
  border-radius:0 34px 0 34px !important;
}
body .arch{
  border-radius:34px 34px 12px 12px !important;
}
body .footer-wrap{
  background:#e8eee8 !important;
}
body .footer-card{
  background:rgba(255,253,248,.86) !important;
}
body .footer-credit{
  background:rgba(16,35,28,.06) !important;
}

@media (max-width:1080px){
  body{
    background:linear-gradient(180deg, #10231c 0 920px, #fbf7ee 920px 100%) !important;
  }
  body .heroInner{grid-template-columns:1fr !important;}
  body .heroInner .panel{justify-content:center !important;}
  body .photoCard{max-width:430px !important;}
  body .page-hero .card{grid-template-columns:1fr !important;}
  body .page-hero .card > *{grid-column:1 !important;}
}

@media (max-width:760px){
  body{
    background:linear-gradient(180deg, #10231c 0 1120px, #fbf7ee 1120px 100%) !important;
  }
  body .topbar .brand span{font-size:14px;}
  body .topbar .brand small{font-size:9px;}
  body .hero h1{font-size:clamp(44px,13vw,70px) !important;}
  body .hero-copy p{font-size:15px !important;}
  body .photoCard{border-radius:0 58px 0 58px !important;}
  body .photoCard::before{border-radius:0 44px 0 44px !important;}
  body .coach-lens--top,
  body .coach-lens--bottom{left:14px !important;right:14px !important;width:auto !important;}
  body .coach-lens--top{top:14px !important;}
  body .coach-lens--bottom{bottom:14px !important;}
  body section{padding:42px 0 !important;}
  body .card{border-radius:24px !important;}
}