/* Shared header/hero axis; film extends beneath the translucent benefit strip. */
.has-hero-next { --hero-container:1280px; --hero-gutter:32px; }
.has-hero-next .navbar,
.hero-next--video .hero-next__layout,
.hero-next__bottom-inner { width:min(var(--hero-container),calc(100% - var(--hero-gutter)*2)); max-width:none; margin-inline:auto; }
.hero-next--video { padding:12px 0 0; }
.hero-next--video .hero-next__layout { position:relative; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; min-height:clamp(580px,calc(100svh - 270px),700px); }
.hero-next--video .hero-next__light { background:radial-gradient(ellipse 45% 62% at 77% 49%,#29374830,transparent 82%); }
.hero-next--video .hero-next__copy { padding:42px 0 72px; width:540px; max-width:100%; }
.hero-next--video h1 { font-size:clamp(44px,4.05vw,64px); line-height:1.1; letter-spacing:-.055em; }
.hero-next--video h1 > span { padding-bottom:4px; background:none; }
.hero-next--video .hero-next__description { max-width:505px; margin:27px 0 29px; }
.hero-loop { position:absolute; right:-305px; bottom:-74px; width:1450px; max-width:none; aspect-ratio:1918/1080; margin:0; pointer-events:none; isolation:isolate; }
.hero-loop > img,
.hero-loop > video { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.hero-loop > video { opacity:0; transition:opacity .45s ease; }
.hero-next--video .hero-next__bottom { position:relative; z-index:3; display:block; width:100%; max-width:none; margin:0; padding:0; border:0; isolation:isolate; background:none; }
.hero-next__bottom::before { content:""; position:absolute; inset:0; z-index:-1; }
.hero-next__bottom-inner { min-height:158px; display:grid; grid-template-columns:300px minmax(0,1fr); gap:56px; align-items:center; padding-block:27px; }
.hero-next--video .hero-next__integrations { flex-direction:column; align-items:flex-start; gap:12px; }
.hero-next__checks { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr); gap:10px 25px; }
.hero-next__checks li { display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.55; color:#a5b1c3; }
.hero-next__checks svg { width:16px; height:19px; flex:0 0 16px; }
.hero-next__checks strong { font-weight:500; color:#e3e8f1; }
[data-platform-strip] { --platform-size:27px; display:flex; align-items:center; gap:6px; }
[data-platform-strip] > img { width:var(--platform-size); height:var(--platform-size); flex:0 0 auto; object-fit:contain; }
[data-platform-strip] > .platform-count { display:grid; place-items:center; width:var(--platform-size); height:var(--platform-size); padding:0; flex:0 0 auto; border:1px solid #818cf847; border-radius:7px; font:500 12px/1 var(--font-body); letter-spacing:-.02em; }
.migration__integration-icons[data-platform-strip] { gap:3px; flex-wrap:nowrap; }
.migration__integration-icons[data-platform-strip] img { border:0; border-radius:4px; margin:0; }
.hero-next__platforms[data-platform-strip] { --platform-size:30px; }
.migration__integration-icons[data-platform-strip] { --platform-size:18px; }
.migration__integration-icons .platform-count { border-radius:4px; }
@media(min-width:1191px) and (max-width:1439px) {
  .hero-loop { width:calc(100vw - 110px); right:-255px; }
}
@media(max-width:1190px) and (min-width:1001px) {
  .hero-loop { width:900px; right:-150px; }
  .hero-next--video .hero-next__layout { min-height:620px; }
  .hero-next--video .hero-next__copy { width:450px; }
  .hero-next--video h1 { font-size:46px; }
  .hero-next--video .hero-next__description { font-size:15px; max-width:420px; }
  .hero-next--video .hero-next__actions { gap:18px; }
  .hero-next__secondary { font-size:13px; }
  .hero-next__bottom-inner { grid-template-columns:225px minmax(0,1fr); gap:30px; }
}
@media(max-width:1000px) {
  .has-hero-next { --hero-gutter:24px; }
  .has-hero-next .navbar__actions .button--outline { display:none; }
  .hero-next--video .hero-next__layout { grid-template-columns:minmax(0,1fr); min-height:0; }
  .hero-next--video .hero-next__copy { width:min(650px,100%); min-width:0; padding:32px 0 0; }
  .hero-next--video h1 { font-size:clamp(44px,7.8vw,66px); }
  .hero-next--video .hero-next__description { max-width:560px; }
  .hero-loop { position:relative; justify-self:center; right:auto; bottom:auto; width:116%; max-width:950px; margin:-45px 0 -65px; transform:translateX(-5%); }
  .hero-next__bottom-inner { grid-template-columns:1fr; gap:25px; padding-block:27px; }
  .hero-next--video .hero-next__integrations { flex-direction:row; align-items:center; gap:18px; }
  .hero-next__checks { gap:12px 24px; }
}
@media(max-width:600px) {
  .has-hero-next { --hero-gutter:20px; }
  .has-hero-next .navbar { flex-wrap:nowrap; padding-block:20px; }
  .has-hero-next .navigation { display:none; }
  .hero-next--video { padding-top:4px; }
  .hero-next--video .hero-next__copy { padding-top:25px; }
  .hero-next--video h1 { font-size:clamp(30px,8.9vw,51px); line-height:1.12; }
  .hero-next--video .hero-next__eyebrow { font-size:12px; letter-spacing:.035em; gap:8px; margin-bottom:22px; }
  .hero-next--video .hero-next__description { font-size:15px; line-height:1.7; margin:22px 0 25px; }
  .hero-next--video .hero-next__actions { gap:18px; }
  .hero-next--video .hero-next__cta { width:100%; justify-content:space-between; }
  .hero-next--video .hero-next__secondary { min-height:32px; }
  .hero-loop { width:145%; max-width:none; margin:-18px 0 -55px; transform:translateX(-8%); }
  .hero-next__bottom-inner { padding-block:24px 30px; gap:25px; }
  .hero-next__checks { grid-template-columns:1fr; gap:12px; }
  .hero-next__checks li { font-size:13px; }
  .hero-next__checks li:nth-child(3) { grid-row:2; }
  .hero-next__checks li:nth-child(5) { grid-row:3; }
  .hero-next__integrations p { font-size:12px; }
  .hero-next--video .hero-next__integrations { gap:13px; flex-wrap:wrap; }
}

@media(max-width:380px) { .hero-loop { margin-bottom:-30px; } }

/* Optional future film sits over the static image only after playback starts. */
.hero-loop[data-ready="true"] > video { opacity:1; }