.hero.hero-video-layout{padding:0;background:#fff}
.hero-video-stage{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(540px,39vw,760px);overflow:hidden;background:#202855}
.hero-video-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) brightness(.92)}
.hero-video-poster{z-index:0;display:block}
.hero-video{z-index:1;opacity:0}
.hero-video-stage[data-video-ready="true"] .hero-video{opacity:1}
.hero-video-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(21,28,75,.86) 0%,rgba(21,28,75,.67) 39%,rgba(21,28,75,.42) 69%,rgba(21,28,75,.35) 100%)}
.hero-video-stage>.wrap{position:relative;z-index:3;padding-top:72px;padding-bottom:88px}
.hero-video-layout .hero-copy{max-width:750px}
.hero-video-layout .eyebrow{color:#e0ebff;font-size:12px;letter-spacing:.1em;display:flex;align-items:center;gap:13px}
.hero-video-layout .eyebrow:before{content:"";display:block;width:28px;height:2px;background:#75aaff}
.hero-video-layout h1{font-size:clamp(42px,4vw,66px);font-weight:650;line-height:1.27;letter-spacing:0;color:#fff;margin:24px 0}
.hero-video-layout h1 span{color:#d0e2ff}
.hero-video-layout .hero-copy>p{max-width:535px;color:#edf2ff;font-size:15px;line-height:1.95}
.hero-video-layout .hero-actions{gap:14px;margin-top:32px}
.hero-video-layout .hero-actions .button{background:#2353cd;border-color:#2353cd;font-size:12px;padding:16px 24px;gap:24px}
.hero-video-layout .hero-actions .button:hover{background:#2c2e8c;border-color:#879ef0}
.hero-video-layout .hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 22px;border:1px solid #ffffff6b;background:#ffffff0b;color:white;font-size:12px;font-weight:600;transition:background .2s,border-color .2s}
.hero-video-layout .hero-secondary:hover{background:#ffffff20;border-color:#fff}
.hero-video-toggle{position:absolute;z-index:4;right:max(40px,calc((100vw - 1300px)/2));bottom:25px;display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff65;border-radius:22px;padding:10px 15px;background:#17264e44;color:#fff;font-size:11px;line-height:1;backdrop-filter:blur(8px)}
.hero-video-toggle:hover{background:#2353cd;border-color:#c3ddff}
.hero-video-toggle svg{width:13px;height:13px;fill:currentColor}
.hero-video-stage[data-video-state="playing"] .hero-play-icon,.hero-video-stage:not([data-video-state="playing"]) .hero-pause-icon{display:none}
.hero-video-stage[data-video-state="unavailable"] .hero-video-toggle,.hero-video-stage[data-video-state="unavailable"] .hero-video{display:none}
.hero-video-layout .hero-bottom{margin-top:0;border-top:0}
.hero-video-layout .hero-bottom a{padding-top:25px;padding-bottom:25px;font-size:13px}
.hero-video-layout .hero-bottom small{font-size:10px;letter-spacing:.04em}
.hero-video-layout .hero-review{padding-bottom:20px}
.hero-video-layout .hero-review .review-note{margin-top:15px}
@media(max-width:1080px){.hero-video-stage{min-height:560px}.hero-video-layout h1{font-size:48px}.hero-video-toggle{right:24px}.hero-video-stage>.wrap{padding-top:64px;padding-bottom:88px}}
@media(max-width:680px){
  .hero-video-stage{min-height:560px;align-items:flex-start}
  .hero-video-stage>.wrap{padding-top:58px;padding-bottom:110px}
  .hero-video-layout .hero-copy{max-width:100%}
  .hero-video-layout .eyebrow{font-size:11px;letter-spacing:.04em;gap:10px}
  .hero-video-layout h1{font-size:clamp(31px,8.9vw,43px);line-height:1.32;margin:23px 0}
  .hero-video-layout .hero-copy>p{font-size:13px;max-width:390px;line-height:1.9}
  .hero-video-layout .hero-actions{gap:12px;margin-top:27px}
  .hero-video-layout .hero-actions .button,.hero-video-layout .hero-secondary{font-size:11px;padding:14px 18px;gap:15px}
  .hero-video-shade{background:linear-gradient(90deg,rgba(21,28,75,.82),rgba(21,28,75,.48)),linear-gradient(0deg,rgba(21,28,75,.08),rgba(21,28,75,.17))}
  .hero-video-toggle{right:18px;bottom:20px}
  .hero-video-layout .hero-bottom{margin-top:0}
  .hero-video-layout .hero-bottom a,.hero-video-layout .hero-bottom a:not(:first-child){padding:19px 0;font-size:12px}
  .hero-video-layout .hero-review{padding-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.hero-video-layout .hero-secondary{transition:none}}
