.vh-hero{--vh-title:0;--vh-pair:0;--vh-turn:0deg;position:relative;isolation:isolate;overflow:hidden;background:#000;background-image:linear-gradient(180deg,#000 0%,#080809 28%,#171719 70%,#1d1d1f 100%);color:#fff;min-height:var(--vh-media-height);--g-control-surface:#303033;--g-control-hover:#424249;--g-control-pressed:#424249;--g-control-ink:#fff}
.hm-home .vh-hero{min-height:var(--vh-media-height);overflow-anchor:none}
.vh-hero{--vh-phone-scale:.86;--vh-title-inset:calc(var(--vh-film-inset) - 12px);--vh-media-height:clamp(640px,calc(100svh - var(--n-header-height,64px)),1120px);padding:0}.vh-hero-content{position:relative}
@media(max-width:800px){.vh-hero{--vh-media-height:max(540px,calc(100svh - var(--n-header-height,58px)))}}
.vh-hero{--vh-film-inset:96px;--vh-control-gap:32px;--vh-phone-gap:44px;--vh-film-width:min(1280px,calc(100vw - 96px),calc((var(--vh-media-height) - 96px)*16/9));--vh-film-height:calc(var(--vh-film-width)*9/16);--vh-film-layout-height:calc(var(--vh-film-height) + var(--vh-film-inset)*2 + var(--vh-control-gap) + var(--vh-control-height));--vh-controls-bottom:var(--vh-film-inset)}
.hm-home .vh-hero{min-height:0;height:var(--vh-film-layout-height)}
.vh-hero-content{position:absolute;inset:0 0 auto;height:var(--vh-film-layout-height)}
.vh-intro-frame{opacity:var(--vh-film-opacity,1);position:absolute;left:50%;top:var(--vh-film-inset);transform:translateX(-50%);width:var(--vh-film-width);height:var(--vh-film-height);aspect-ratio:16/9;border-radius:26px;overflow:hidden;isolation:isolate;z-index:4;pointer-events:none}
.vh-intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;background:#000;opacity:1}
.vh-intro-video[hidden],.vh-controls button[hidden]{display:none}
.vh-hero:is([data-reveal=film],[data-reveal=fading]) .vh-device-stage{visibility:hidden}
@media(max-width:800px){.hm-home .vh-device-stage{height:var(--vh-film-layout-height)}}
.vh-copy{position:absolute;top:var(--vh-title-inset);left:20px;right:20px;text-align:center;z-index:4;opacity:var(--vh-title);transform:translateY(calc((1 - var(--vh-title))*12px));pointer-events:none}
.vh-copy h1{font-size:clamp(38px,min(4.6vw,6.2svh),68px);font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0}.vh-copy h1>span{display:block}.vh-copy h1>span:last-child{color:#fff}
.vh-device-stage{opacity:var(--vh-stage-opacity,1);position:relative;width:min(1300px,100%);height:var(--vh-film-layout-height);margin:0 auto;perspective:1800px}
.vh-render-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;z-index:2}.vh-device-stage[data-phone-renderer=webgl] .vh-render-canvas{display:block}.vh-device-stage[data-phone-renderer=webgl] .vh-fallback-pair{visibility:hidden}
.vh-fallback-pair{position:absolute;width:700px;height:850px;left:50%;top:57%;transform:translate(-50%,-50%)}.vh-device-position{position:absolute;width:390px;left:0;top:0;aspect-ratio:867/1815;z-index:2}.vh-phone{position:absolute;inset:0;transform:rotateY(var(--vh-turn));transform-style:preserve-3d}.vh-photo-frame{position:absolute;inset:0;width:100%;height:100%}.vh-screen{position:absolute;left:6.95%;top:3.65%;width:86.1%;height:92.7%;border-radius:16% / 7.134%;clip-path:inset(0 round 16% / 7.134%);overflow:hidden;background:#000}.vh-app-capture{display:block;width:100%;height:100%;object-fit:fill;border-radius:inherit}
.vh-fallback-secondary{position:absolute;width:344px;right:15px;top:75px;aspect-ratio:867/1815;opacity:var(--vh-pair)}.vh-fallback-secondary>img{width:100%;height:100%}.vh-fallback-secondary>span{position:absolute;left:6.95%;top:3.65%;width:86.1%;height:92.7%;border-radius:16% / 7.134%;clip-path:inset(0 round 16% / 7.134%);background:#c7e8fc}.vh-fallback-secondary>span::before{content:'';position:absolute;top:2%;left:34%;width:32%;height:3.7%;border-radius:999px;background:#030407}
.vh-controls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:40px;height:var(--vh-control-height);flex-direction:column;justify-content:flex-end;gap:12px;z-index:5;--g-control-size:40px}.vh-controls .ml-fa{filter:brightness(0) invert(1)}.vh-hero:not([data-ready]) .vh-controls{visibility:hidden}
body[data-video-hero-visible=true]{background:#000}
body:is([data-header-theme=hero],[data-video-hero-visible=true]:not([data-header-theme])) .n-header{background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(20,20,23,.54));color:#e9edf4;border-bottom-color:transparent}body:is([data-header-theme=hero],[data-video-hero-visible=true]:not([data-header-theme])) .n-logo img{filter:brightness(0) invert(1)}body:is([data-header-theme=hero],[data-video-hero-visible=true]:not([data-header-theme])) .n-nav-end .n-button{background:#f4f6fa;color:#13151a;border-color:#f4f6fa}body:is([data-header-theme=hero],[data-video-hero-visible=true]:not([data-header-theme])) .n-product-menu{color:#17191b}
@media(max-width:800px){.vh-hero{min-height:0}.vh-copy{top:var(--vh-title-inset)}.vh-copy h1{font-size:clamp(34px,7vw,52px)}.vh-device-stage{height:680px}.vh-fallback-pair{width:340px;height:510px;top:58%}.vh-device-position{width:210px}.vh-fallback-secondary{width:180px;right:0;top:42px}.vh-controls{--g-control-gap:8px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:370px){.vh-fallback-pair{width:290px;height:450px}.vh-device-position{width:185px}.vh-fallback-secondary{width:157px}}

.vh-media-bank{position:absolute;left:50%;top:50%;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:.001}.vh-media-bank video{width:1px;height:1px}

@media(prefers-reduced-motion:reduce){.vh-hero{--vh-title:1;--vh-pair:1;--vh-stage-opacity:1}}


.vh-fallback-window{position:absolute;overflow:hidden}.vh-fallback-window--main{left:3.6%;top:14%;width:92.8%;height:67.2%;border-radius:6%}.vh-fallback-window--shopper{left:63.8%;top:59.4%;width:29.8%;height:20.6%;border-radius:12%;z-index:3}.vh-fallback-window video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vh-fallback-pair{--vh-fallback-shift:155px;opacity:var(--vh-device,1);transform:translate(calc(-50% + (1 - var(--vh-pair))*var(--vh-fallback-shift)),-50%)}.vh-fallback-secondary{--vh-back-start:23px;--vh-back-end:341px;right:auto;left:calc(var(--vh-back-start) + var(--vh-pair)*(var(--vh-back-end) - var(--vh-back-start)))}
@media(max-width:800px){.vh-fallback-pair{--vh-fallback-shift:65px}}

@media(max-width:800px){.vh-fallback-secondary{--vh-back-start:15px;--vh-back-end:160px}}
@media(max-width:370px){.vh-fallback-secondary{--vh-back-start:14px;--vh-back-end:133px}}

/* Reserve a clear heading and control band for the static / no-WebGL pair too. */
.vh-fallback-pair{top:24%;height:64%;width:auto;aspect-ratio:700/850;transform:translateX(calc(-50% + (1 - var(--vh-pair))*21%))}
.vh-device-position{width:auto;height:100%}
.vh-fallback-secondary{width:auto;height:87%;top:10%;left:calc(3.7% + var(--vh-pair)*(46.3% + 12px));right:auto}
@media(max-width:800px){.vh-fallback-pair{top:30%;height:min(56%,104vw)}}

.vh-video-shade{position:absolute;inset:auto 0 0;height:35%;z-index:4;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.36),rgba(0,0,0,.16) 45%,transparent);opacity:1}
.vh-intro-video[hidden]+.vh-video-shade{display:none}
.vh-controls::before{content:'';position:absolute;inset:-18px -24px;z-index:-1}
.vh-fallback-pair{transform:translateX(calc(-50% + (1 - var(--vh-pair))*21%)) scale(calc((.85 + .15*var(--vh-pair))*var(--vh-phone-scale)))}

.vh-fallback-caption-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}

.vh-secondary-screen{position:absolute;left:6.95%;top:3.65%;width:86.1%;height:92.7%;border-radius:16% / 7.134%;clip-path:inset(0 round 16% / 7.134%);overflow:hidden;container-type:inline-size;background:#111215}
.vh-secondary-screen>img{display:block;width:100%;height:100%;object-fit:fill;border-radius:inherit}
.vh-secondary-vehicle{position:absolute;left:15.15%;top:31.38%;width:78.03%;height:2.72%;padding-left:.758cqw;display:flex;align-items:center;white-space:nowrap;background:#1e2021;color:#eee;font:400 3.333cqw/1 Arial,sans-serif}

/* Widen only the hero screenshots by two CSS pixels on each side. */
.vh-screen,.vh-secondary-screen{left:calc(6.95% - 2px / var(--vh-phone-scale));width:calc(86.1% + 4px / var(--vh-phone-scale));border-radius:calc(16% - .64px / var(--vh-phone-scale)) / 7.134%;clip-path:inset(0 round calc(16% - .64px / var(--vh-phone-scale)) / 7.134%)}

/* Film and phone content share one fixed-height hero; spacing stays inside it. */
.vh-intro-frame .vh-video-shade{top:auto;bottom:0;height:35%}
.vh-controls{bottom:var(--vh-controls-bottom);transform:translateX(-50%)}
.vh-controls [data-video-hero-replay]{transform:translateY(-30px)}
@media(max-width:800px){.vh-hero{--vh-film-inset:56px;--vh-control-gap:28px;--vh-phone-gap:32px;--vh-film-layout-width:min(calc(100vw - 40px),calc((var(--vh-media-height) - 48px)*9/16));--vh-film-width:min(calc(100vw - 24px),calc((var(--vh-media-height) - 24px)*9/16));--vh-film-height:calc(var(--vh-film-width)*16/9);--vh-film-layout-height:calc(var(--vh-film-layout-width)*16/9 + var(--vh-film-inset)*2 + 24px)}.vh-intro-frame{top:calc(var(--vh-film-inset) - 16px);aspect-ratio:9/16;border-radius:22px}}
@media(min-width:801px) and (max-height:800px){.vh-hero{--vh-phone-scale:.80}}

/* Reserve heading and control bands within the unchanged opening-card height. */
.vh-hero{--vh-heading-size:clamp(38px,min(4.6vw,6.2svh),68px);--vh-control-height:76px;--vh-phone-top:calc(var(--vh-title-inset) + 38px + var(--vh-heading-size)*2.08 + var(--vh-phone-gap));--vh-phone-bottom:calc(var(--vh-controls-bottom) + var(--vh-control-height) + var(--vh-phone-gap));--vh-fallback-height:min(calc(var(--vh-film-layout-height) - var(--vh-phone-top) - var(--vh-phone-bottom)),calc((100vw - 52px)*850/700))}
.vh-copy .vh-service-label{margin:0 0 14px;color:#fff;line-height:24px}
.vh-copy .vh-service-label img{filter:brightness(0) invert(1)}
.vh-copy h1{font-size:var(--vh-heading-size)}
.vh-fallback-pair{height:var(--vh-fallback-height);top:calc(var(--vh-phone-top) + (var(--vh-film-layout-height) - var(--vh-phone-top) - var(--vh-phone-bottom) - var(--vh-fallback-height))/2)}
@media(max-width:800px){.vh-hero{--vh-heading-size:calc(clamp(34px,7vw,52px) + 2px)}}

/* Film controls overlay the footage; the phone state retains only the lower replay. */
.vh-film-controls{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:min(720px,calc(100% - 48px));padding:10px 21px 10px 16px;z-index:5;pointer-events:auto;border-radius:999px;background:rgba(22,22,24,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.vh-film-controls [data-video-hero-play]{transform:translateX(-5px)}
.vh-film-controls .ml-fa{filter:brightness(0) invert(1)}
.vh-film-controls .vh-timeline{flex:1;width:auto;min-width:0}
.vh-hero:not([data-ready]) .vh-film-controls{visibility:hidden}
.vh-timeline{display:flex;align-items:center;gap:12px;width:100%;height:24px;color:#c5c5ca;font-size:11px;font-variant-numeric:tabular-nums}
.vh-timeline span{min-width:32px;text-align:center}
.vh-timeline input{--vh-seek-progress:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:24px;margin:0;cursor:pointer;background:transparent;touch-action:pan-y}
.vh-timeline input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#eee var(--vh-seek-progress),#ffffff30 var(--vh-seek-progress))}
.vh-timeline input::-moz-range-track{height:4px;border-radius:999px;background:#ffffff30}
.vh-timeline input::-moz-range-progress{height:4px;border-radius:999px;background:#eee}
.vh-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff}
.vh-timeline input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.vh-timeline input:focus-visible{outline:2px solid #b8d9ff;outline-offset:3px;border-radius:8px}
.vh-timeline input:disabled{cursor:default;opacity:.5}
@media(max-width:800px){.vh-film-controls{bottom:12px;width:calc(100% - 24px);padding:8px 13px 8px 8px;gap:8px;border-radius:999px}.vh-film-controls [data-video-hero-play]{transform:translateX(-1px)}.vh-timeline{gap:8px}}