/* Hero upgrade (Amanda, 2026-11-04). Portrait and approved palette unchanged.
   One clear graphic: the 12 steps as a path of numbered nodes, instead of several faint sketches. */
.hero .strategy-sketch,.hero .field-notes{display:none}

/* depth behind the portrait */
.hero .identity-art::before{content:"";position:absolute;right:-4%;bottom:-6%;width:62%;height:96%;background:radial-gradient(closest-side,rgba(104,54,206,.34),rgba(104,54,206,.12) 55%,transparent 75%);pointer-events:none}

/* the one graphic */
.systems-path{position:absolute;left:4%;bottom:56px;top:auto;height:96px;width:76%;overflow:visible}
.systems-path .rail{fill:none;stroke:#b79bf4;stroke-opacity:.4;stroke-width:1.5;stroke-dasharray:2 7}
.systems-path .draw{fill:none;stroke:#b79bf4;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:sp-draw 2.6s cubic-bezier(.3,.1,.2,1) .4s forwards}
.systems-path .node circle{stroke-width:1.5}
.systems-path .node.m circle{fill:#6836ce;stroke:#b79bf4}
.systems-path .node.s circle{fill:#f5f4f8;stroke:#d9d0f5}
.systems-path .node text{font:800 11px Manrope,sans-serif;text-anchor:middle;dominant-baseline:central}
.systems-path .node.m text{fill:#fff}
.systems-path .node.s text{fill:#171d36}
.systems-path .node{opacity:0;animation:sp-pop .5s ease forwards;animation-delay:var(--d)}
.systems-path .tag{font:700 10.5px DM,sans-serif;letter-spacing:.18em;fill:#d9d0f5;opacity:0;animation:sp-pop .6s ease forwards}
.systems-path .pulse{fill:#b79bf4;opacity:0;animation:sp-pulse 3.2s ease-in-out 3.2s infinite}
@keyframes sp-draw{to{stroke-dashoffset:0}}
@keyframes sp-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sp-pulse{0%,100%{opacity:0;r:14}40%{opacity:.35;r:20}}

/* calmer, more intentional type and card */
.hero .eyebrow{display:inline-block;border:1px solid rgba(183,155,244,.45);border-radius:999px;padding:6px 14px;font-size:11px;letter-spacing:.16em;color:#d9d0f5;background:rgba(104,54,206,.14)}
.hero .intro-video{max-width:430px;padding:20px 22px;border-radius:16px;min-height:0;height:auto}
.hero .editorial-word{opacity:.55}

@media (max-width:760px){.systems-path{display:none}}
@media (prefers-reduced-motion:reduce){
  .systems-path .draw{animation:none;stroke-dashoffset:0}
  .systems-path .node,.systems-path .tag{animation:none;opacity:1}
  .systems-path .pulse{animation:none}
}

/* hero: keep the headline from pushing into the 12-step path (Amanda, 2026-11-04) */
.hero h1{font-size:clamp(34px,3.5vw,52px);line-height:1.1;margin:14px 0 20px}
@media(min-width:761px){.hero{padding-bottom:100px;min-height:900px}.hero-content{padding-top:30px}.hero .small-label{margin-top:18px}}

.hero h1 em{display:block;text-wrap:balance}