.solutions-video-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: min(810px, calc(100vh - 80px));
  min-height: min(810px, calc(100svh - 80px));
  margin: 0 16px 30px;
  border: 1px solid #a7d8ff12;
  border-radius: 34px;
  color: #fff;
  background: #071426;
}
.solutions-video-hero__media,
.solutions-video-hero__shade,
.solutions-video-hero__circuit {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.solutions-video-hero__media {
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;
  opacity: .96;
}
.solutions-video-hero__shade {
  z-index: -2;
  background:
    linear-gradient(90deg, #061324da 0%, #07152ca8 25%, #091b3055 50%, #07182c0a 78%, #07142605 100%),
    linear-gradient(0deg, #061427e0 0%, #07142663 26%, transparent 63%, #06142622 100%);
}
.solutions-video-hero__circuit {
  z-index: -1;
  opacity: .2;
  background:
    radial-gradient(circle at 73% 33%, #8bd3ff3d 0 1px, transparent 2px),
    linear-gradient(90deg, transparent 0 71%, #7bc9f40e 71% calc(71% + 1px), transparent calc(71% + 1px)),
    linear-gradient(0deg, transparent 0 44%, #7bc9f40c 44% calc(44% + 1px), transparent calc(44% + 1px));
  mask-image: linear-gradient(90deg, transparent 20%, #000);
}
.solutions-video-hero__content {
  min-height: inherit;
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-block: clamp(112px, 17vh, 170px) 95px;
}
.solutions-video-hero__copy { max-width: 750px; padding-bottom: 8px; position: relative; z-index: 2; }
.solutions-video-hero__breadcrumb { position: absolute; top: clamp(26px, 4vw, 45px); left: 0; display: flex; align-items: center; gap: 11px; color: #c1d2e4; font-size: 10px; }
.solutions-video-hero__breadcrumb .icon { width: 11px; height: 11px; color: #95c9ef; }
.solutions-video-hero__breadcrumb [aria-current="page"] { color: #fff; }
.solutions-video-hero__eyebrow { color: #9bd2f7; display: flex; align-items: center; gap: 11px; text-transform: uppercase; letter-spacing: 2px; font-size: 9px; margin-bottom: 25px; }
.solutions-video-hero__eyebrow::before { content: ''; width: 24px; height: 1px; background: #8bd3ff; box-shadow: 0 0 15px #8bd3ff94; }
.solutions-video-hero h1 { font-size: clamp(46px, 5.4vw, 76px); line-height: 1.06; letter-spacing: -3.7px; font-weight: 500; max-width: 730px; }
.solutions-video-hero h1 span { color: #a9d9f8; }
.solutions-video-hero__copy > p { color: #d0deec; max-width: 550px; margin-top: 24px; font-size: 14px; line-height: 1.9; }
.solutions-video-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 29px; align-items: center; }
.solutions-video-hero__actions .button { min-height: 49px; border-radius: 12px; font-size: 11px; }
.solutions-video-hero__secondary { display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 10px 6px; color: #e0eaf4; font-size: 11px; }
.solutions-video-hero__secondary .icon { width: 14px; height: 14px; transition: transform .3s ease; }
.solutions-video-hero__secondary:hover .icon { transform: translateY(3px); }
.solutions-video-hero .button-white { color: #0c2340; }
.solutions-video-controls {
  position: absolute; right: 28px; bottom: 23px; z-index: 4;
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  padding: 5px; border: 1px solid #cfdef333; border-radius: 18px;
  background: #081b30b5; backdrop-filter: blur(12px); box-shadow: 0 8px 25px #0003;
}
.solutions-video-toggle,
.solutions-video-fullscreen,
.solutions-video-speed {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 38px; padding: 0 11px; border: 1px solid #cfdef334; border-radius: 12px;
  background: #0b2039b5; color: #e1eaf3; font: inherit; font-size: 9px;
}
.solutions-video-toggle,
.solutions-video-fullscreen { cursor: pointer; transition: border-color .25s, background .25s; }
.solutions-video-toggle[hidden],
.solutions-video-fullscreen[hidden] { display: none; }
.solutions-video-toggle:hover:not(:disabled),
.solutions-video-fullscreen:hover:not(:disabled) { border-color: #9ed8fcaa; background: #0e2a47ed; }
.solutions-video-toggle:disabled,
.solutions-video-fullscreen:disabled { opacity: .58; cursor: default; }
.solutions-video-toggle:focus-visible,
.solutions-video-fullscreen:focus-visible,
.solutions-video-speed__select:focus-visible { outline: 2px solid #9ed8fc; outline-offset: 2px; }
.solutions-video-toggle__icon { width: 13px; height: 13px; display: inline-grid; place-items: center; font-size: 10px; }
.solutions-video-fullscreen .icon { width: 14px; height: 14px; }
.solutions-video-speed { gap: 6px; color: #a9c3dc; border-color: transparent; }
.solutions-video-speed__select { max-width: 82px; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; font-size: 10px; font-weight: 500; cursor: pointer; }
.solutions-video-speed__select option { background: #102744; color: #fff; }
.solutions-video-speed__select:disabled { opacity: .6; cursor: default; }
.solutions-video-hero:fullscreen,
.solutions-video-hero.is-fullscreen {
  position: fixed; inset: 0; z-index: 2147483600;
  width: 100vw; height: 100vh; height: 100dvh;
  min-height: 100vh; min-height: 100dvh; max-height: none;
  margin: 0; border: 0; border-radius: 0; background: #000;
}
.solutions-video-hero:fullscreen .solutions-video-hero__content,
.solutions-video-hero.is-fullscreen .solutions-video-hero__content,
.solutions-video-hero:fullscreen .solutions-video-hero__shade,
.solutions-video-hero.is-fullscreen .solutions-video-hero__shade,
.solutions-video-hero:fullscreen .solutions-video-hero__circuit,
.solutions-video-hero.is-fullscreen .solutions-video-hero__circuit { display: none; }
.solutions-video-hero:fullscreen .solutions-video-hero__media,
.solutions-video-hero.is-fullscreen .solutions-video-hero__media {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%; object-fit: contain;
  background: #000; opacity: 1; pointer-events: none;
}
.solutions-video-hero:fullscreen .solutions-video-controls,
.solutions-video-hero.is-fullscreen .solutions-video-controls {
  right: auto; bottom: 25px; left: 50%; transform: translateX(-50%);
  width: max-content; max-width: calc(100% - 30px); justify-content: center;
  background: #07182edb; border-color: #d5e8f232;
}
body.video-fullscreen-fallback { overflow: hidden; }
@media (max-width: 760px) {
  .solutions-video-hero { min-height: 700px; min-height: min(890px, calc(100svh - 78px)); margin-inline: 10px; border-radius: 26px; }
  .solutions-video-hero__media { object-position: 59% center; opacity: .84; }
  .solutions-video-hero__shade { background: linear-gradient(180deg, #06132462 0%, #07152c6f 38%, #091a33c9 73%, #071426eb 100%), linear-gradient(90deg, #07142659, transparent); }
  .solutions-video-hero__content { justify-content: flex-end; min-height: inherit; padding: 100px 0 114px; }
  .solutions-video-hero__breadcrumb { top: 26px; }
  .solutions-video-hero__copy { max-width: 610px; }
  .solutions-video-hero h1 { font-size: clamp(44px, 9.4vw, 66px); letter-spacing: -2.8px; }
  .solutions-video-hero__copy > p { font-size: 13px; margin-top: 19px; max-width: 500px; }
  .solutions-video-hero__actions { gap: 10px; margin-top: 22px; }
  .solutions-video-controls { right: 12px; bottom: 12px; gap: 5px; padding: 4px; }
  .solutions-video-toggle, .solutions-video-fullscreen, .solutions-video-speed { min-height: 36px; padding-inline: 8px; gap: 5px; }
  .solutions-video-speed__select { max-width: 69px; }
}
@media (max-width: 430px) {
  .solutions-video-hero { min-height: 620px; min-height: max(620px, calc(100svh - 60px)); }
  .solutions-video-hero__content { padding-top: 86px; padding-bottom: 105px; }
  .solutions-video-hero h1 { font-size: 44px; }
  .solutions-video-hero__eyebrow { font-size: 8px; letter-spacing: 1.5px; }
  .solutions-video-hero__actions { gap: 8px; margin-top: 19px; }
  .solutions-video-hero__actions .button { padding-inline: 14px; }
  .solutions-video-hero__secondary { font-size: 10px; }
  .solutions-video-hero.is-fullscreen .solutions-video-controls,
  .solutions-video-hero:fullscreen .solutions-video-controls { bottom: 12px; width: calc(100% - 20px); }
  .solutions-video-toggle, .solutions-video-fullscreen, .solutions-video-speed { font-size: 8px; }
  .solutions-video-speed__select { max-width: 57px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .solutions-video-toggle, .solutions-video-fullscreen, .solutions-video-hero__secondary .icon { transition: none !important; animation: none !important; }
}