/* sub-hero.css: the home and vertical hero language (hero-v5.css) on the supporting pages: compare, about, use cases, security, pilot. Dark #131c17 band, eyebrow, two-line H1 with the accent on line 2, lead, CTA, and one still in the right column feathered like .v5-thread. Loads after hero-v5.css. 2026-09-18 */
.hero-v5.hero-sub{min-height:0;max-height:none}
.hero-sub .v5-inner{padding:clamp(72px,8vw,112px) 5vw clamp(72px,8vw,104px);gap:4vw;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.hero-sub .v5-copy{max-width:760px}
.hero-sub .v5-copy .eyebrow{display:block;font-size:11px;font-weight:550;letter-spacing:.13em;text-transform:uppercase;color:#9aa896;margin:0 0 22px}
.hero-v5.hero-sub .v5-copy h1{font-size:var(--h1,clamp(36px,3.85vw,58px));line-height:1.06;letter-spacing:-.055em;font-weight:450;margin:0;text-wrap:balance}
.hero-v5.hero-sub .v5-copy h1>span{display:block;color:#fff;white-space:normal}
.hero-v5.hero-sub .v5-copy h1>span.v5-accent{color:#d8e4d0}
.hero-sub .v5-copy .lead{color:#c3cfba;font-size:clamp(18px,1.45vw,21px);line-height:1.5;margin:28px 0 0;max-width:560px}
.hero-sub .v5-copy .lead strong{color:#fff;font-weight:550}
.hero-sub .v5-copy .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;margin-top:32px}
.hero-sub .v5-copy .button{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;border:1px solid #f5f6f0;background:#f5f6f0;color:#1f2b24;font-size:14px;font-weight:500;line-height:1.2;padding:16px 24px;text-decoration:none;transition:background .2s}
.hero-sub .v5-copy .button:hover{background:#fff}
.hero-sub .v5-copy .button.secondary{background:#ffffff0a;color:#fff;border-color:#ffffff40}
.hero-sub .v5-copy .button.secondary:hover{background:#ffffff1a}
.hero-sub .v5-meta{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:13px;color:#9aa896}
.hero-sub .v5-meta b{font-weight:500;color:#dfe8d6}
.hero-sub .v5-logo{display:block;height:28px;width:auto;max-width:170px;object-fit:contain;object-position:left center;margin:0 0 30px;filter:brightness(0) invert(1);opacity:.92}
.hero-sub .v5-art{position:relative;min-width:0;aspect-ratio:16/10;transform:scale(1.3) translateX(4%);transform-origin:center}
.hero-sub .v5-art img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 42%,transparent 100%)}
.hero-sub .v5-art.is-light{transform:scale(1.06) translateX(2%)}
.hero-sub .v5-art.is-light img{mix-blend-mode:normal;border-radius:18px;-webkit-mask-image:none;mask-image:none}
.hero-sub .v5-media{position:relative;min-width:0;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#1d2320;isolation:isolate}
.hero-sub .v5-media video,.hero-sub .v5-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1100px){.hero-v5.hero-sub .v5-copy h1{font-size:var(--h1,clamp(36px,3.85vw,58px))}}
@media(max-width:860px){
.hero-sub .v5-inner{grid-template-columns:1fr;gap:40px;padding:56px 5vw 48px}
.hero-sub .v5-art{transform:scale(1.08);aspect-ratio:16/11;max-width:560px;margin:0 auto}
.hero-sub .v5-media{max-width:640px}
}
@media(max-width:760px){
.hero-sub .v5-inner{padding:48px 20px 40px;gap:26px}
.hero-v5.hero-sub .v5-copy h1{font-size:clamp(30px,8vw,40px)}
.hero-sub .v5-copy .lead{font-size:17px}
}