/* Motiva core stylesheet — generated by _build/build_css.py. */
/* Edit source modules, not this generated file. */

/* ===== fonts.css ===== */
/* Motiva local font faces — declare variable fonts as variable ranges so browsers
   render true intermediate weights instead of treating one file as several static faces. */

/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInHWVyNJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgsAXHNk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== style.css ===== */
/* Motiva v2 — "Range of Motion" design system.
   Physiotherapy measures recovery in degrees of motion regained; the visual
   system borrows that vocabulary (arcs, tick marks, tabular data) instead of
   generic wellness/teal cues. */

:root{
  --ink:#14171f;
  --ink-soft:#3d4451;
  --muted:#69707d;
  --paper:#eef0ee;
  --paper-deep:#e4e7e3;
  --surface:#ffffff;
  --line:#dde1dc;
  --line-strong:#c7cdc6;
  --accent:#2f4cdb;
  --accent-deep:#1c318f;
  --accent-tint:#e7eafc;
  --energy:#b8480a;
  --energy-deep:#8f3506;
  --energy-tint:#fce9dc;
  --radius-s:6px;
  --radius-m:10px;
  --radius-l:16px;
  --shadow:0 24px 60px rgba(20,23,31,.10);
  --shadow-soft:0 10px 26px rgba(20,23,31,.07);
  --maxw:1220px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Public Sans',ui-sans-serif,system-ui,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit}
.mono{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace}

h1,h2,h3,h4{font-family:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;margin:0 0 .5em;line-height:1.06;letter-spacing:-.01em;text-wrap:balance;color:var(--ink)}
h1{font-weight:700;font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.02em}
h2{font-weight:700;font-size:clamp(1.9rem,3.6vw,3rem)}
h3{font-weight:700;font-size:1.28rem}
p{margin:0 0 1em;max-width:64ch}
.lede{font-size:1.14rem;color:var(--ink-soft);max-width:52ch}

.wrap{width:min(var(--maxw), calc(100% - 48px));margin:0 auto}
.wrap-narrow{width:min(760px, calc(100% - 48px));margin:0 auto}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:.76rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:16px}
.eyebrow::before{content:"";width:16px;height:1px;background:var(--energy)}
section.on-dark .eyebrow{color:#9fb0ff}
section.on-dark .eyebrow::before{background:var(--energy)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:var(--radius-s);text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:.16s ease;cursor:pointer}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:var(--accent-deep)}
.btn-energy{background:var(--energy);color:#fff}
.btn-energy:hover{background:var(--energy-deep)}
.btn-ghost{border-color:var(--line-strong);background:transparent;color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);background:var(--surface)}
.btn-ghost-light{border-color:rgba(255,255,255,.34);background:transparent;color:#fff}
.btn-ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* Header */
.announce{background:var(--ink);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:.82rem;padding:9px 0;text-align:center;letter-spacing:.01em}
.announce b{color:#ffb188;font-weight:500}
.announce a{color:#9fb0ff;text-decoration:underline}

header.site{position:sticky;top:0;z-index:80;background:rgba(238,240,238,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.2rem;color:var(--ink)}
.brand .mark{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;position:relative;flex:0 0 34px}
.brand .mark::after{content:"";position:absolute;inset:7px;border-radius:50%;border:1.5px solid var(--energy);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}
.navlinks{display:flex;align-items:center;gap:6px}
.navlinks > a, .navlinks > .dd > button{text-decoration:none;font-size:.92rem;font-weight:600;color:var(--ink-soft);padding:10px 12px;border-radius:var(--radius-s);background:none;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.navlinks > a:hover, .navlinks > .dd > button:hover{color:var(--ink);background:var(--surface)}
.dd{position:relative}
.dd-arrow{font-size:.7em;transition:transform .16s}
.dd.open .dd-arrow{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:8px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:90}
.dd.open .dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dd-menu.wide{min-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dd-menu a{display:block;padding:9px 11px;border-radius:var(--radius-s);text-decoration:none;color:var(--ink-soft);font-size:.87rem;font-weight:600}
.dd-menu a:hover{background:var(--paper);color:var(--ink)}
.dd-menu .dd-all{grid-column:1/-1;background:var(--ink);color:#fff;text-align:center;margin-bottom:4px}
.dd-menu .dd-all:hover{background:var(--accent-deep);color:#fff}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;border:0;background:none;font-size:1.6rem;color:var(--ink);cursor:pointer}
@media(max-width:980px){.navlinks{display:none}.menu-btn{display:block}}
@media(max-width:520px){.nav-actions .btn-primary{padding:11px 14px;font-size:.82rem}}

/* Sections */
section{padding:100px 0}
section.on-dark{background:var(--ink);color:#e9ebf1}
section.on-dark h1, section.on-dark h2, section.on-dark h3{color:#fff}
section.on-dark p{color:#b7bdd0}
section.tight{padding:64px 0}
.section-head{max-width:640px;margin:0 0 44px}
.section-head.center{margin-inline:auto;text-align:center}
.section-head .lede{margin-top:14px}

/* Degree-arc motif */
.arc-divider{display:flex;align-items:center;justify-content:center;gap:0;height:64px;color:var(--line-strong)}
.arc-divider svg{width:64px;height:64px}
section.on-dark .arc-divider{color:#2a3040}

/* Hero */
.hero{padding:64px 0 84px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-visual{position:relative;border-radius:var(--radius-l);overflow:hidden;aspect-ratio:4/5;background:var(--paper-deep);box-shadow:var(--shadow)}
.hero-visual img{width:100%;height:100%;object-fit:cover}
.rom-badge{position:absolute;right:-16px;bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:50%;width:132px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);text-align:center}
.rom-badge b{font-family:'Bricolage Grotesque',sans-serif;font-size:1.9rem;color:var(--energy);line-height:1}
.rom-badge span{font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 26px}
.trust-strip{display:flex;gap:26px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);font-weight:600}
.trust-strip span{display:flex;align-items:center;gap:7px}
.trust-strip i{width:6px;height:6px;border-radius:50%;background:var(--energy);flex:0 0 6px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;max-width:420px;margin:0 auto}}

/* Metrics */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.metric{padding:30px 22px;border-right:1px solid rgba(255,255,255,.14)}
.metric:last-child{border-right:0}
.metric b{display:block;font-family:'IBM Plex Mono',monospace;font-size:1.7rem;color:#fff;font-variant-numeric:tabular-nums}
.metric span{font-size:.8rem;color:#9aa1b5}
@media(max-width:760px){.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2n){border-right:0}}

/* Cards */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}



.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;transition:.18s ease;display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:var(--line-strong)}
.card-media{aspect-ratio:4/3;background:var(--paper-deep);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:22px}
.card-num{font-family:'IBM Plex Mono',monospace;font-size:.76rem;color:var(--energy);font-weight:500;margin-bottom:8px;display:block}
.card h3{font-size:1.08rem;margin-bottom:8px}
.card h3 a{text-decoration:none;color:inherit}
.card p{font-size:.92rem;color:var(--muted);margin-bottom:0}
.card-link{margin-top:14px;font-size:.84rem;font-weight:700;color:var(--accent-deep);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.card-link:hover{color:var(--energy-deep)}

.pill-grid{display:flex;flex-wrap:wrap;gap:10px}
.pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 16px;font-size:.86rem;font-weight:600;text-decoration:none;color:var(--ink-soft);transition:.15s}
.pill:hover{border-color:var(--energy);color:var(--energy-deep);background:var(--energy-tint)}

.group-block + .group-block{margin-top:52px}
.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.group-head h3{font-size:1.3rem}
.group-head p{margin:0;color:var(--muted);font-size:.92rem;max-width:46ch}

/* Founder / profile */
.founder{display:grid;grid-template-columns:.62fr 1fr;gap:48px;align-items:start}
.founder-photo{border-radius:var(--radius-l);overflow:hidden;aspect-ratio:3/4;background:var(--paper-deep)}
.founder-photo img{width:100%;height:100%;object-fit:cover}
.founder-role{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--energy);text-transform:uppercase;letter-spacing:.05em}
.founder .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.founder .tags span{background:var(--accent-tint);color:var(--accent-deep);border-radius:999px;padding:7px 13px;font-size:.78rem;font-weight:700}
.founder-story-section{
  margin-top:26px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.founder-story-section h3{
  margin:0 0 10px;
  color:#556755;
  font-size:1.18rem;
  line-height:1.25;
}
.founder-story-section p:last-child{margin-bottom:0}


/* Process */
.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}
.process-step{padding:28px 24px;border-right:1px solid var(--line);background:var(--surface)}
.process-step:last-child{border-right:0}
.process-step .step-n{font-family:'IBM Plex Mono',monospace;color:var(--energy);font-size:.85rem;display:block;margin-bottom:12px}
.process-step p{font-size:.9rem;color:var(--muted);margin:0}



/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:10px}
details.faq{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:0 20px}
details.faq summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-family:'IBM Plex Mono',monospace;color:var(--energy);font-size:1.2rem;flex:0 0 auto}
details.faq[open] summary::after{content:"–"}
details.faq p{color:var(--muted);padding:0 0 18px;margin:0;font-size:.94rem}

/* Location */
.loc-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}
.loc-card{border:1px solid var(--line);border-radius:var(--radius-l);padding:30px;background:var(--surface)}
.hours-list{list-style:none;padding:0;margin:18px 0}
.hours-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem;font-family:'IBM Plex Mono',monospace}
.hours-list li:last-child{border-bottom:0}
.map-frame{border-radius:var(--radius-l);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.map-frame iframe{width:100%;height:440px;border:0;display:block}


/* Breadcrumb + page hero (inner pages) */
.crumb{font-size:.82rem;color:var(--muted);margin-bottom:18px}
.crumb a{text-decoration:none;color:var(--muted)}
.crumb a:hover{color:var(--accent-deep)}
.page-hero{padding:52px 0 60px;border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.page-hero-media{border-radius:var(--radius-l);overflow:hidden;aspect-ratio:4/3;background:var(--paper-deep)}
.page-hero-media img{width:100%;height:100%;object-fit:cover}


.reasons-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.reasons-list li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--ink-soft);padding:12px 0;border-bottom:1px solid var(--line)}
.reasons-list li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--energy);margin-top:8px;flex:0 0 7px}
.reasons-list li:last-child{border-bottom:0}

.note-box{border:1px solid var(--line);border-left:3px solid var(--energy);border-radius:var(--radius-m);padding:18px 20px;background:var(--energy-tint);font-size:.9rem;color:var(--ink-soft)}
.note-box b{color:var(--energy-deep)}

/* Final CTA */
.final-cta{background:var(--ink);color:#fff}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.final-cta h2{color:#fff}
.final-cta p{color:#b7bdd0}
.final-actions{display:flex;flex-direction:column;gap:12px;min-width:240px}
.final-actions .btn{justify-content:center}


/* Footer */
footer.site{background:#0d0f15;color:#9aa1b5;padding:60px 0 26px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.foot-brand .brand{color:#fff}
.foot-brand .brand .mark{border-color:#fff}
.foot-brand p{color:#8891a3;font-size:.9rem;margin-top:16px;max-width:34ch}
footer.site h4{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-family:'IBM Plex Mono',monospace;font-weight:500}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site li{margin:9px 0;font-size:.88rem}
footer.site a{text-decoration:none;color:#9aa1b5}
footer.site a:hover{color:#fff}
.foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.78rem;color:#6b7280}



/* Forms (intake) */
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:36px}
.form-card fieldset{border:0;margin:0;padding:0}
.form-section-title{font-family:'IBM Plex Mono',monospace;color:var(--energy);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin:36px 0 16px;display:flex;align-items:center;gap:10px}
.form-section-title:first-child{margin-top:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:.84rem;font-weight:600;color:var(--ink-soft)}
.field input, .field select, .field textarea{font:inherit;font-size:.92rem;padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--paper);color:var(--ink)}
.field input:focus, .field select:focus, .field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;background:var(--surface)}


.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--radius-s);z-index:200}
.skip-link:focus{left:16px;top:16px}

/* Keyboard focus visibility (mouse/touch clicks don't trigger :focus-visible) */
a:focus-visible, button:focus-visible, summary:focus-visible,
.card:focus-visible, .pill:focus-visible{
  outline:3px solid var(--accent); outline-offset:2px; border-radius:var(--radius-s);
}
.dd-menu a:focus-visible{outline-offset:-2px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ===== motiva-refresh.css ===== */
:root{
  /* Motiva calm + natural palette */
  --motiva-green:#2f6650;
  --motiva-green-deep:#214c3b;
  --motiva-green-soft:#eaf2ed;
  --motiva-sage:#dfe9e2;
  --motiva-sage-light:#f3f7f4;
  --motiva-gold:#b79245;
  --motiva-gold-soft:#f5edda;
  --motiva-warm-white:#fbfcfa;
  --motiva-cream:#f8f6f0;
  --motiva-ink:#24332c;
  --motiva-text:#46584f;
  --motiva-muted:#68776f;
  --motiva-line:#dce5df;
}

/* Global */
html,body{background:var(--motiva-warm-white)!important}
body{color:var(--motiva-ink)!important}
main{background:var(--motiva-warm-white)!important}
section:not(.on-dark):not(.final-cta){background:var(--motiva-warm-white)!important}
p{color:var(--motiva-text)}
h1,h2,h3,h4{color:var(--motiva-green-deep)!important}

/* Header */
header.site{
  background:rgba(251,252,250,.97)!important;
  border-bottom:1px solid var(--motiva-line)!important;
  box-shadow:0 6px 24px rgba(33,76,59,.055)!important;
}
.nav{height:96px!important;gap:18px}
.brand{
  width:270px;
  height:76px;
  flex:0 0 270px;
  overflow:hidden;
  font-size:0!important;
  background:url('/assets/images/motiva-logo.svg') center/contain no-repeat;
}
.brand .mark{display:none!important}
.navlinks > a,.navlinks > .dd > button{color:#3f574c!important;font-weight:700!important}
.navlinks > a:hover,.navlinks > .dd > button:hover{
  color:var(--motiva-green-deep)!important;
  background:var(--motiva-sage-light)!important;
}
.dd-menu{
  background:#fff!important;
  border-color:var(--motiva-line)!important;
  box-shadow:0 18px 42px rgba(33,76,59,.11)!important;
}
.dd-menu a{color:#42574d!important}
.dd-menu a:hover{background:var(--motiva-sage-light)!important;color:var(--motiva-green-deep)!important}
.dd-menu .dd-all{background:var(--motiva-green)!important;color:#fff!important}

/* Announcement */
.announce{background:var(--motiva-green-deep)!important;color:#f7faf8!important}
.announce b{color:#edd79c!important}
.announce a{color:#dfece5!important}

/* Buttons */
.btn{
  border-radius:12px!important;
  font-weight:700!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary,.btn-energy{
  background:var(--motiva-green)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(47,102,80,.15)!important;
}
.btn-primary:hover,.btn-energy:hover{
  background:var(--motiva-green-deep)!important;
  box-shadow:0 12px 28px rgba(47,102,80,.2)!important;
}
.btn-ghost{
  border-color:#bfd0c6!important;
  color:var(--motiva-green-deep)!important;
  background:#fff!important;
}
.btn-ghost:hover{
  border-color:#8fad9d!important;
  background:var(--motiva-sage-light)!important;
}

/* Eyebrows */
.eyebrow{color:var(--motiva-green)!important;font-weight:700!important}
.eyebrow::before{
  background:var(--motiva-gold)!important;
  width:24px!important;
  height:2px!important;
}

/* Hero */
.hero{
  background:
    radial-gradient(circle at 86% 18%,rgba(183,146,69,.09),transparent 28%),
    linear-gradient(180deg,var(--motiva-warm-white) 0%,var(--motiva-cream) 100%)!important;
  padding-top:68px!important;
}
.hero h1{color:var(--motiva-green-deep)!important}
.hero .lede{color:#465d52!important;line-height:1.72!important;font-size:1.16rem!important}
.hero-visual{
  background:var(--motiva-sage-light)!important;
  border-radius:24px!important;
  box-shadow:0 24px 54px rgba(47,102,80,.12)!important;
}
.trust-strip{color:#607269!important}
.trust-strip i{background:var(--motiva-gold)!important}

/* Sections */
section{padding-top:84px!important;padding-bottom:84px!important}
.section-head h2,.group-head h3,.page-hero h1{color:var(--motiva-green-deep)!important}
.section-head .lede,.group-head p{color:var(--motiva-text)!important}

/* Dark sections kept soft, not black */
section.on-dark{background:#284f40!important;color:#f6faf7!important}
section.on-dark h1,section.on-dark h2,section.on-dark h3{color:#fff!important}
section.on-dark p{color:#dce8e1!important}
section.on-dark .eyebrow{color:#eedca9!important}
section.on-dark .eyebrow::before{background:#c9a85d!important}

/* Final CTA — original calm natural treatment */
.final-cta{
  background:
    radial-gradient(circle at 88% 15%,rgba(255,255,255,.09),transparent 30%),
    linear-gradient(135deg,#3d735d 0%,#4b806a 100%)!important;
  color:#fff!important;
}
.final-cta h2{color:#fff!important}
.final-cta p{color:#edf5f0!important}
.final-cta .eyebrow{color:#f5e4b4!important}
.final-cta .eyebrow::before{background:#d7b96f!important}
.final-cta .btn-energy{
  background:#fff!important;
  color:var(--motiva-green-deep)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.10)!important;
}
.final-cta .btn-energy:hover{background:var(--motiva-cream)!important}
.final-cta .btn-ghost-light{border-color:rgba(255,255,255,.66)!important;color:#fff!important}
.final-cta .btn-ghost-light:hover{background:rgba(255,255,255,.10)!important;border-color:#fff!important}

/* Cards */
.card,.loc-card,.form-card,details.faq,.process-row{
  background:#fff!important;
  border-color:var(--motiva-line)!important;
  border-radius:18px!important;
  box-shadow:0 7px 24px rgba(47,102,80,.05)!important;
}
.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 16px 36px rgba(47,102,80,.10)!important;
  border-color:#c2d3c9!important;
}
.card-media{background:var(--motiva-sage-light)!important}
.card h3{color:var(--motiva-green-deep)!important}
.card p{color:var(--motiva-text)!important}
.card-link{color:var(--motiva-green)!important}
.card-num,.founder-role,.process-step .step-n{color:#84611b!important}

/* Pills */
.pill{
  background:#fff!important;
  border-color:var(--motiva-line)!important;
  color:#496156!important;
}
.pill:hover{
  border-color:#c7aa67!important;
  color:var(--motiva-green-deep)!important;
  background:var(--motiva-gold-soft)!important;
}

/* Process + FAQ + Location */
.process-step{background:#fff!important}
.process-step p{color:var(--motiva-text)!important}
details.faq{background:#fff!important}
details.faq p{color:var(--motiva-text)!important}
details.faq summary::after{color:var(--motiva-green)!important}
.loc-card{background:#fff!important}
.hours-list li{border-color:var(--motiva-line)!important}

/* Forms */
input,select,textarea{
  background:#fff!important;
  color:var(--motiva-ink)!important;
  border-color:#cedbd3!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#87a897!important;
  box-shadow:0 0 0 3px rgba(47,102,80,.10)!important;
}

/* Footer — original calm natural footer */
footer{
  background:#203f34!important;
  color:#dce8e1!important;
}
footer a{color:#e9f1ed!important}

/* Accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(183,146,69,.58)!important;
  outline-offset:3px!important;
}

/* Responsive */
@media(max-width:1180px){
  .brand{width:255px;flex-basis:255px;height:80px}
}
@media(max-width:980px){
  .nav{height:86px!important;position:relative}
  .brand{width:225px;flex-basis:225px;height:68px}

  /* The base stylesheet hides .navlinks below 980px. Explicitly restore it
     when JS adds .open so the mobile menu is actually visible on iOS/Safari. */
  .navlinks.open{
    display:flex!important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:120;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    max-height:calc(100vh - 135px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:12px;
    background:var(--motiva-warm-white)!important;
    border:1px solid var(--motiva-line)!important;
    border-top:1px solid var(--motiva-line)!important;
    border-radius:0 0 18px 18px;
    box-shadow:0 18px 36px rgba(33,76,59,.14)!important;
  }
  .navlinks.open > a,
  .navlinks.open > .dd > button{
    width:100%;
    justify-content:space-between;
    padding:13px 14px;
    font-size:.96rem;
  }
  .navlinks.open > .dd{width:100%}

  /* Desktop dropdowns are absolutely positioned. On mobile they become part
     of the scrolling menu so Conditions/Treatments remain usable on iPhone. */
  .navlinks.open .dd-menu,
  .navlinks.open .dd-menu.wide{
    position:static;
    width:100%;
    min-width:0;
    margin:2px 0 8px;
    padding:6px;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none!important;
    border:1px solid var(--motiva-line)!important;
    background:#fff!important;
    display:none;
  }
  .navlinks.open .dd.open .dd-menu{display:block}
  .navlinks.open .dd.open .dd-menu.wide{
    display:grid;
    grid-template-columns:1fr;
  }
  .navlinks.open .dd-menu a{
    padding:11px 12px;
    font-size:.91rem;
  }
}
@media(max-width:560px){
  .wrap{width:min(100% - 28px,1220px)!important}
  .brand{width:185px;flex-basis:185px;height:58px}
  .nav{height:76px!important}
  .nav-actions .btn-primary{display:none}
  .hero{padding-top:40px!important}
  .hero h1{font-size:clamp(2.2rem,11vw,3.1rem)!important}
  section{padding-top:64px!important;padding-bottom:64px!important}
  .navlinks.open{max-height:calc(100vh - 121px)}
}


/* Footer logo — keep the original uploaded logo background intact */
footer.site .foot-brand .brand{display:none!important}
.footer-original-logo-link{
  display:inline-block;
  text-decoration:none;
  margin-bottom:18px;
}
.footer-original-logo{
  display:block;
  width:min(360px,100%);
  height:auto;
  border-radius:10px;
  object-fit:contain;
  background:transparent;
  box-shadow:none;
}


/* Moving announcement bar — shared site-wide */
.announce{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,#1f4b39 0%,#2f6650 48%,#1f4b39 100%)!important;
  color:#f9fcfa!important;
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 4px 16px rgba(33,76,59,.14);
  min-height:42px;
  display:flex;
  align-items:center;

/* ===== hero-copy.css ===== */
/* Homepage copy sizing and spacing — intentionally contains no promotional styles. */
.hero-copy .lede{max-width:62ch}
.hero-copy .lede + .lede{margin-top:-.25rem}
@media(max-width:560px){
  .hero-copy .lede{font-size:1.03rem!important}
  .hero-copy .lede + .lede{margin-top:0}
}

/* ===== process-images.css ===== */
/* What to expect imagery */
.process-row{align-items:stretch}
.process-step{
  padding:0!important;
  display:flex;
  flex-direction:column;
  background:#fff!important;
}
.process-image{
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--motiva-sage-light,#f3f7f4);
  border-bottom:1px solid var(--motiva-line,#dce5df);
}
.process-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.process-step > .step-n,
.process-step > h3,
.process-step > p{
  margin-left:22px;
  margin-right:22px;
}
.process-step > .step-n{margin-top:22px}
.process-step > p{margin-bottom:24px}
@media(max-width:900px){.process-step{min-height:0}}

/* ===== footer-header-logo.css ===== */
/* Motiva logo treatments for the warm header and sage footer. */

/* Header: use the transparent Motiva logo asset directly. No blending is needed
   on desktop, so the original green/gold brand colours stay intact and the
   header surface shows through naturally around the artwork. */
header.site{
  --motiva-header-surface:#FBF8F4;
  background:var(--motiva-header-surface)!important;
  background-color:var(--motiva-header-surface)!important;
}

header.site .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.header-motiva-logo{
  display:block!important;
  width:190px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
}

/* One header logo element is used at every breakpoint so duplicate logos
   cannot be exposed by later cascade changes. */
@media(max-width:980px){
  header.site .brand{
    background:#FFFFFF!important;
    background-color:#FFFFFF!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  header.site .header-motiva-logo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:165px!important;
    max-width:165px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:transparent!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
}

@media(max-width:680px){
  header.site .header-motiva-logo{
    width:148px!important;
    max-width:148px!important;
  }
}

@media(min-width:981px) and (max-width:1120px) and (hover:none) and (pointer:coarse){
  header.site .header-motiva-logo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:165px!important;
    max-width:165px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:transparent!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
}

/* Footer: use the exact same Motiva logo asset, rendered as a white lockup.
   The filter turns the dark logo/wordmark white; screen blending makes the
   original white rectangle disappear into the footer background. */
.footer-original-logo-link{
  display:inline-block!important;
  width:min(300px,100%)!important;
  margin:0 0 18px!important;
  text-decoration:none!important;
  background:transparent!important;
}

.footer-original-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:grayscale(1) invert(1) brightness(2.4) contrast(1.3)!important;
  mix-blend-mode:screen!important;
}

.footer-brand-copy{
  margin:0!important;
  max-width:34ch!important;
}
.footer-brand-copy strong{
  display:block;
  margin-bottom:8px;
  color:#FFFFFF!important;
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:1.08rem;
  font-weight:750;
  line-height:1.25;
}
.footer-brand-copy span{
  display:block;
  color:#E7EEE9!important;
  font-size:.94rem;
  line-height:1.65;
}

@media(max-width:560px){
  .footer-original-logo-link{
    width:min(230px,100%)!important;
  }
}

/* ===== footer-contrast.css ===== */
/* Footer contrast fix — create a clear visual hierarchy on dark green */
footer.site,
footer.site p,
footer.site li,
footer.site span{
  color:#dce8e1!important;
}

footer.site h4{
  color:#e7c879!important;
  font-weight:800!important;
  letter-spacing:.02em;
}

footer.site a{
  color:#eef6f1!important;
}

footer.site a:hover{
  color:#ffffff!important;
}

footer.site .foot-brand p{
  color:#dce8e1!important;
}

footer.site .foot-bottom,
footer.site .foot-bottom span{
  color:#b9cec2!important;
}

footer.site .foot-bottom a{
  color:#dce8e1!important;
  text-decoration:none;
}

footer.site .foot-bottom a:hover{
  color:#fff!important;
  text-decoration:underline;
}

/* Homepage — real HTML Why Motiva section */
.why-motiva{
  background:#f5f1e7!important;
  color:#214c3b!important;
  border-top:1px solid #dce5df;
  border-bottom:1px solid #dce5df;
  padding:72px 0!important;
}

.why-motiva-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  column-gap:72px;
  align-items:start;
}

.why-motiva-copy h2{
  max-width:640px;
  color:#214c3b!important;
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.04;
  letter-spacing:-.03em;
}

.why-motiva-copy p{
  max-width:650px;
  color:#456558!important;
  font-size:1.05rem;
  line-height:1.75;
}

.why-motiva-tagline{
  margin-top:22px!important;
  color:#214c3b!important;
}

.why-motiva-points{
  border-top:1px solid #cad8cf;
}

.why-motiva-points article{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:0;
  align-items:start;
  padding:22px 0;
  border-bottom:1px solid #cad8cf;
}

.why-motiva-points article > span{
  margin-top:2px;
  color:#b2853f!important;
  font-family:'IBM Plex Mono',monospace;
  font-size:.84rem;
  font-weight:700;
  letter-spacing:.08em;
}

.why-motiva-points h3{
  margin:0 0 5px;
  color:#214c3b!important;
  font-size:1rem;
}

.why-motiva-points p{
  margin:0;
  color:#456558!important;
  font-size:.94rem;
  line-height:1.58;
}

@media(max-width:900px){
  .why-motiva-grid{
    grid-template-columns:1fr;
    row-gap:38px;
  }
}

@media(max-width:560px){
  .why-motiva{padding:54px 0!important}
  .why-motiva-points article{
    grid-template-columns:42px 1fr;
    padding:18px 0;
  }
}

/* ===== conditions-image-layout.css ===== */
/* Condition card and condition detail image layout */
.conditions-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.conditions-image-grid .condition-image-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--motiva-line,#dce5df);border-radius:16px;background:#fff;text-decoration:none;box-shadow:0 7px 24px rgba(47,102,80,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.conditions-image-grid .condition-image-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(47,102,80,.10);border-color:#c2d3c9}
.condition-image-card .condition-image{aspect-ratio:4/3;overflow:hidden;background-color:var(--paper-deep,#e4e7e3)}
.condition-image-card .condition-image img{display:block;width:100%;height:100%;object-fit:cover}
.condition-image-card .condition-label{padding:14px 16px 16px;font-weight:700;color:var(--motiva-green-deep,#214c3b);line-height:1.25}

.page-hero-media.condition-patient-photo{aspect-ratio:4/3!important;overflow:hidden;background-color:var(--paper-deep,#e4e7e3)!important}
.page-hero-media.condition-patient-photo img{display:block!important;width:100%;height:100%;object-fit:cover}

@media(max-width:900px){.conditions-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.conditions-image-grid{grid-template-columns:1fr}}

/* ===== home-compact.css ===== */
/* Compact homepage sections — keeps the homepage useful without turning it into
   a full conditions/treatments directory. This layer also introduces Motiva's
   multi-accent visual rhythm: eucalyptus, terracotta, muted gold and dusty rose. */

.home-pathways{
  padding:56px 0;
  background:#fff!important;
  border-bottom:1px solid var(--line,#E3DCD3);
}
.home-pathways .section-head,
.home-featured-care .section-head{
  max-width:760px;
  margin-bottom:24px;
}
.home-path-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-path-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:184px;
  padding:26px 24px 24px;
  border:1px solid var(--line,#E3DCD3);
  border-top:4px solid var(--accent,#6F8577);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(48,54,50,.055);
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.home-path-card::before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:16px;
  border-radius:50%;
  font-family:'IBM Plex Mono',monospace;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
}
.home-path-card:nth-child(1){
  background:var(--accent-tint,#EEF3EF);
  border-top-color:var(--accent,#6F8577);
}
.home-path-card:nth-child(1)::before{
  content:"01";
  background:var(--accent,#6F8577);
  color:#fff;
}
.home-path-card:nth-child(2){
  background:var(--terracotta-tint,#F7E9E2);
  border-top-color:var(--terracotta,#C97D58);
}
.home-path-card:nth-child(2)::before{
  content:"02";
  background:var(--terracotta,#C97D58);
  color:#fff;
}
.home-path-card:nth-child(3){
  background:var(--gold-tint,#F8F0DF);
  border-top-color:var(--gold,#D1AA63);
}
.home-path-card:nth-child(3)::before{
  content:"03";
  background:var(--gold,#D1AA63);
  color:#3A3327;
}
.home-path-card:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 34px rgba(48,54,50,.09);
}
.home-path-card h3{
  margin:0 0 8px;
  font-size:1.35rem;
  color:var(--ink,#303632)!important;
}
.home-path-card p{
  margin:0 0 18px;
  color:var(--ink-soft,#4B524D)!important;
  line-height:1.55;
}
.home-path-card .home-path-link{
  margin-top:auto;
  font-weight:750;
}
.home-path-card:nth-child(1) .home-path-link{color:var(--accent-deep,#53695B)}
.home-path-card:nth-child(2) .home-path-link{color:var(--terracotta-deep,#A85F41)}
.home-path-card:nth-child(3) .home-path-link{color:var(--gold-deep,#AA8445)}

/* Why Motiva: colour the numbers, not the whole section. */
.why-motiva-points article > span{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  font-weight:800;
}
.why-motiva-points article:nth-child(1) > span{background:var(--accent,#6F8577)!important;color:#fff!important}
.why-motiva-points article:nth-child(2) > span{background:var(--terracotta,#C97D58)!important;color:#fff!important}
.why-motiva-points article:nth-child(3) > span{background:var(--gold,#D1AA63)!important;color:#3A3327!important}
.why-motiva-points article:nth-child(4) > span{background:var(--rose,#D9BBB2)!important;color:#553F39!important}

.home-featured-care{
  padding:64px 0;
  background:#FBF8F4!important;
  border-top:1px solid var(--line,#E3DCD3);
  border-bottom:1px solid var(--line,#E3DCD3);
}
.featured-care-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.featured-care-card{
  overflow:hidden;
  border:1px solid var(--line,#E3DCD3);
  border-top:4px solid var(--accent,#6F8577);
  border-radius:18px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 9px 24px rgba(48,54,50,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.featured-care-card:nth-child(1){border-top-color:var(--accent,#6F8577)}
.featured-care-card:nth-child(2){border-top-color:var(--rose,#D9BBB2)}
.featured-care-card:nth-child(3){border-top-color:var(--gold,#D1AA63)}
.featured-care-card:nth-child(4){border-top-color:var(--terracotta,#C97D58)}
.featured-care-card:nth-child(5){border-top-color:var(--accent,#6F8577)}
.featured-care-card:nth-child(6){border-top-color:var(--gold,#D1AA63)}
.featured-care-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(48,54,50,.085);
}
.featured-care-media{
  height:172px;
  overflow:hidden;
  background:var(--stone,#F1E8DF);
}
.featured-care-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.featured-care-body{
  padding:18px 18px 20px;
}
.featured-care-body h3{
  margin:0 0 7px;
  font-size:1.16rem;
  color:var(--ink,#303632)!important;
}
.featured-care-body p{
  margin:0;
  color:var(--ink-soft,#4B524D)!important;
  font-size:.93rem;
  line-height:1.5;
}
.featured-care-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin-top:26px;
}
.featured-condition-link{
  margin:0;
  color:var(--ink-soft,#4B524D)!important;
  font-size:.95rem;
}
.featured-condition-link a{
  font-weight:750;
  color:var(--terracotta-deep,#A85F41)!important;
}

.home-process-compact{
  padding:56px 0!important;
  background:#F5EEE6!important;
}
.home-process-compact .section-head{
  margin-bottom:22px;
}
.home-process-compact .process-row{
  gap:14px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.home-process-compact .process-step{
  padding:18px 16px;
  background:#fff;
  border:1px solid var(--line,#E3DCD3);
  border-radius:16px;
  box-shadow:0 7px 20px rgba(48,54,50,.045);
}
.home-process-compact .process-step .step-n{
  display:inline-flex;
  padding:6px 10px;
  margin-bottom:12px;
  border-radius:999px;
  font-family:'IBM Plex Mono',monospace;
  font-size:.76rem;
  font-weight:750;
}
.home-process-compact .process-step:nth-child(1) .step-n{background:var(--accent-tint,#EEF3EF);color:var(--accent-deep,#53695B)!important}
.home-process-compact .process-step:nth-child(2) .step-n{background:var(--terracotta-tint,#F7E9E2);color:var(--terracotta-deep,#A85F41)!important}
.home-process-compact .process-step:nth-child(3) .step-n{background:var(--gold-tint,#F8F0DF);color:var(--gold-deep,#AA8445)!important}
.home-process-compact .process-step:nth-child(4) .step-n{background:var(--rose-tint,#F6ECE9);color:var(--rose-deep,#AD8176)!important}
.home-process-compact .process-step h3{
  margin-bottom:6px!important;
  color:var(--ink,#303632)!important;
}
.home-process-compact .process-step p{
  margin:0;
  font-size:.92rem;
  line-height:1.48;
}

/* Clinic location: pale sage is reserved for practical visit information. */
#visit .loc-card{
  background:#fff!important;
  border-color:#D8E2DB!important;
}

@media(max-width:900px){
  .home-path-grid{grid-template-columns:1fr}
  .home-path-card{min-height:0}
  .featured-care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .home-pathways,
  .home-featured-care,
  .home-process-compact{padding:44px 0!important}

  /* Mobile Start Here: three immediate choices, no explanatory copy between
     the question and the action. */
  .home-pathways .section-head{margin-bottom:18px!important}
  .home-path-grid{gap:12px!important}
  .home-path-card{
    min-height:0!important;
    padding:18px 16px 16px!important;
    border-top-width:1px!important;
    border-left-width:4px!important;
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(48,54,50,.07)!important;
  }
  .home-path-card:nth-child(1){border-left-color:var(--accent,#6F8577)!important}
  .home-path-card:nth-child(2){border-left-color:var(--terracotta,#C97D58)!important}
  .home-path-card:nth-child(3){border-left-color:var(--gold,#D1AA63)!important}
  .home-path-card::before{
    position:absolute!important;
    top:15px!important;
    right:15px!important;
    width:32px!important;
    height:32px!important;
    margin:0!important;
    box-shadow:0 4px 12px rgba(48,54,50,.1);
  }
  .home-path-card h3{
    max-width:calc(100% - 48px)!important;
    margin:0 0 14px!important;
    font-size:1.22rem!important;
    line-height:1.18!important;
    letter-spacing:-.015em!important;
  }
  .home-path-card p{display:none!important}
  .home-path-card .home-path-link{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:11px 13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-radius:11px!important;
    font-size:.86rem!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }
  .home-path-card:nth-child(1) .home-path-link{
    background:var(--accent,#6F8577)!important;
    color:#fff!important;
  }
  .home-path-card:nth-child(2) .home-path-link{
    background:var(--terracotta,#C97D58)!important;
    color:#fff!important;
  }
  .home-path-card:nth-child(3) .home-path-link{
    background:var(--gold,#D1AA63)!important;
    color:#332C20!important;
  }
  .home-path-card:active{transform:scale(.992)!important}

  .featured-care-grid{grid-template-columns:1fr}
  .featured-care-media{height:160px}
  .featured-care-body{padding:15px 16px 16px!important}
  .featured-care-body h3{margin:0!important;font-size:1.08rem!important}
  .featured-care-body p{display:none!important}
  .featured-care-actions{align-items:flex-start;flex-direction:column}

  /* Why Motiva becomes a concise mobile summary rather than a stacked desktop section. */
  .why-motiva{
    padding:40px 0!important;
    background:#fff!important;
  }
  .why-motiva-grid{
    display:block!important;
  }
  .why-motiva-copy .eyebrow{
    margin-bottom:10px!important;
  }
  .why-motiva-copy h2{
    margin-bottom:10px!important;
    font-size:1.72rem!important;
    line-height:1.12!important;
  }
  .why-motiva-copy > p:not(.why-motiva-tagline){
    margin:0!important;
    max-width:none!important;
    color:var(--ink-soft,#4B524D)!important;
    font-size:.92rem!important;
    line-height:1.52!important;
  }
  .why-motiva-copy > p:not(.why-motiva-tagline):nth-of-type(2){
    display:none!important;
  }
  .why-motiva-tagline{
    margin:13px 0 0!important;
    padding:10px 12px!important;
    border-left:3px solid var(--terracotta,#C97D58);
    border-radius:0 10px 10px 0;
    background:var(--terracotta-tint,#F7E9E2);
    font-size:.82rem!important;
    line-height:1.4!important;
  }
  .why-motiva-points{
    display:grid!important;
    gap:9px!important;
    margin-top:18px!important;
  }
  .why-motiva-points article{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:start!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 13px!important;
    border:1px solid var(--line,#E3DCD3)!important;
    border-radius:13px!important;
    background:#FBF8F4!important;
    box-shadow:none!important;
  }
  .why-motiva-points article > span{
    width:32px!important;
    height:32px!important;
    font-family:'IBM Plex Mono',monospace!important;
    font-size:.64rem!important;
  }
  .why-motiva-points article > div{
    min-width:0!important;
  }
  .why-motiva-points article h3{
    margin:0 0 2px!important;
    font-size:.98rem!important;
    line-height:1.22!important;
    color:var(--ink,#303632)!important;
  }
  .why-motiva-points article p{
    margin:0!important;
    color:var(--ink-soft,#4B524D)!important;
    font-size:.79rem!important;
    line-height:1.4!important;
  }
}

/* ===== palette.css ===== */
/* Motiva multi-accent palette — warm ivory and charcoal with eucalyptus,
   terracotta, muted gold and dusty rose. Neutrals carry most of the interface;
   accent colours are used selectively so the site feels warm, modern and varied. */
:root{
  --ink:#303632;
  --ink-soft:#4B524D;
  --muted:#717870;
  --paper:#FAF7F2;
  --paper-deep:#F2EBE2;
  --surface:#FFFFFF;
  --line:#E3DCD3;
  --line-strong:#CFC4B8;

  --accent:#6F8577;
  --accent-deep:#53695B;
  --accent-tint:#EEF3EF;

  --terracotta:#C97D58;
  --terracotta-deep:#A85F41;
  --terracotta-tint:#F7E9E2;

  --gold:#D1AA63;
  --gold-deep:#AA8445;
  --gold-tint:#F8F0DF;

  --rose:#D9BBB2;
  --rose-deep:#AD8176;
  --rose-tint:#F6ECE9;

  --stone:#F1E8DF;
  --sage-wash:#EEF3EF;

  /* Existing component aliases */
  --energy:var(--terracotta);
  --energy-deep:var(--terracotta-deep);
  --energy-tint:var(--terracotta-tint);
  --motiva-green:var(--accent);
  --motiva-green-deep:var(--accent-deep);
  --motiva-green-soft:var(--accent-tint);
  --motiva-sage:#DDE6DF;
  --motiva-sage-light:#F3F6F3;
  --motiva-gold:var(--gold);
  --motiva-gold-soft:var(--gold-tint);
  --motiva-warm-white:var(--paper);
  --motiva-cream:var(--paper-deep);
  --motiva-ink:var(--ink);
  --motiva-text:var(--ink-soft);
  --motiva-muted:var(--muted);
  --motiva-line:var(--line);
}

html,body,main{background:var(--paper)!important;color:var(--ink)!important}
section:not(.on-dark):not(.final-cta){background:var(--paper)!important}
p{color:var(--ink-soft)!important}
h1,h2{color:var(--ink)!important}
h3,h4{color:var(--ink)!important}

/* Header + navigation */
header.site{
  background:#FBF8F4!important;
  border-bottom-color:var(--line)!important;
  box-shadow:0 4px 18px rgba(48,54,50,.045)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.navlinks > a,.navlinks > .dd > button{color:var(--ink-soft)!important}
.navlinks > a:hover,.navlinks > .dd > button:hover{
  color:var(--terracotta-deep)!important;
  background:#F5EEE8!important;
}
.dd-menu{
  background:#fff!important;
  border-color:var(--line)!important;
  box-shadow:0 14px 34px rgba(48,54,50,.09)!important;
}
.dd-menu a{color:var(--ink-soft)!important}
.dd-menu a:hover{background:#F8F3ED!important;color:var(--ink)!important}
.dd-menu .dd-all{background:var(--accent-deep)!important;color:#fff!important}

/* Primary actions remain calm eucalyptus. Warm accents support them elsewhere. */
.btn-primary,.btn-energy{
  background:var(--accent-deep)!important;
  border-color:var(--accent-deep)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(83,105,91,.16)!important;
}
.btn-primary:hover,.btn-energy:hover{
  background:#43584A!important;
  border-color:#43584A!important;
  box-shadow:0 10px 22px rgba(67,88,74,.19)!important;
}
.btn-ghost{
  border-color:var(--line-strong)!important;
  color:var(--ink)!important;
  background:#fff!important;
}
.btn-ghost:hover{
  border-color:#C7A58F!important;
  background:#FBF2ED!important;
}

/* Small accents */
.eyebrow{color:var(--accent-deep)!important}
.eyebrow::before{background:var(--terracotta)!important}
.card-num,.founder-role{color:var(--terracotta-deep)!important}
.card-link{color:var(--terracotta-deep)!important}
.card-link:hover{color:#85462F!important}
.trust-strip{color:var(--ink-soft)!important}
.trust-strip i{background:var(--gold)!important}

/* Hero: warm ivory with terracotta headline emphasis. No gradient wash. */
.hero{background:#FBF8F4!important}
.page-hero{background:#F8F2EB!important}
.hero h1,.page-hero h1,.section-head h2{color:var(--ink)!important}
.group-head h3{color:var(--ink)!important}
.hero .lede,.section-head .lede,.group-head p{color:var(--ink-soft)!important}
.hero-visual{
  background:#EFE9E2!important;
  box-shadow:0 18px 42px rgba(48,54,50,.085)!important;
}
.hero-title-sample3{margin-bottom:10px!important}
.hero-title-sample3 .hero-title-recovery{color:var(--ink)!important}
.hero-title-sample3 .hero-title-mission{color:var(--terracotta)!important}
.hero-support-line span{color:var(--ink-soft)!important}
.hero-title-divider{
  display:flex;
  align-items:center;
  gap:12px;
  width:min(270px,72%);
  margin:0 0 24px 2px;
  color:var(--gold);
}
.hero-title-divider::before,.hero-title-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:var(--gold)!important;
  opacity:.65;
}
.hero-title-divider i{
  width:28px;
  height:28px;
  border:1px solid rgba(201,125,88,.7);
  border-radius:50%;
  position:relative;
  flex:0 0 28px;
}
.hero-title-divider i::before{
  content:"";
  position:absolute;
  width:8px;
  height:13px;
  left:9px;
  top:6px;
  background:var(--terracotta);
  border-radius:80% 0 80% 0;
  transform:rotate(-35deg);
}
@media(max-width:560px){.hero-title-divider{width:min(220px,78%);margin-bottom:20px}}

/* Section rhythm: warm neutrals do most of the work. */
.why-motiva{
  background:#F3ECE5!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
.home-conditions{background:#fff!important}
.home-services{background:var(--paper)!important}
#what-to-expect{background:#F5EEE6!important}
#visit{background:var(--sage-wash)!important}
.why-motiva-copy h2,.why-motiva-tagline,.why-motiva-points h3{color:var(--ink)!important}
.why-motiva-copy p,.why-motiva-points p{color:var(--ink-soft)!important}
.why-motiva-points,.why-motiva-points article{border-color:#DED4C9!important}

/* Cards, FAQ, forms and pills */
.card,.loc-card,.form-card,details.faq,.process-row,.condition-image-card{
  background:#fff!important;
  border-color:var(--line)!important;
  box-shadow:0 8px 24px rgba(48,54,50,.055)!important;
}
.card:hover,.condition-image-card:hover{
  box-shadow:0 12px 30px rgba(48,54,50,.09)!important;
  border-color:#CEB6A5!important;
}
.card-media{background:#F3EEE8!important}
.card h3{color:var(--ink)!important}
.card p,.process-step p,details.faq p{color:var(--ink-soft)!important}
.pill{background:#fff!important;border-color:var(--line)!important;color:var(--accent-deep)!important}
.pill:hover{border-color:#D4A185!important;color:var(--ink)!important;background:var(--terracotta-tint)!important}
details.faq summary{color:var(--ink)!important}
details.faq summary::after{color:var(--terracotta-deep)!important}
input,select,textarea{background:#fff!important;color:var(--ink)!important;border-color:#D8D0C7!important}
input:focus,select:focus,textarea:focus{
  border-color:#889B8E!important;
  box-shadow:0 0 0 3px rgba(111,133,119,.11)!important;
}

/* Founder card gets a softer rose/stone treatment without making the whole page pink. */
.founder{
  background:#FCF6F3!important;
  border:1px solid #E8D9D3!important;
  box-shadow:0 10px 30px rgba(72,55,50,.055)!important;
}
.tags span{
  background:#fff!important;
  border-color:#E2D7CF!important;
  color:var(--ink-soft)!important;
}

/* Dark contrast areas */
section.on-dark{background:#51665A!important;color:#fff!important}
section.on-dark p{color:#F3F5F1!important}
section.on-dark .eyebrow{color:#F2D9C9!important}
section.on-dark .eyebrow::before{background:var(--gold)!important}

.final-cta{background:#3F5148!important}
.final-cta h2{color:#fff!important}
.final-cta p{color:#F5F2EC!important}
.final-cta .eyebrow{color:#F3D9CB!important}
.final-cta .eyebrow::before{background:var(--gold)!important}
.final-cta .btn-energy{
  background:var(--terracotta)!important;
  border-color:var(--terracotta)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(35,30,27,.16)!important;
}
.final-cta .btn-energy:hover{
  background:#B96947!important;
  border-color:#B96947!important;
}

/* Announcement: deeper eucalyptus for stronger top-of-page contrast. */
.announce{
  background:#3C4D44!important;
  box-shadow:0 4px 14px rgba(48,54,50,.14)!important;
}
.announce::before{background:#3C4D44!important}
.announce::after{background:#3C4D44!important}
.announce .announce-opening{color:#F1C7B1!important}
.announce .announce-copy{color:#fff!important}
.announce .announce-landmark{color:#EDF1ED!important}
.announce-item::after{color:#E4C27C!important}

/* Footer: darker than the final CTA for a clear page ending. */
footer,footer.site{background:#33443C!important}
footer.site,footer.site p,footer.site li,footer.site span{color:#F0F3EF!important}
footer.site h4{color:#E9C987!important}
footer.site a{color:#fff!important}
footer.site a:hover{color:#F3D0BE!important}
footer.site .foot-brand p{color:#F0F3EF!important}
footer.site .foot-bottom,footer.site .foot-bottom span{color:#D5DED8!important}
footer.site .foot-bottom a{color:#F0F3EF!important}

/* Accessible focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(201,125,88,.62)!important;
  outline-offset:3px!important;
}

/* ===== text-clarity.css ===== */
/* Motiva site-wide text clarity layer.
   Uses darker natural neutrals and true variable-font weights for crisp reading. */
:root{
  --ink-soft:#445049;
  --motiva-text:#445049;
}

html,
body{
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
  text-rendering:auto;
  font-synthesis:none;
  font-optical-sizing:auto;
}

body{font-weight:400}

p,
.lede,
.group-head p,
.card p,
.process-step p,
details.faq p,
.why-motiva-copy p,
.why-motiva-points p{
  color:#445049!important;
  font-weight:450;
}

.lede{
  font-weight:500;
  line-height:1.62;
}
.hero .lede{line-height:1.62!important}

h1,h2{font-weight:725}
h3,h4{font-weight:700}

header.site{
  background:rgba(247,243,238,.99)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.navlinks > a,
.navlinks > .dd > button,
.dd-menu a,
.pill{
  color:#445049!important;
  font-weight:600;
}

.trust-strip{
  color:#445049!important;
  font-weight:600;
}
.trust-strip i{background:#C58E5F!important}

.why-motiva-tagline .why-tagline-primary{color:#2F3A34!important}
.why-motiva-tagline .why-tagline-accent{color:#9B7248!important}

.crumb,
.crumb a,
.founder .tags,
.foot-bottom{color:#68736C}

.home-services .group-head,
.home-conditions .group-head,
.treatments-hub .group-head,
.conditions-hub .group-head{margin-bottom:18px}

.home-services .group-head h3,
.home-conditions .group-head h3,
.treatments-hub .group-head h3,
.conditions-hub .group-head h3{
  position:relative;
  display:inline-block;
  margin:0 0 10px;
  padding-bottom:12px;
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:clamp(1.35rem,1.5vw,1.55rem)!important;
  font-weight:700;
  line-height:1.2;
  color:#556755!important;
}

.home-services .group-head h3::after,
.home-conditions .group-head h3::after,
.treatments-hub .group-head h3::after,
.conditions-hub .group-head h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:44px;
  height:3px;
  border-radius:999px;
  background:#C58E5F;
}

.home-services .group-head p,
.home-conditions .group-head p,
.treatments-hub .group-head p,
.conditions-hub .group-head p{
  color:#68736C!important;
  font-weight:450;
  max-width:760px;
}

.home-services .card h3,
.treatments-hub .card h3{
  color:#556755!important;
  font-size:1.08rem;
  font-weight:650;
}

.home-conditions .pill,
.conditions-hub .pill{
  color:#556755!important;
  font-weight:600;
}

section{
  padding-top:84px!important;
  padding-bottom:84px!important;
}
section.tight{
  padding-top:60px!important;
  padding-bottom:60px!important;
}
.page-hero{
  padding-top:52px!important;
  padding-bottom:60px!important;
}
.condition-motiva-help,
.condition-symptoms,
.condition-causes,
.condition-approach,
.condition-faq,
.condition-treatments{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.final-cta{
  padding-top:74px!important;
  padding-bottom:74px!important;
}

@media(max-width:640px){
  section{padding-top:56px!important;padding-bottom:56px!important}
  section.tight{padding-top:46px!important;padding-bottom:46px!important}
  .page-hero{padding-top:42px!important;padding-bottom:48px!important}
  .condition-motiva-help,
  .condition-symptoms,
  .condition-causes,
  .condition-approach,
  .condition-faq,
  .condition-treatments{padding-top:52px!important;padding-bottom:52px!important}
  .final-cta{padding-top:56px!important;padding-bottom:56px!important}
}

section.on-dark p{color:#F1F3EE!important}
.final-cta p{color:#F4F1EB!important}
footer.site p,
footer.site li,
footer.site span{color:#F0F2ED!important}
footer.site .foot-bottom,
footer.site .foot-bottom span{color:#D9E0D7!important}

/* ===== mobile-polish.css ===== */
/* Final mobile-first polish. Loaded after mobile-nav.css so these rules can
   refine phone behavior without changing the desktop design. */
.hero-mobile-summary,
.hero-trust-mobile{display:none}

/* Why Motiva title rows stay compact on wider screens. Narrow phones receive
   explicit wrapping below so long differentiator titles never overflow. */
.why-motiva-tagline,
.why-motiva-tagline strong{white-space:nowrap!important}
.why-motiva-tagline .why-tagline-accent{color:#C97D58!important}
.why-motiva-points article{display:block!important}
.why-motiva-points .why-point-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  margin:0 0 7px!important;
  white-space:nowrap!important;
}
.why-motiva-points .why-point-title > span{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:50%!important;
  font-family:'IBM Plex Mono',monospace!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
.why-motiva-points article:nth-child(1) .why-point-title > span{background:var(--accent-deep,#53695B)!important;color:#fff!important}
.why-motiva-points article:nth-child(2) .why-point-title > span{background:var(--terracotta-deep,#A85F41)!important;color:#fff!important}
.why-motiva-points article:nth-child(3) .why-point-title > span{background:var(--gold,#D1AA63)!important;color:#3A3327!important}
.why-motiva-points article:nth-child(4) .why-point-title > span{background:var(--rose,#D9BBB2)!important;color:#553F39!important}
.why-motiva-points .why-point-title h3{
  margin:0!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.why-motiva-points article > p{
  margin:0!important;
  padding-left:50px!important;
}

@media(max-width:640px){
  /* Approved mobile hero: location strip, message, actions, image, trust row. */
  .hero{
    padding:0 0 34px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  .hero-copy{order:1!important;width:100%!important}
  .hero .eyebrow{
    width:calc(100% + 28px)!important;
    min-height:62px;
    margin:0 0 30px -14px!important;
    padding:14px 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    background:#F6F3EA!important;
    color:var(--accent-deep)!important;
    border-top:1px solid #EEE7DA;
    border-bottom:1px solid #EEE7DA;
    font-family:'Public Sans',ui-sans-serif,system-ui,sans-serif!important;
    font-size:.81rem!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
    text-align:center;
    text-transform:none!important;
  }
  .hero .eyebrow::before{
    content:""!important;
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-radius:50%!important;
    background:var(--accent-deep)!important;
  }
  .hero h1{
    margin:0!important;
    font-size:clamp(2.5rem,12.4vw,3.25rem)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  .hero-title-sample3 .hero-title-recovery,
  .hero-title-sample3 .hero-title-mission{display:block!important}
  /* Same headline colors as desktop. */
  .hero-title-sample3 .hero-title-recovery{color:var(--ink,#303632)!important}
  .hero-title-sample3 .hero-title-mission{
    margin-top:4px!important;
    color:var(--terracotta,#C97D58)!important;
  }
  .hero-title-divider{display:none!important}
  .hero .hero-desktop-copy{display:none!important}
  .hero-mobile-summary{
    display:block!important;
    margin:22px 0 0!important;
    max-width:34ch!important;
    color:var(--ink-soft)!important;
    font-size:1.02rem!important;
    font-weight:500!important;
    line-height:1.58!important;
  }
  .hero .hero-opening-note{display:none!important}
  .hero-ctas{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:26px 0 26px!important;
  }
  .hero-ctas .btn-energy{
    width:100%!important;
    min-height:54px!important;
    justify-content:center!important;
    background:var(--terracotta-deep,#A85F41)!important;
    border-color:var(--terracotta-deep,#A85F41)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(168,95,65,.18)!important;
    font-size:1rem!important;
  }
  .hero-ctas .btn-energy:active{background:#934E34!important;border-color:#934E34!important}
  .hero-ctas .btn-ghost{
    width:max-content!important;
    min-height:38px!important;
    justify-content:flex-start!important;
    padding:7px 0!important;
    border:0!important;
    border-bottom:2px solid var(--accent-deep)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--accent-deep)!important;
    font-size:.91rem!important;
    font-weight:700!important;
  }
  .hero-ctas .btn-ghost:hover{transform:none!important;background:transparent!important}
  .hero-trust-desktop{display:none!important}

  .hero-visual{
    order:2!important;
    width:calc(100% + 28px)!important;
    max-width:none!important;
    height:280px!important;
    aspect-ratio:auto!important;
    margin:0 0 0 -14px!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .hero-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 34%!important;
  }

  .hero-trust-mobile{
    order:3!important;
    width:calc(100% + 28px)!important;
    margin:0 0 0 -14px!important;
    padding:18px 12px 16px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    background:#FBF8F4!important;
    border-top:1px solid #E9E1D8;
    border-bottom:1px solid #E9E1D8;
    font-size:.7rem!important;
    line-height:1.28!important;
  }
  .hero-trust-mobile span{
    min-width:0!important;
    min-height:68px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:3px 9px!important;
    border-right:1px solid #E1D8CE;
    color:var(--accent-deep)!important;
    text-align:center!important;
    font-weight:650!important;
  }
  .hero-trust-mobile span:last-child{border-right:0!important}
  .hero-trust-mobile i{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    display:block!important;
    position:relative!important;
    border:1.5px solid var(--accent-deep)!important;
    border-radius:50%!important;
    background:transparent!important;
  }
  .hero-trust-mobile i::after{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:50%;
    background:var(--gold)!important;
  }

  /* Long Motiva wording must wrap naturally on narrow screens. */
  .why-motiva-tagline,
  .why-motiva-tagline strong{
    white-space:normal!important;
  }
  .why-motiva-tagline strong{
    display:block!important;
    line-height:1.35!important;
  }

  /* Why Motiva cards stay compact while allowing long new differentiator
     titles to wrap instead of overflowing the viewport. */
  .why-motiva-points article{
    display:block!important;
    padding:12px 13px!important;
  }
  .why-motiva-points .why-point-title{
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:6px!important;
    white-space:normal!important;
  }
  .why-motiva-points .why-point-title > span{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
    margin-top:1px!important;
    font-size:.64rem!important;
  }
  .why-motiva-points .why-point-title h3{
    font-size:.98rem!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
  .why-motiva-points article > p{
    padding-left:42px!important;
  }

  /* The sticky conversion action appears only after JS marks the first hero as passed. */
  body{padding-bottom:0!important}
  .mobile-bottom-cta{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(calc(120% + env(safe-area-inset-bottom)))!important;
  }
  .mobile-bottom-cta.is-ready:not(.is-suppressed){
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  body.mobile-menu-open .mobile-bottom-cta,
  body:has(.opening-list-dialog[open]) .mobile-bottom-cta,
  .mobile-bottom-cta.is-suppressed{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(calc(120% + env(safe-area-inset-bottom)))!important;
  }

  /* Condition/treatment pages already have the sticky CTA and final CTA on phones. */
  .detail-opening-rail{display:none!important}

  /* Active state for the mobile article navigator. */
  .mobile-page-nav-scroll a.is-active,
  .mobile-page-nav-scroll a[aria-current="location"]{
    background:var(--accent-deep)!important;
    border-color:var(--accent-deep)!important;
    color:#fff!important;
    box-shadow:0 4px 12px rgba(83,105,91,.16);
  }
}

@media(max-width:390px){
  .hero .eyebrow{min-height:58px!important;font-size:.77rem!important}
  .hero h1{font-size:2.55rem!important}
  .hero-mobile-summary{font-size:.98rem!important}
  .hero-visual{height:252px!important}
  .hero-trust-mobile{font-size:.66rem!important;padding-inline:8px!important}
  .hero-trust-mobile span{padding-inline:6px!important}
  .why-motiva-points .why-point-title{gap:9px!important}
  .why-motiva-points .why-point-title h3{font-size:.94rem!important}
  .why-motiva-points article > p{padding-left:41px!important}
}

/* ===== hero-mobile-trust-remove.css ===== */
/* Remove the mobile-only hero trust strip requested for the homepage.
   Desktop trust content remains unchanged. */
@media (max-width:980px){
  .hero .hero-trust-mobile{
    display:none!important;
  }
}

/* ===== announcement-marquee.css ===== */
/* Motiva announcement bar — restore the earlier continuous desktop marquee. */
:root{
  --motiva-announcement-height:48px;
  --motiva-announcement-gap:120px;
}

/* Desktop/default behavior. Mobile overrides below intentionally keep only the
   announcement fixed; the mobile header returns to normal document flow. */
.announce{
  position:sticky!important;
  top:0!important;
  z-index:2700!important;
  width:100%!important;
  height:var(--motiva-announcement-height)!important;
  min-height:var(--motiva-announcement-height)!important;
  overflow:hidden!important;
  padding:0!important;
  white-space:nowrap!important;
  text-align:left!important;
  font-size:1.08rem!important;
  font-weight:650!important;
  line-height:1.4!important;
}

header.site{
  position:sticky!important;
  top:var(--motiva-announcement-height)!important;
}

.announce .announce-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  white-space:nowrap!important;
  will-change:transform!important;
}

.announce .announce-item{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  height:100%!important;
  padding:0 var(--motiva-announcement-gap) 0 18px!important;
  margin:0!important;
  white-space:nowrap!important;
  color:#f7faf8!important;
  font-size:1.08rem!important;
  font-weight:650!important;
}

.announce .announce-opening{
  margin-right:34px!important;
  color:#edd79c!important;
  font-weight:800!important;
}

.announce .announce-copy{
  color:#f7faf8!important;
  white-space:nowrap!important;
}

.announce .announce-landmark{
  display:inline-block!important;
  margin-left:0!important;
  color:#9fe3cf!important;
  font-weight:800!important;
  letter-spacing:normal!important;
  text-decoration:none!important;
}

.announce .announce-landmark::before{
  content:none!important;
}

@keyframes motivaAnnouncementTrackScroll{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}

/* Previous desktop behavior: continuous motion, one complete repeat every 32s,
   no startup pause and a compact gap before the next copy. */
@media(min-width:981px){
  .announce{
    z-index:3000!important;
  }

  header.site{
    z-index:2900!important;
  }

  .announce .announce-track{
    animation:motivaAnnouncementTrackScroll 32s linear infinite!important;
    animation-play-state:running!important;
  }

  .announce:hover .announce-track{
    animation-play-state:paused!important;
  }
}

/* Mobile: the announcement alone stays fixed at the top. The header is restored
   to normal document flow, so it scrolls away exactly as before and the in-header
   menu can expand without competing sticky/fixed positioning. */
@media(max-width:980px){
  :root{
    --motiva-announcement-height:46px;
  }

  body{
    padding-top:var(--motiva-announcement-height)!important;
  }

  .announce{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:2700!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:.82rem!important;
  }

  header.site,
  header.site.menu-expanded,
  #mobile-menu-toggle:checked ~ header.site{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    z-index:2500!important;
    overflow:visible!important;
  }

  .announce .announce-track{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }

  .announce .announce-item{
    width:100%!important;
    height:100%!important;
    padding:0 16px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.12!important;
  }

  .announce .announce-item[aria-hidden="true"]{
    display:none!important;
  }

  .announce .announce-opening{
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.12!important;
  }

  .announce .announce-copy{
    font-size:0!important;
    line-height:1!important;
  }

  .announce .announce-copy::before{
    content:"New physiotherapy clinic in Half Moon Bay, Barrhaven";
    color:#f7faf8!important;
    font-size:.74rem!important;
    font-weight:650!important;
    line-height:1.12!important;
  }

  .announce .announce-landmark{
    display:none!important;
  }

  /* Scroll-direction header: keep the normal downward-scroll behavior,
     then pin the header directly below the announcement bar when the visitor
     reverses direction and scrolls upward. An open menu is pinned as well.
     The reveal is intentionally instant. Animating the whole sticky/fixed header
     caused Mobile Safari and touch Chrome to replay the reveal after closing the
     hamburger menu mid-page, which looked like the header was flickering twice. */
  header.site.mobile-header-revealed,
  header.site.menu-expanded,
  header.site.menu-closing,
  #mobile-menu-toggle:checked ~ header.site{
    position:fixed!important;
    top:var(--motiva-announcement-height)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    z-index:2500!important;
    box-shadow:0 8px 24px rgba(33,76,59,.10)!important;
    animation:none!important;
    transform:none!important;
    transition:none!important;
  }

  header.site.mobile-header-revealed,
  header.site.mobile-header-revealed:not(.menu-expanded):not(.menu-closing):not(.menu-transition-settle),
  header.site.menu-closing,
  header.site.menu-transition-settle{
    animation:none!important;
    transform:none!important;
    transition:none!important;
  }

  /* Keep the previous expanding mobile menu interaction intact. */
  header.site > .mobile-navigation,
  header.site.menu-expanded > .mobile-navigation{
    position:static!important;
    inset:auto!important;
  }

  #mobile-menu-toggle:checked ~ header.site > .mobile-navigation{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media(max-width:420px){
  :root{
    --motiva-announcement-height:44px;
  }
  .announce .announce-opening{font-size:.78rem!important}
  .announce .announce-copy::before{font-size:.69rem!important}
}

@media(prefers-reduced-motion:reduce){
  header.site.mobile-header-revealed:not(.menu-expanded){animation:none!important}
  header.site.menu-closing,
  header.site.menu-transition-settle{animation:none!important;transform:none!important}
  .announce .announce-track{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}

/* ===== mobile-content-layout.css ===== */
/* Mobile responsive content layout.
   Navigation rules live in mobile-menu-native.css. This file contains only
   page-level responsive presentation that must remain before page refinements. */

footer.site .mobile-footer{display:none!important}

@media(max-width:980px){
  .home-pathways .section-head{margin-bottom:18px!important}
  .home-path-grid{grid-template-columns:1fr!important;gap:12px!important}
  .home-path-card{
    min-height:0!important;
    padding:18px 16px 16px!important;
    border-top-width:1px!important;
    border-left-width:4px!important;
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(48,54,50,.07)!important;
  }
  .home-path-card:nth-child(1){border-left-color:var(--accent,#6F8577)!important}
  .home-path-card:nth-child(2){border-left-color:var(--terracotta,#C97D58)!important}
  .home-path-card:nth-child(3){border-left-color:var(--gold,#D1AA63)!important}
  .home-path-card::before{
    position:absolute!important;
    top:15px!important;
    right:15px!important;
    width:32px!important;
    height:32px!important;
    margin:0!important;
    box-shadow:0 4px 12px rgba(48,54,50,.1)!important;
  }
  .home-path-card h3{
    max-width:calc(100% - 48px)!important;
    margin:0 0 14px!important;
    font-size:1.22rem!important;
    line-height:1.18!important;
    letter-spacing:-.015em!important;
  }
  .home-path-card p{display:none!important}
  .home-path-card .home-path-link{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:11px 13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-radius:11px!important;
    font-size:.86rem!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }
  .home-path-card:nth-child(1) .home-path-link{background:var(--accent,#6F8577)!important;color:#fff!important}
  .home-path-card:nth-child(2) .home-path-link{background:var(--terracotta,#C97D58)!important;color:#fff!important}
  .home-path-card:nth-child(3) .home-path-link{background:var(--gold,#D1AA63)!important;color:#332C20!important}

  .home-featured-care .featured-care-body{padding:15px 16px 16px!important}
  .home-featured-care .featured-care-body h3{margin:0!important}
  .home-featured-care .featured-care-body p{display:none!important}

  footer.site .foot-grid{display:none!important}
  footer.site .mobile-footer{display:none!important}
  footer.site .foot-bottom{display:flex!important}

  #visit .loc-card > h3,
  #visit .loc-card > p,
  #visit .loc-card > .hours-list,
  #visit .loc-card > div:not(.loc-mobile-priority){display:none!important}
  #visit .loc-mobile-priority{display:block!important}
}

@media(min-width:981px){
  footer.site .foot-grid{display:grid!important}
  footer.site .mobile-footer{display:none!important}
  #visit .loc-mobile-priority{display:none!important}
}

/* ===== location-section.css ===== */
/* Visit Motiva — integrated location experience using the shared Motiva palette. */

#visit.visit-section{
  padding:58px 0;
  background:
    radial-gradient(circle at 92% 10%,rgba(47,102,80,.055),transparent 24%),
    var(--motiva-cream,var(--paper,#FAF7F2));
  border-top:1px solid var(--motiva-line,var(--line,#E3DCD3));
  border-bottom:1px solid var(--motiva-line,var(--line,#E3DCD3));
}

#visit .visit-section-head{
  max-width:720px;
  margin:0 0 26px;
}

#visit .visit-section-head .eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:11px;
  color:var(--motiva-green,#2F6650);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
}

#visit .visit-section-head .eyebrow::before{
  content:"";
  width:24px;
  height:2px;
  flex:0 0 24px;
  background:var(--motiva-gold,#B79245);
}

#visit .visit-section-head h2{
  margin:0 0 10px;
  color:var(--motiva-green-deep,#214C3B);
  font-size:clamp(2rem,3.8vw,3.15rem);
  line-height:1.04;
  letter-spacing:-.025em;
}

#visit .visit-section-head .lede{
  max-width:47ch;
  margin:0;
  color:var(--motiva-text,var(--ink-soft,#4B524D));
  font-size:1.04rem;
  line-height:1.58;
}

#visit .visit-shell{
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
  overflow:hidden;
  border:1px solid var(--motiva-line,var(--line,#E3DCD3));
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 38px rgba(47,102,80,.07);
}

#visit .visit-info{
  padding:28px 30px 26px;
  background:#fff;
}

#visit .visit-detail{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

#visit .visit-detail + .visit-detail{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid var(--motiva-line,var(--line,#E3DCD3));
}

#visit .visit-detail-icon,
#visit .visit-hours-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--motiva-sage-light,var(--accent-tint,#EEF3EF));
  color:var(--motiva-green,#2F6650);
}

#visit .visit-detail-icon svg,
#visit .visit-hours-icon svg{
  display:block;
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#visit .visit-detail-copy{
  min-width:0;
}

#visit .visit-detail-label{
  display:block;
  margin:1px 0 7px;
  color:var(--motiva-green,#2F6650);
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.095em;
  text-transform:uppercase;
}

#visit address{
  margin:0;
  color:var(--motiva-text-dark,var(--ink,#303632));
  font-style:normal;
  line-height:1.48;
}

#visit address strong{
  display:block;
  font-size:1.02rem;
  font-weight:760;
}

#visit address span{
  display:block;
  margin-top:2px;
  color:var(--motiva-text,var(--ink-soft,#4B524D));
  font-size:.93rem;
}

#visit .visit-landmark{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin-top:11px;
  color:var(--terracotta-deep,#A85F41);
  font-size:.81rem;
  font-weight:730;
  line-height:1.35;
}

#visit .visit-landmark > span{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--terracotta,#C97D58);
}

#visit .visit-opening-date{
  display:block;
  margin:0 0 15px;
  color:var(--motiva-green-deep,#214C3B);
  font-size:1.35rem;
  line-height:1.2;
}

#visit .visit-directions{
  min-height:46px;
  padding:11px 19px;
  background:var(--motiva-green,#2F6650)!important;
  border-color:var(--motiva-green,#2F6650)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(47,102,80,.13);
}

#visit .visit-directions:hover{
  background:var(--motiva-green-deep,#214C3B)!important;
  border-color:var(--motiva-green-deep,#214C3B)!important;
}

#visit .visit-map{
  min-height:390px;
  background:var(--motiva-sage-light,#F3F7F4);
  border-left:1px solid var(--motiva-line,var(--line,#E3DCD3));
}

#visit .visit-map iframe{
  display:block;
  width:100%;
  height:100%!important;
  min-height:390px;
  border:0;
}

#visit .visit-hours{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
  gap:24px;
  align-items:center;
  padding:20px 28px;
  background:linear-gradient(90deg,#F7FAF7 0%,#FBFCFA 100%);
  border-top:1px solid var(--motiva-line,var(--line,#E3DCD3));
}

#visit .visit-hours-heading{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0;
}

#visit .visit-hours-icon{
  width:38px;
  height:38px;
}

#visit .visit-hours-heading h3{
  margin:0;
  color:var(--motiva-green,#2F6650);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#visit .visit-hours-heading p{
  margin:5px 0 0;
  color:var(--motiva-text,var(--ink-soft,#4B524D));
  font-size:.8rem;
  line-height:1.4;
}

#visit .visit-hours-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  list-style:none;
  padding:0;
  margin:0;
}

#visit .visit-hours-list li{
  min-width:0;
  padding:2px 18px;
  color:var(--motiva-text,var(--ink-soft,#4B524D));
  font-size:.84rem;
  line-height:1.35;
}

#visit .visit-hours-list li + li{
  border-left:1px solid var(--motiva-line,var(--line,#E3DCD3));
}

#visit .visit-hours-list li span,
#visit .visit-hours-list li strong{
  display:block;
}

#visit .visit-hours-list li span{
  margin-bottom:5px;
}

#visit .visit-hours-list li strong{
  color:var(--motiva-green-deep,#214C3B);
  font-size:1.02rem;
  font-weight:780;
  font-variant-numeric:tabular-nums;
}

@media(max-width:980px){
  #visit.visit-section{
    padding:44px 0;
  }

  #visit .wrap{
    width:min(var(--maxw,1220px),calc(100% - 32px));
  }

  #visit .visit-section-head{
    margin-bottom:20px;
  }

  #visit .visit-section-head h2{
    font-size:2rem;
    line-height:1.08;
  }

  #visit .visit-section-head .lede{
    font-size:.95rem;
    line-height:1.5;
  }

  #visit .visit-shell{
    grid-template-columns:1fr;
    border-radius:17px;
    box-shadow:0 8px 24px rgba(47,102,80,.06);
  }

  #visit .visit-info{
    padding:22px 18px 20px;
  }

  #visit .visit-detail-icon{
    width:38px;
    height:38px;
  }

  #visit .visit-detail + .visit-detail{
    margin-top:20px;
    padding-top:20px;
  }

  #visit address strong{
    font-size:.97rem;
  }

  #visit address span{
    font-size:.88rem;
  }

  #visit .visit-landmark{
    font-size:.77rem;
  }

  #visit .visit-opening-date{
    font-size:1.18rem;
  }

  #visit .visit-directions{
    width:100%;
    min-height:48px;
  }

  #visit .visit-map{
    min-height:290px;
    border-top:1px solid var(--motiva-line,var(--line,#E3DCD3));
    border-left:0;
  }

  #visit .visit-map iframe{
    min-height:290px;
    height:290px!important;
  }

  #visit .visit-hours{
    grid-column:auto;
    grid-template-columns:1fr;
    gap:16px;
    padding:19px 18px 20px;
  }

  #visit .visit-hours-list{
    grid-template-columns:1fr;
    gap:0;
  }

  #visit .visit-hours-list li{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid var(--motiva-line,var(--line,#E3DCD3));
    font-size:.82rem;
  }

  #visit .visit-hours-list li + li{
    border-left:0;
  }

  #visit .visit-hours-list li:last-child{
    border-bottom:0;
    padding-bottom:0;
  }

  #visit .visit-hours-list li span,
  #visit .visit-hours-list li strong{
    display:block;
    margin:0;
  }

  #visit .visit-hours-list li strong{
    font-size:.91rem;
    text-align:right;
  }
}

@media(max-width:390px){
  #visit .visit-info,
  #visit .visit-hours{
    padding-inline:16px;
  }

  #visit .visit-detail{
    gap:11px;
  }

  #visit .visit-hours-list li{
    gap:10px;
    font-size:.79rem;
  }
}

/* ===== visit-social.css ===== */
/* Social-media row inside the Visit Motiva section. Accounts are pre-launch, so icons are informational only. */
#visit .visit-social{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--motiva-line,var(--line,#E3DCD3));
}

#visit .visit-social-copy{
  min-width:0;
}

#visit .visit-social-copy .visit-detail-label{
  margin-bottom:5px;
}

#visit .visit-social-coming{
  display:block;
  color:var(--motiva-gold,#B79245);
  font-family:'IBM Plex Mono',monospace;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#visit .visit-social-icons{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

#visit .visit-social-item{
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  padding:5px!important;
  border:1px solid #DCE5DF!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(33,76,59,.07)!important;
  overflow:hidden!important;
}

#visit .visit-social-item img,
#visit .visit-social-icons img{
  display:block!important;
  flex:0 0 auto!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  max-width:19px!important;
  max-height:19px!important;
  object-fit:contain!important;
}

@media(max-width:980px){
  #visit .visit-social{
    margin-top:20px;
    padding-top:18px;
  }
}

@media(max-width:430px){
  #visit .visit-social{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  #visit .visit-social-icons{
    gap:10px!important;
  }

  #visit .visit-social-item{
    flex-basis:34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
}

/* ===== theme-consistency.css ===== */
/* Final homepage theme consistency layer.
   Start Here uses the same warm Motiva visual language as the rest of the site.
   Visit Motiva is now fully styled in location-section.css. */

/* ---------- Header logo + bar surface ---------- */
/* Keep one exact warm-cream surface behind the real transparent Motiva PNG.
   The actual <img> remains visible so the logo cannot disappear if a CSS
   background/SVG resource fails to render. */
header.site,
header.site .nav{
  background:#FBF8F4!important;
  background-color:#FBF8F4!important;
}
header.site .brand{
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
header.site .header-motiva-logo{
  display:block!important;
  width:190px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:980px){
  header.site,
  header.site .nav{
    background:#FBF8F4!important;
    background-color:#FBF8F4!important;
  }
  header.site .header-motiva-logo{width:165px!important}
}

@media(max-width:520px){
  header.site .header-motiva-logo{width:148px!important}
}

/* ---------- Not sure where to start? ---------- */
.home-pathways{
  background:#FFFFFF!important;
}
.home-path-card,
.home-path-card:nth-child(1),
.home-path-card:nth-child(2),
.home-path-card:nth-child(3){
  background:#FFFFFF!important;
  border-color:var(--line,#E3DCD3)!important;
  border-top-color:var(--line,#E3DCD3)!important;
}
.home-path-card::before,
.home-path-card:nth-child(1)::before,
.home-path-card:nth-child(2)::before,
.home-path-card:nth-child(3)::before{
  content:none!important;
  display:none!important;
}
.home-path-card .home-path-link,
.home-path-card:nth-child(1) .home-path-link,
.home-path-card:nth-child(2) .home-path-link,
.home-path-card:nth-child(3) .home-path-link{
  color:var(--terracotta-deep,#A85F41)!important;
}

@media(max-width:980px){
  .home-path-card,
  .home-path-card:nth-child(1),
  .home-path-card:nth-child(2),
  .home-path-card:nth-child(3){
    border-left-color:var(--terracotta,#C97D58)!important;
  }
  .home-path-card h3{
    max-width:100%!important;
  }
  .home-path-card .home-path-link,
  .home-path-card:nth-child(1) .home-path-link,
  .home-path-card:nth-child(2) .home-path-link,
  .home-path-card:nth-child(3) .home-path-link{
    background:#FBF8F4!important;
    border:1px solid var(--line,#E3DCD3)!important;
    color:var(--ink,#303632)!important;
  }
}

/* ===== home-mobile-spacing.css ===== */
/* Site-wide mobile spacing normalization.
   Older shared styles apply generous desktop spacing through much of the
   tablet/mobile range. This final layer keeps mobile pages compact and
   consistent while leaving desktop layouts unchanged. Page-specific detail
   styles load after this file and can refine condition/treatment pages. */

@media(max-width:980px){
  /* Generic inner-page rhythm */
  .page-hero{
    padding-top:40px!important;
    padding-bottom:44px!important;
  }
  section.tight,
  .home-pathways,
  .why-motiva,
  .home-featured-care,
  .home-process-compact,
  .home-founder-section,
  #visit.visit-section,
  .final-cta{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }

  .section-head{
    margin-bottom:24px!important;
  }
  .home-pathways .section-head,
  .home-featured-care .section-head,
  .home-process-compact .section-head,
  .home-founder-section .section-head{
    margin-bottom:22px!important;
  }

  .group-block + .group-block{
    margin-top:36px!important;
  }
  .group-head{
    margin-bottom:16px!important;
  }

  .grid-3,
  .grid-2{
    gap:14px!important;
  }
  .card-body{
    padding:19px!important;
  }

  .founder{
    gap:28px!important;
  }
  .form-card{
    padding:24px!important;
  }
  .final-grid{
    gap:22px!important;
  }
}

@media(max-width:620px){
  .page-hero{
    padding-top:30px!important;
    padding-bottom:34px!important;
  }
  .page-hero .crumb{
    margin-bottom:12px!important;
  }
  .page-hero .eyebrow{
    margin-bottom:10px!important;
  }
  .page-hero h1{
    margin-bottom:12px!important;
    font-size:clamp(2rem,10vw,2.55rem)!important;
    line-height:1.04!important;
  }
  .page-hero .lede{
    font-size:.96rem!important;
    line-height:1.55!important;
  }
  .page-hero .hero-ctas{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:20px!important;
  }
  .page-hero .hero-ctas .btn{
    width:100%!important;
  }

  section.tight,
  .home-pathways,
  .why-motiva,
  .home-featured-care,
  .home-process-compact,
  .home-founder-section,
  #visit.visit-section,
  .final-cta{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }

  .section-head,
  .home-pathways .section-head,
  .home-featured-care .section-head,
  .home-process-compact .section-head,
  .home-founder-section .section-head{
    margin-bottom:18px!important;
  }

  .group-block + .group-block{
    margin-top:30px!important;
  }
  .group-head{
    margin-bottom:14px!important;
  }

  .grid-3,
  .grid-2{
    gap:12px!important;
  }
  .card-body{
    padding:17px!important;
  }
  .card h3{
    margin-bottom:6px!important;
  }

  .founder{
    gap:20px!important;
  }
  .founder-photo{
    max-width:100%!important;
  }

  .form-card{
    padding:20px!important;
  }
  .form-card > div[style*="display:flex"],
  .wrap-narrow > div[style*="display:flex"]{
    gap:8px!important;
  }

  .pill-grid{
    gap:8px!important;
  }
  .pill{
    padding:9px 13px!important;
    font-size:.82rem!important;
  }

  .final-grid{
    gap:18px!important;
  }
  .final-actions{
    gap:8px!important;
  }
  .final-actions .btn{
    width:100%!important;
  }

  .featured-care-actions{
    margin-top:20px!important;
  }
}