.eh-hero h1.hh-heading>.hh-line{display:flex;align-items:center;justify-content:center;gap:.2em;background:none;color:var(--eh-ink);-webkit-text-fill-color:currentColor;letter-spacing:-.045em;line-height:1.2}
.hh-heading .hh-rotator{display:inline-grid;align-items:center;padding:.1em .29em .14em;border-radius:999px;--hh-bg:#dfedff;--hh-ink:#1757a0;background:var(--hh-bg);color:var(--hh-ink);transition:background-color .4s,color .4s;white-space:nowrap;vertical-align:middle;isolation:isolate}
.hh-word{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:.18em;visibility:hidden;opacity:0;transform:translateY(.14em);transition:opacity .3s,transform .35s,visibility .35s;font-size:.88em;font-weight:620;letter-spacing:-.045em;white-space:nowrap}
.hh-word::before{content:'';display:block;width:.42em;height:.42em;border-radius:50%;background:currentColor;flex-shrink:0}
.hh-word.is-active{visibility:visible;opacity:1;transform:translateY(0)}
.hh-rotator[data-hero-word-tone=clarity]{--hh-bg:#eee1ff;--hh-ink:#7124b0}
.hh-rotator[data-hero-word-tone=confidence]{--hh-bg:#dbf5e5;--hh-ink:#146742}
.hh-rotator[data-hero-word-tone=connection]{--hh-bg:#fce0ef;--hh-ink:#9b2466}
.hh-rotator[data-hero-word-tone=savings]{--hh-bg:#fff0cd;--hh-ink:#805400}
:root[data-theme=dark] .hh-rotator{--hh-bg:#19395b;--hh-ink:#b8daff}
:root[data-theme=dark] .hh-rotator[data-hero-word-tone=clarity]{--hh-bg:#422456;--hh-ink:#e4c4ff}
:root[data-theme=dark] .hh-rotator[data-hero-word-tone=confidence]{--hh-bg:#173f33;--hh-ink:#b2edce}
:root[data-theme=dark] .hh-rotator[data-hero-word-tone=connection]{--hh-bg:#4d263e;--hh-ink:#ffcae6}
:root[data-theme=dark] .hh-rotator[data-hero-word-tone=savings]{--hh-bg:#493914;--hh-ink:#ffe1a0}
.eh-hero h1.hh-heading>.hh-powered{display:block;margin-top:.1em}
@media(max-width:980px){.eh-hero h1.hh-heading{font-size:clamp(34px,4.5vw,54px)}.eh-hero h1.hh-heading>.hh-line{gap:.16em}}
@media(max-width:600px){.eh-hero h1.hh-heading{font-size:clamp(28px,7.5vw,43px);line-height:1.15}.eh-hero h1.hh-heading>.hh-line{flex-direction:column;gap:.2em}.hh-heading .hh-rotator{padding:.13em .4em .17em}.eh-hero h1.hh-heading>.hh-powered{margin:.27em auto 0;max-width:100%;font-size:.92em}}
@media(prefers-reduced-motion:reduce){.hh-heading .hh-rotator,.hh-word{transition:none}}

/* Reserve the longest phrase, but let the visible highlight follow the active text.
   A single dot belongs to the slot, so every phrase shares the same anchor. */
.hh-heading .hh-rotator{position:relative;background:transparent;padding-left:1em}
.hh-heading .hh-word{justify-content:flex-start;gap:0}
.hh-heading .hh-word::before{content:none}
.hh-heading .hh-rotator::before{content:'';position:absolute;left:.43em;top:50%;width:.37em;height:.37em;border-radius:50%;background:currentColor;transform:translateY(-50%);z-index:1}
.hh-heading .hh-rotator::after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--hh-highlight-width,100%);border-radius:999px;background:var(--hh-bg);z-index:-1;transition:width .48s cubic-bezier(.22,.7,.2,1),background-color .4s}
@media(max-width:600px){.hh-heading .hh-rotator{padding-left:1em}}
@media(prefers-reduced-motion:reduce){.hh-heading .hh-rotator::after{transition:none}}