.landing-vsl{width:100%;max-width:800px;margin:32px auto 0;overflow:hidden;border:1px solid #dfe4ea;border-radius:16px;background:#13292b;box-shadow:0 16px 48px rgb(15 38 38/.12);text-align:left;color:#fff}
.landing-vsl [hidden]{display:none!important}
.landing-vsl-picture{position:relative;aspect-ratio:3/2;max-height:calc(100dvh - 68px)}
.landing-vsl video{display:block!important;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border:0;border-radius:0}
.landing-vsl button,.landing-vsl select{font:inherit;color:inherit;cursor:pointer}
.landing-vsl-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0;background:transparent;border:0}
.landing-vsl-prompt{display:flex;flex-direction:column;align-items:center;min-width:300px;padding:28px 36px;background:rgb(117 227 197/.92);border:1px solid rgb(255 255 255/.7);border-radius:12px;box-shadow:0 10px 32px rgb(0 0 0/.28);color:#13292b;backdrop-filter:blur(2px)}
.landing-vsl-speaker{font-size:32px;line-height:1;margin-bottom:10px}
.landing-vsl-speaker svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.landing-vsl-prompt strong{font-size:21px;font-weight:800;line-height:1.25}
.landing-vsl-prompt>span:last-child{margin-top:4px;font-size:16px;font-weight:600}
.landing-vsl-controls{padding:0 12px 4px}
.landing-vsl-track{display:flex;align-items:center;height:24px;cursor:pointer;touch-action:none;border-radius:3px}
.landing-vsl-rail{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:rgb(255 255 255/.2)}
.landing-vsl-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#75e3c5;transform-origin:left;transform:scaleX(0)}
.landing-vsl-buttons,.landing-vsl-right{display:flex;align-items:center;gap:4px}
.landing-vsl-buttons{justify-content:space-between}
.landing-vsl-buttons button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;font-size:18px;line-height:1}
.landing-vsl-buttons svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.landing-vsl select{height:40px;padding:0 8px;border:0;border-radius:6px;background:#13292b;font-size:14px;font-weight:600}
.landing-vsl option{background:#13292b;color:#fff}
.landing-vsl-buttons button:hover,.landing-vsl select:hover{background:rgb(255 255 255/.15)}
.landing-vsl :focus-visible{outline:2px solid white;outline-offset:2px}
.landing-vsl:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;margin:0;border:0;border-radius:0}
.landing-vsl:fullscreen .landing-vsl-picture{width:100%;flex:1;min-height:0;aspect-ratio:auto}
@media(max-width:640px){.landing-vsl{margin-top:24px;border-radius:12px}.landing-vsl-prompt{min-width:220px;padding:12px 20px}.landing-vsl-speaker{font-size:24px;margin-bottom:8px}.landing-vsl-prompt strong{font-size:15px}.landing-vsl-prompt>span:last-child{font-size:12px}}

/* Only the three founder-VSL heroes: headline → subheadline → video → primary demo CTA.
   Reserve vertical room for the small brand, wrapped headline, controls and CTA.
   svh keeps the CTA visible while mobile browser chrome is expanded. */
.landing-standard .landing-stage[data-landing-stage="hero"]:has([data-vsl-hero="compact"]){padding:24px 0}
.landing-standard [data-vsl-hero="compact"] h1{max-width:760px;margin-bottom:8px;font-size:clamp(32px,4vw,48px)}
.landing-standard [data-vsl-hero="compact"] .landing-eyebrow{margin-bottom:8px}
.landing-vsl-brand{display:flex;justify-content:center;margin:0 auto 12px}
.landing-vsl-brand img{display:block;width:112px;height:22px;object-fit:contain}
.landing-standard [data-vsl-hero="compact"] .landing-vsl{max-width:640px;width:min(100%,calc((100svh - 400px)*1.5));margin:12px auto 0}
.landing-standard [data-vsl-hero="compact"] .landing-actions{margin:12px auto 0}
.landing-standard [data-vsl-hero="compact"] .landing-lead{max-width:640px;margin:0 auto;font-size:17px;line-height:1.45}
.landing-standard [data-vsl-hero="compact"] .landing-vsl-prompt{min-width:0;width:90%;max-width:360px;padding:16px 12px}
.landing-vsl-pricing{margin:8px auto 0;text-align:center}
.landing-standard .landing-trial-note{max-width:640px;margin:10px auto 0;color:var(--muted);font:400 13px/1.5 Karla,Arial,sans-serif;text-wrap:pretty}
@media(max-width:800px){
 .landing-standard .landing-stage[data-landing-stage="hero"]:has([data-vsl-hero="compact"]){padding:12px 0 20px}
 .landing-standard [data-vsl-hero="compact"] .landing-eyebrow{display:none}
 .landing-standard [data-vsl-hero="compact"] h1{font-size:clamp(26px,7vw,34px);line-height:1.08}
 .landing-standard [data-vsl-hero="compact"] .landing-vsl{width:min(100%,max(180px,calc((100svh - 355px)*1.5)));margin-top:8px}
 .landing-standard [data-vsl-hero="compact"] .landing-actions{max-width:358px}
 .landing-standard [data-vsl-hero="compact"] .landing-actions .landing-button{min-height:48px;padding:12px 20px}
 .landing-standard [data-vsl-hero="compact"] .landing-lead{font-size:14px;line-height:1.35;text-wrap:pretty}
 .landing-standard [data-vsl-hero="compact"] .landing-vsl-prompt{min-width:0;width:90%;max-width:260px;padding:10px 8px}
 .landing-standard [data-vsl-hero="compact"] .landing-vsl-prompt strong{font-size:clamp(12px,3.8vw,15px)}
}
@media(max-width:800px) and (max-height:560px){
 .landing-standard [data-vsl-hero="compact"] .landing-vsl-controls{padding-inline:8px}
 .landing-standard [data-vsl-hero="compact"] .landing-vsl-buttons button{width:32px;height:32px}
 .landing-standard [data-vsl-hero="compact"] .landing-vsl select{height:32px;padding-inline:4px;font-size:12px}
 .landing-standard [data-vsl-hero="compact"] .landing-vsl-right{gap:2px}
}
.landing-standard [data-vsl-hero="compact"] .landing-vsl:fullscreen{width:100%;max-width:none;margin:0}