/* Layout utilities transcribed from the reference hero markup. The cinematic
 * surfaces, frames, responsive positions and motion are ported verbatim next. */
.sv-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:40px;min-height:100svh;display:flex;align-items:center;padding:166px 0 64px}
.sv-hero-inner{width:100%;max-width:1280px;margin:auto;padding-inline:48px;z-index:1}
.sv-hero h1{font-weight:600;margin:32px 0 0}
.sv-hero-kicker{display:inline-flex;align-items:center;gap:8px;background:#ffffff0e;border:1px solid #ffffff1a;padding:8px 16px;border-radius:9999px;font-size:14px;line-height:20px;color:#f06a53;margin:0}
.sv-hero-kicker .sv-icon{width:16px;height:16px}
.sv-hero-subtitle{font-size:16px;line-height:24px;color:#a7a9b0;margin:22px 0 -12px}
.sv-hero-description{max-width:576px;margin:32px 0 0;font-size:18px;line-height:1.625;color:#a7a9b0}
.sv-hero .sv-actions{margin:32px 0 0;gap:12px}
.sv-hero .sv-button{min-height:52px;font-size:16px;line-height:24px;font-weight:500;padding:14px 28px}
.sv-hero .sv-button-light{background:#f5f5f3;color:#111216;box-shadow:inset 0 1px 0 #fff,0 14px 28px -12px #000e}
.sv-hero .sv-button-outline{border-color:#ffffff26;background:#ffffff0d;color:#f7f7f6;box-shadow:inset 0 1px 0 #ffffff14,0 14px 28px -12px #0008}
.sv-hero-proof{list-style:none;padding:0}.sv-hero-proof strong{font-weight:600}.sv-hero-proof .sv-icon{width:16px;height:16px}
.sv-hero .media-card{animation-play-state:paused}.sv-hero .sv-hero-art.is-visible .media-card{animation-play-state:running}
/* The longer Streamova first line needs clearance from the first media frame. */
@media(min-width:1121px){.sv-hero .media-card-1{left:20%}}
@media(max-width:1023px){.sv-hero{padding-top:142px;padding-bottom:56px}.sv-hero-inner{padding-inline:40px}}
@media(max-width:900px){.sv-hero .sv-actions{justify-content:center}.sv-hero-description{max-width:576px}.sv-hero h1{max-width:100%}}
@media(max-width:767px){.sv-hero{border-radius:28px;padding-top:130px}.sv-hero-inner{padding-inline:24px}.sv-hero-subtitle{font-size:14px;line-height:22px;max-width:270px}.sv-hero .sv-actions{flex-direction:column;align-items:center;width:100%}.sv-hero .sv-actions .sv-button{width:auto}.sv-hero-kicker{font-size:12px;padding:8px 12px}.sv-hero-description{font-size:18px}}