.headline-rotation{position:relative;container-type:inline-size}
.hero-banner .hero-copy h1 .headline-last{display:flex;align-items:center;gap:.22em;white-space:nowrap;color:var(--ink);font-size:min(1em,10.4cqw);line-height:1.2}
.hero-banner .hero-copy h1 .headline-be{color:inherit;flex-shrink:0}
.hero-banner .hero-copy h1 .rotating-word{display:block;position:relative;flex:1;min-width:0;height:1.2em;margin-right:34px;overflow:hidden;line-height:1.2;font-size:inherit}
.headline-word{position:absolute;inset:0 auto auto 0;white-space:nowrap}
.headline-word.is-entering{animation:headline-enter .45s cubic-bezier(.22,.7,.25,1) both}
.headline-word.is-leaving{animation:headline-leave .45s cubic-bezier(.22,.7,.25,1) both}
.word-toggle{position:absolute;right:0;bottom:.25em;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #53678530;border-radius:50%;background:#ffffff70;color:#536785;font:600 12px/1 Manrope,"Segoe UI",sans-serif}
.word-toggle:hover{background:#fff;color:#0965ef}
@keyframes headline-enter{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes headline-leave{from{transform:translateY(0);opacity:1}to{transform:translateY(-110%);opacity:0}}
@media(prefers-reduced-motion:reduce){.headline-word.is-entering,.headline-word.is-leaving{animation:none}.word-toggle{display:none}}