/* Full-bleed motion gives the first screen a studio feel without an extra player frame. */
.sub-hero{position:relative;isolation:isolate;min-height:710px;background:#080f26;overflow:hidden}
.sub-hero:before{display:none}
.sub-hero:after{content:"";display:block;position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(0deg,#080f26 0%,#080f26 25%,#080f26ed 39%,transparent 75%),linear-gradient(90deg,#080f26 0%,#080f26 36%,#080f26ef 45%,#080f26b8 56%,#080f2633 78%,#080f2618 100%)}
.sub-hero-grid{display:block;min-height:710px;padding:101px 0 112px}
.sub-hero-copy{position:relative;z-index:2;width:min(100%,690px);max-width:none}
.sub-hero h1{max-width:665px;margin:0 0 25px;font-size:clamp(3.9rem,4.75vw,5.65rem);line-height:1.015;letter-spacing:-.077em}
.sub-hero h1 span{background:linear-gradient(103deg,#ffb34a 2%,#ff684f 29%,#e5419b 61%,#8572f5 98%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sub-hero-lead{max-width:545px;margin:0;color:#d7e0f3;font-size:15px;line-height:1.7}
.sub-hero-actions{display:block;justify-self:start;align-self:auto;width:max-content;margin-top:31px}
.sub-hero-actions .sub-button{display:inline-flex;align-items:center;justify-content:center;min-width:171px;background:#315dff;color:#fff;box-shadow:0 14px 38px #182c9e70;font-weight:800}
.sub-hero-actions .sub-button:hover,.sub-hero-actions .sub-button:focus-visible{background:#dce6ff;color:#102552;box-shadow:0 15px 38px #020b329c}
.sub-hero-terms{display:flex;align-items:stretch;gap:0;width:min(100%,440px);margin-top:39px;border-top:1px solid #bac7e17c}
.sub-hero-terms>span,.sub-hero-terms>a{display:flex;flex-direction:column;gap:5px;width:50%;padding-top:19px;color:#fff;text-decoration:none}
.sub-hero-terms>a{padding-left:25px;border-left:1px solid #bac7e17c;transition:color .2s}
.sub-hero-terms>a:hover{color:#a9c5ff}
.sub-hero-terms strong{font-size:29px;font-weight:800;line-height:1.06;letter-spacing:-.065em}
.sub-hero-terms small{color:#b8c9e7;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.005em}
.sub-hero-stage{position:absolute;z-index:0;top:0;right:0;bottom:0;width:67%;height:100%;max-width:none;min-height:0;padding:0;margin:0}
.sub-hero-motion{width:100%;height:100%;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:#151d53}
.sub-hero-motion video{width:100%;height:100%;object-fit:cover;object-position:right top;transform:scale(1.45);transform-origin:top right;filter:saturate(1.1) contrast(1.04)}

/* One visual language for the subscription: clear symbols on restrained blue plaques. */
.sub-proof .sub-icon,.sub-offer-title .sub-icon,.sub-benefit-list .sub-icon{display:block;width:48px;height:48px;flex:none;box-sizing:border-box;padding:11px;border-radius:10px;background:#2554d8;color:#fff;stroke-width:2}
.sub-proof .sub-icon{margin:0 0 20px}
.sub-offer-title .sub-icon{margin:0}
.sub-benefit-list article:before{display:none}
.sub-benefit-list .sub-icon{margin:0 0 23px}

/* Give long SEO headings an obvious reading anchor without changing their copy. */
.sub-page h2 .sub-title-core,.sub-page h3 .sub-title-core{font-weight:800;color:inherit}
.sub-page h2 .sub-title-soft{font-weight:450;letter-spacing:-.045em;color:#b8c8e7}
.sub-workflow h2 .sub-title-soft,.sub-assurance h2 .sub-title-soft,.sub-final h2 .sub-title-soft{color:#536987}
.sub-benefit-list h3 .sub-title-soft{font-weight:500;letter-spacing:-.02em;color:#c2cfe7}
.sub-assurance-list h3 .sub-title-soft{font-weight:500;letter-spacing:-.02em;color:#58708e}
.sub-final h2 .sub-title-soft{display:block;font-size:.63em;line-height:1.2;max-width:18em;margin-bottom:.27em}
.sub-final h2 .sub-title-core{display:block}
.sub-offer-title{display:block;margin-bottom:14px}
.sub-workflow-grid article:before{display:none}
.sub-workflow-grid .sub-icon{display:block;width:48px;height:48px;box-sizing:border-box;padding:11px;margin:32px 0 23px;border-radius:10px;background:#2554d8;color:#fff;stroke-width:2}

@media(max-width:1100px){
  .sub-hero,.sub-hero-grid{min-height:660px}
  .sub-hero-grid{padding:84px 0 94px}
  .sub-hero h1{font-size:clamp(3.2rem,5.35vw,4.9rem);max-width:590px}
  .sub-hero-lead{max-width:490px;font-size:14px}
  .sub-hero-stage{width:70%}
}
@media(max-width:800px){
  .sub-hero,.sub-hero-grid{min-height:0}
  .sub-hero:after{display:none}
  .sub-hero-grid{display:block;padding:65px 0 74px}
  .sub-hero-copy{width:100%;max-width:680px}
  .sub-hero h1{max-width:680px;font-size:clamp(3.6rem,8vw,5.4rem)}
  .sub-hero-lead{max-width:600px}
  .sub-hero-stage{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:auto;margin-top:43px}
  .sub-hero-motion{height:auto;aspect-ratio:16/9;border:1px solid #8ca2cb;border-radius:9px;box-shadow:0 24px 55px #0007}
  .sub-hero-motion video{transform:none;object-position:center}
}
@media(max-width:600px){
  .sub-hero-grid{padding:51px 0 64px}
  .sub-hero h1{font-size:clamp(2.8rem,10.5vw,4.3rem);line-height:1.04;margin-bottom:23px}
  .sub-hero-lead{font-size:13px;line-height:1.7}
  .sub-hero-actions{margin-top:26px}
  .sub-hero-actions .sub-button{min-width:154px}
  .sub-hero-terms{width:100%;margin-top:31px}
  .sub-hero-terms>span,.sub-hero-terms>a{padding-top:13px}
  .sub-hero-terms>a{padding-left:18px}
  .sub-hero-terms strong{font-size:22px}
  .sub-hero-terms small{font-size:10px}
  .sub-hero-stage{margin-top:35px}
  .sub-hero-motion{border-radius:8px}
  .sub-proof .sub-icon,.sub-offer-title .sub-icon,.sub-benefit-list .sub-icon{width:43px;height:43px;padding:10px;border-radius:9px}
  .sub-workflow-grid .sub-icon{width:43px;height:43px;padding:10px;margin:0 0 24px;border-radius:9px}
}