/* HealthElevate Brand v4 (October 2026): site-wide layer.
   Loaded after each page's own <style>, so these rules win. */
:root{
  --blue:#14171C;--teal:#00756B;--slate:#6A6F78;--mist:#F5F6F7;--charcoal:#14171C;--white:#FFFFFF;--border:#E3E5E8;--teal-bg:#E2F4F1;--text:#2C3038;
  --he-surface:#FFFFFF;--he-alt:#F5F6F7;--he-deep:#0B0D10;--he-ink:#14171C;--he-muted:#6A6F78;--he-line:#E3E5E8;
  --he-signal:#0E9A8B;--he-signal-ink:#00756B;--he-signal-dark:#2CC9B6;
  --he-ease:cubic-bezier(0.28,0.11,0.32,1);--he-spring:cubic-bezier(0.34,1.36,0.64,1);
  --he-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--he-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-0.006em}
::selection{background:#CDE9E4}
:focus-visible{outline:2px solid var(--he-signal-ink);outline-offset:2px}

/* Dark stages: teal lifts for contrast */
.hero,.page-header,.article-header,.bg-blue,.cta-band,footer{--teal:#2CC9B6;--teal-bg:rgba(44,201,182,.14)}
.page-header,.article-header,.bg-blue,.cta-band{background:var(--he-deep)!important}

/* Frosted nav */
nav{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(20,23,28,.08)!important;height:52px!important;z-index:500!important}
.nav-brand{display:flex;align-items:center;line-height:0}
.nav-brand img{height:18px;width:auto;display:block}
.nav-links{gap:22px!important}
.nav-links a{font-size:13px!important;font-weight:400!important;color:var(--he-ink)!important;opacity:.8;transition:opacity .16s var(--he-ease)}
.nav-links a:hover,.nav-links a.current{opacity:1;font-weight:500!important}
.nav-links a.nav-btn{opacity:1;background:var(--he-signal-ink)!important;color:#fff!important;border-radius:980px!important;padding:7px 15px!important;font-weight:500!important}
.nav-links a.nav-btn:hover{filter:brightness(1.08)}

/* Buttons: pills with a soft press */
[class*="btn"]:not(.role-btns):not([class*="btns"]),a[class*="btn"],button[class*="btn"]{border-radius:980px!important;transition:transform .16s var(--he-spring),background-color .16s var(--he-ease),filter .16s var(--he-ease),color .16s var(--he-ease)}
[class*="btn"]:active{transform:scale(.97)}
.btn-primary,.btn-teal,.btn-teal-sm,.btn-submit,.btn-next{background:var(--he-signal-ink)!important;color:#fff!important;border-color:transparent!important}
.btn-primary:hover,.btn-teal:hover,.btn-teal-sm:hover,.btn-submit:hover,.btn-next:hover{filter:brightness(1.08)}
.btn-blue{background:var(--he-ink)!important;color:#fff!important}
.btn-white{background:#F5F5F7!important;color:var(--he-ink)!important}
.hero .btn-primary,.page-header .btn-primary,.article-header .btn-primary,.bg-blue .btn-primary,.cta-band .btn-primary{background:var(--he-signal-dark)!important;color:#04110F!important}

/* Rounded surfaces */
.card,.i-card,.article-card,.col-card,.instrument-card,.tier,.upgrade-box,.results-panel,.me-card,.chart-block,.question-card,.section-panel,.data-block,.faq-item,.condition-col,.maturity-col,.instrument-cta,.recs-block,.process-step,.pull-quote{border-radius:18px!important}
.card,.i-card,.article-card,.instrument-card,.col-card,.me-card{transition:transform .25s var(--he-ease),box-shadow .25s var(--he-ease)}
a.card:hover,.i-card:hover,a.article-card:hover,.article-card:hover,a.instrument-card:hover,a.col-card:hover{transform:scale(1.015);box-shadow:0 8px 30px rgba(20,23,28,.08)}
.option{border-radius:12px!important}
.badge,.verdict-badge,.failure-tag,.tier-badge{border-radius:980px!important}

/* Type: larger, tighter, sentence-style kickers */
h1,h2,h3{letter-spacing:-0.025em}
.page-header h1,.article-header h1{font-size:clamp(34px,4.6vw,52px)!important;line-height:1.06!important;letter-spacing:-0.035em!important}
.section h2,.section-title{letter-spacing:-0.03em!important}
.section h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.08!important}
.section-tag,.instrument-label,.article-label,.hero-tag,.me-eyebrow,.section-tag-white,.card-category,.ins-row-cat,.instrument-cta-eyebrow{text-transform:none!important;letter-spacing:-0.005em!important;font-size:15px!important;font-weight:600!important}
.lead{font-size:clamp(17px,1.6vw,21px)!important;line-height:1.45!important;letter-spacing:-0.012em}
.section{padding-top:clamp(64px,9vw,120px)!important;padding-bottom:clamp(64px,9vw,120px)!important}
.bg-mist{background:var(--he-alt)!important}

/* Footer */
footer{background:var(--he-deep)!important}
.he-foot-logo{height:18px;width:auto;display:block;margin-bottom:10px}

/* Motion: Apple-style reveal (only when JS runs) */
.he-js .he-reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--he-ease),transform .9s var(--he-ease);transition-delay:calc(var(--he-i,0)*90ms)}
.he-js .he-reveal.is-in{opacity:1;transform:none}
.he-hl .w{color:var(--he-muted);transition:color .35s var(--he-ease)}
.he-hl .w.on{color:var(--he-ink)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .he-js .he-reveal{transform:none;transition:opacity .2s linear;transition-delay:0s}
  [class*="btn"]:active,a.card:hover,.i-card:hover,.article-card:hover,a.instrument-card:hover{transform:none}
}
@media (max-width:860px){nav{height:auto!important;min-height:52px}}