.motion-banner{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:clamp(540px,68svh,740px);padding:72px 24px;background:white;text-align:center;color:#10253a}
.motion-copy{width:min(100%,880px);position:relative;z-index:1}
.motion-copy .eyebrow{display:inline-block;color:#08639e}
.motion-copy h1{margin:20px 0;font:700 clamp(3rem,6.8vw,6.3rem)/1.03 Manrope,Inter,sans-serif;letter-spacing:-.065em;color:#11283c}
.motion-copy h1 span{display:block}.motion-copy h1 span+span{color:#0965ac}
.motion-copy p{max-width:58ch;margin:0 auto;color:#485b6c;font:400 clamp(1rem,1.5vw,1.2rem)/1.6 Inter,sans-serif}
.motion-copy .actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px auto 0}
.orbital-field{position:absolute;z-index:-1;inset:0;pointer-events:none}.orbit{position:absolute;width:clamp(180px,29vw,490px);height:auto;transition:transform .22s ease-out}.orbit-left{left:-4%;bottom:-7%;transform:translate(var(--x,0px),var(--y,0px))}.orbit-right{right:-4%;top:-5%;transform:translate(calc(0px - var(--x,0px)),calc(0px - var(--y,0px)))}
.tilt-switch{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);border:0;background:white;color:#476479;font:600 .78rem Inter,sans-serif;min-height:44px;padding:8px 14px;cursor:pointer;border-radius:22px}.tilt-switch[aria-pressed=true]{color:#0069a7}.tilt-switch[hidden]{display:none}
@media(max-width:680px){.motion-banner{min-height:470px;padding:64px 20px}.motion-copy h1{font-size:clamp(2.35rem,10vw,4rem)}.orbit{width:160px;opacity:.75}.orbit-left{left:-64px;bottom:-32px}.orbit-right{right:-58px;top:-36px}.motion-copy .actions{display:grid;max-width:320px}.motion-copy .actions a{min-height:48px}}
@media(prefers-reduced-motion:no-preference){
@keyframes settle-item{0%{opacity:0;transform:translateY(-24px)}70%{opacity:1;transform:translateY(2px)}100%{opacity:1;transform:none}}
.motion-copy .eyebrow,.motion-copy h1 span,.motion-copy p,.motion-copy .actions a,.orbital-field{animation:settle-item .54s cubic-bezier(.18,.68,.28,1) backwards}.motion-copy h1 span{animation-delay:.07s}.motion-copy h1 span+span{animation-delay:.14s}.motion-copy p{animation-delay:.2s}.motion-copy .actions a{animation-delay:.26s}.motion-copy .actions a+a{animation-delay:.31s}}
@media(prefers-reduced-motion:reduce){.orbit{transform:none;transition:none}.tilt-switch{display:none}}
.motion-banner{touch-action:pan-y pinch-zoom}.tilt-controls{position:absolute;bottom:6px;inset-inline:12px;display:flex;align-items:center;justify-content:center;gap:8px}.tilt-hint{color:#476479;font:500 .75rem/1.35 Inter,sans-serif;max-width:24ch;text-align:start}.tilt-hint:empty{display:none}.tilt-controls .tilt-switch{position:static;transform:none;border:1px solid #d4e3ee}.tilt-switch[aria-pressed=true]{background:#e9f5fc}
@media(max-width:680px){.motion-banner .orbit{width:195px;opacity:1}.motion-banner .orbit-left{left:-56px}.motion-banner .orbit-right{right:-54px}}
/* One lateral input turns each line of type as a surface, never letter by letter. */
@media(prefers-reduced-motion:no-preference){
  .motion-copy h1,.motion-copy .eyebrow,.motion-copy p,.motion-copy .actions a span{
    transform-origin:50% 50%;transform:perspective(780px) rotateY(var(--soft-yaw,0deg));
    transition:transform .17s ease-out
  }
  .motion-copy h1{transform:perspective(880px) rotateY(var(--yaw,0deg))}
  .motion-copy .actions a span{display:inline-block}
}