.hero.hero-cinematic{--hero-x:0px;--hero-y:0px;--hero-scroll:0px;isolation:isolate;background:#07162f}.hero.hero-cinematic .hero-slide{--scene-light:115 175 255;transition:opacity .8s,visibility .8s}.hero.hero-cinematic .hero-slide[data-slide=warranty]{--scene-light:227 179 65}.hero.hero-cinematic .hero-slide[data-slide=dvr]{--scene-light:166 192 235}.hero.hero-cinematic .hero-image{opacity:.48;filter:saturate(.6);object-position:65% center}.hero.hero-cinematic .hero-slide.is-active .hero-image{animation-iteration-count:infinite;animation-direction:alternate}.hero.hero-cinematic .hero-slide:after{background:linear-gradient(90deg,#0a1f42f2 0%,#0a1f42c4 34%,#0a1f4250 68%,#0a1f4210 100%)}.hero.hero-cinematic .hero-content{z-index:3;pointer-events:none;padding-block:64px 190px}.hero.hero-cinematic .hero-content a{pointer-events:auto}.hero.hero-cinematic .hero-index{font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-bottom:22px;display:flex}.hero.hero-cinematic .hero-index:before{content:"";background:#bb5153;width:34px;height:2px}.hero.hero-cinematic .hero-certification{color:#b9c9e0;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;margin-bottom:24px;padding:0;font-size:11px}.hero.hero-cinematic :is(h1,h2){letter-spacing:-.045em;white-space:pre-line;text-wrap:balance;max-width:55%;font-size:clamp(58px,6.1vw,92px);line-height:.98}.hero.hero-cinematic h2{font-size:clamp(54px,5.6vw,84px)}.hero.hero-cinematic .hero-slide[data-slide=gridscan] h2{font-size:clamp(48px,5vw,76px)}.hero.hero-cinematic :is(h1,h2)>span{display:block}.hero.hero-cinematic .hero-title-light{color:#b5d4ff;white-space:normal;margin-top:.08em}.hero.hero-cinematic [data-slide=warranty] .hero-title-light{color:#e3b341}.hero.hero-cinematic p{max-width:min(44%,500px);margin-block:26px 30px;font-size:18px;line-height:1.65}.hero.hero-cinematic .hero-actions{max-width:52%}.hero.hero-cinematic .hero-actions .btn{min-height:52px}.hero.hero-cinematic .hero-actions .red{box-shadow:0 8px 35px #9d313347}.hero.hero-cinematic .hero-proof{max-width:480px}.hero.hero-cinematic .hero-protocols{opacity:.65;gap:18px;max-width:47%}.hero.hero-cinematic .hero-protocols img{height:22px}.hero.hero-cinematic .hero-atmosphere{opacity:.45;z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero.hero-cinematic .hero-horizon{background-image:linear-gradient(rgb(var(--scene-light) / .16) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--scene-light) / .16) 1px, transparent 1px);transform:perspective(480px) rotateX(62deg) rotateZ(-12deg) translateY(var(--hero-scroll));background-size:70px 70px;position:absolute;inset:38% -30% -45% 34%;-webkit-mask-image:radial-gradient(#000,#0000 65%);mask-image:radial-gradient(#000,#0000 65%)}.hero.hero-cinematic .hero-beam{background:linear-gradient(90deg, transparent, rgb(var(--scene-light) / .12), transparent);width:40%;height:120%;transform:rotate(28deg) translateX(var(--hero-x));filter:blur(15px);position:absolute;top:-25%;right:5%}.hero.hero-cinematic .hero-visual{z-index:2;width:min(47vw,640px);height:54%;transform:translate3d(var(--hero-x), calc(var(--hero-y) + var(--hero-scroll)), 0);transition:transform .45s ease-out;display:block;top:16%;bottom:auto;right:max(20px,50% - 680px)}.hero.hero-cinematic .hero-visual:before{background:radial-gradient(ellipse, rgb(var(--scene-light) / .27), transparent 64%);inset:-30%}.hero.hero-cinematic .hero-visual:after{display:none}.hero.hero-cinematic .hero-blueprint{color:#0000;-webkit-text-stroke:1px rgb(var(--scene-light) / .17);font:700 clamp(50px, 7vw, 108px)/1 var(--font-barlow-condensed), sans-serif;letter-spacing:-.03em;white-space:nowrap;text-align:center;z-index:-1;position:absolute;top:-7%;left:-5%;right:-5%}.hero.hero-cinematic .hero-orbits{z-index:-1;position:absolute;inset:-9% -3%;transform:rotate(-24deg)}.hero.hero-cinematic .hero-orbits span{border:1px solid rgb(var(--scene-light) / .2);box-shadow:inset 0 0 30px rgb(var(--scene-light) / .04), 0 0 35px rgb(var(--scene-light) / .05);border-radius:50%;position:absolute;inset:0}.hero.hero-cinematic .hero-orbits span:nth-child(2){opacity:.45;border-style:dashed;inset:8% -6%;transform:rotate(38deg)}.hero.hero-cinematic .hero-orbits span:nth-child(3){opacity:.5;inset:-7% 12%;transform:rotate(-40deg)}.hero.hero-cinematic .hero-orbits span:first-child:after{content:"";width:7px;height:7px;box-shadow:0 0 12px 4px rgb(var(--scene-light) / .7);background:#dcecff;border-radius:50%;position:absolute;top:15%;left:14%}.hero.hero-cinematic .is-active .hero-orbits{animation:28s linear infinite hero-orbit}.hero.hero-cinematic .hero-stage{border-color:rgb(var(--scene-light) / .4);height:12%;box-shadow:0 0 40px rgb(var(--scene-light) / .12);inset:auto 8% -5%}.hero.hero-cinematic .hero-product{filter:drop-shadow(0 35px 22px #000000a6);padding:20px}.hero.hero-cinematic .hero-product-motion{height:100%}.hero.hero-cinematic .is-active .hero-product-motion{animation:1.1s cubic-bezier(.16,1,.3,1) both hero-reveal}.hero.hero-cinematic .hero-spec{border-color:rgb(var(--scene-light) / .4);background:#07162fe8;border-radius:2px;padding:10px 14px;top:9%;right:2%}.hero.hero-cinematic .hero-spec:nth-child(2){inset:auto auto -16% 6%}.hero.hero-cinematic .hero-spec b{color:#deebff;font-size:22px}.hero.hero-cinematic [data-slide=warranty] .hero-spec b{color:#e3b341}.hero.hero-cinematic .is-active .hero-spec{animation:.65s .5s both hero-enter}.hero.hero-cinematic .is-active .hero-content>:is(h1,h2){animation:.9s cubic-bezier(.16,1,.3,1) both hero-type-reveal}.hero.hero-cinematic .is-active .hero-content>:is(p,.hero-actions,.hero-protocols){animation-duration:.65s}.hero.hero-cinematic[data-motion-paused=true] .hero-orbits,.hero.hero-cinematic[data-visible=false] *{animation-play-state:paused!important}@keyframes hero-orbit{to{transform:rotate(336deg)}}@keyframes hero-reveal{0%{opacity:0;transform:translate(70px,30px)scale(.84)rotate(5deg)}to{opacity:1;transform:none}}@keyframes hero-type-reveal{0%{clip-path:inset(0 0 100%);transform:translateY(28px)}to{clip-path:inset(0);transform:none}}@media (min-width:701px) and (max-width:1100px){.hero.hero-cinematic :is(h1,h2),.hero.hero-cinematic .hero-slide[data-slide=gridscan] h2{max-width:58%;font-size:clamp(46px,6.6vw,70px)}.hero.hero-cinematic .hero-visual{width:45%;height:38%;top:27%;right:1%}.hero.hero-cinematic p{max-width:51%}.hero.hero-cinematic .hero-spec{font-size:11px}.hero.hero-cinematic .hero-spec b{font-size:17px}.hero.hero-cinematic .hero-spec:nth-child(2){bottom:-22%}.hero.hero-cinematic .hero-blueprint{font-size:6vw}}@media (max-width:700px){.hero.hero-cinematic{min-height:940px}.hero.hero-cinematic .hero-content{padding-block:36px 400px}.hero.hero-cinematic :is(h1,h2),.hero.hero-cinematic .hero-slide[data-slide=gridscan] h2{max-width:100%;font-size:clamp(42px,10.5vw,66px);line-height:1.02}.hero.hero-cinematic .hero-certification{margin-bottom:18px;font-size:10px}.hero.hero-cinematic .hero-index{margin-bottom:16px}.hero.hero-cinematic p{max-width:100%;margin-block:20px 24px;font-size:16px;line-height:1.6}.hero.hero-cinematic .hero-actions{gap:10px;max-width:100%}.hero.hero-cinematic .hero-actions .btn{padding-inline:16px;font-size:13px}.hero.hero-cinematic .hero-protocols{gap:12px;max-width:100%;margin-top:20px}.hero.hero-cinematic .hero-protocols img{height:18px}.hero.hero-cinematic .hero-proof{margin-top:20px}.hero.hero-cinematic .hero-visual{width:80%;height:250px;top:auto;bottom:110px;right:10%;transform:none}.hero.hero-cinematic .hero-blueprint{font-size:13vw;top:-8%}.hero.hero-cinematic .hero-specs{display:none}.hero.hero-cinematic .hero-product{padding:12px}.hero.hero-cinematic .hero-shield{left:6%}.hero.hero-cinematic .hero-slide:after{background:linear-gradient(#091b38 20%,#091b38f0 56%,#091b388c 80%,#07162f)}.hero.hero-cinematic .hero-horizon{inset:65% -60% -10%}}@media (prefers-reduced-motion:reduce){.hero.hero-cinematic *,.hero.hero-cinematic :before,.hero.hero-cinematic :after{transition:none!important;animation:none!important}.hero.hero-cinematic .hero-visual,.hero.hero-cinematic .hero-product-motion{transform:none}.hero.hero-cinematic .hero-orbits{transform:rotate(-24deg)}}.hero.hero-cinematic .hero-slide[data-slide=solutions].is-active h1{animation-name:hero-enter}