.hero-stage{position:relative;height:320vh;background:var(--bg-deep)}.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hero-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:86px var(--gutter) 24px;text-align:center}.hero-photo{position:absolute;inset:0;z-index:0}.hero-product{z-index:1}.hero-copy{z-index:2}.hero-h1{font-size:clamp(2rem,.85rem + 4.3vw,4.75rem);line-height:1.02;letter-spacing:-.04em;margin-inline:auto}.hero-photo-img{width:100%;height:100%;object-fit:cover}.hero-photo-overlay{position:absolute;inset:0}.dark .hero-photo-overlay{background:radial-gradient(ellipse at top,#1f3a5fd9,#0b1f33b8 45%,#060f1a9e)}:root:not(.dark) .hero-photo-overlay{background:radial-gradient(ellipse at top,#e0f2feeb,#f8fafcd1 45%,#ffffffb8)}.hero-media{position:relative;width:min(1280px,92vw,calc((100svh - 220px)*2.392));margin-inline:auto}.hero-img{width:100%;height:auto}.dark .hero-img-wrap{filter:drop-shadow(0 40px 60px rgb(36 98 174 / .35))}:root:not(.dark) .hero-img-wrap{filter:drop-shadow(0 24px 48px rgb(11 31 51 / .18))}.hero-floor{height:36px;width:min(900px,80vw);margin:-10px auto 0;background:radial-gradient(ellipse closest-side,rgb(74 186 235 / .18),transparent 70%)}:root:not(.dark) .hero-floor{background:radial-gradient(ellipse closest-side,rgb(36 98 174 / .12),transparent 70%)}.hero-glow-boost{opacity:0}.hero-sweep{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 42%,rgb(255 255 255 / .09) 50%,transparent 58%);background-size:250% 100%;background-position:-120% 0;mask-image:var(--sweep-mask);mask-size:100% auto;mask-repeat:no-repeat;mask-position:top center;-webkit-mask-image:var(--sweep-mask);-webkit-mask-size:100% auto;-webkit-mask-repeat:no-repeat;-webkit-mask-position:top center}.hero-callouts{position:absolute;inset:0;pointer-events:none}.callout{position:absolute;left:var(--mx);top:var(--my);transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;opacity:0}.callout .leader{width:1px;height:42px;background:linear-gradient(180deg,var(--accent-sky),transparent);transform:scaleY(0);transform-origin:bottom}.callout-chip{font-size:.8125rem;background:#dc2626d9;border-color:#ffffff40;color:#fff}.callout-glow{position:absolute;bottom:-50px;left:50%;width:140px;height:100px;transform:translate(-50%);background:radial-gradient(ellipse closest-side,rgb(74 186 235 / .1),transparent);filter:blur(20px)}.hero-callout-row{display:none;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}.callout-row-chip{font-size:.8125rem;background:#dc2626d9;border-color:#ffffff40;color:#fff}@media(prefers-reduced-motion:no-preference){.hero-enter{animation:rise-in var(--dur-base) var(--ease-out) both;animation-delay:var(--d, 0ms)}.hero-line{animation:clip-rise .65s var(--ease-out) both;animation-delay:var(--d, 0ms)}}@keyframes hero-copy-x{0%{opacity:1;visibility:visible;transform:translateY(0)}25%,to{opacity:0;visibility:hidden;transform:translateY(-10vh)}}@keyframes hero-photo-x{0%,10%{opacity:1}30%,to{opacity:0}}@keyframes hero-product-x{0%,15%{opacity:0;transform:scale(.92) translateY(6vh)}30%{opacity:1}45%,80%{opacity:1;transform:scale(1.06) translateY(0)}to{opacity:1;transform:scale(.98) translateY(-4vh)}}@keyframes hero-brightness-x{0%,20%{filter:brightness(.85)}45%,to{filter:brightness(1)}}@keyframes hero-sweep-x{0%{background-position:-120% 0;opacity:0}12%{opacity:1}88%{opacity:1}to{background-position:220% 0;opacity:0}}@keyframes hero-boost-x{to{opacity:.6}}@keyframes hero-callout-x{0%{opacity:0;transform:translate(-50%,-100%) scale(.85)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes hero-fade-out-x{to{opacity:0}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.js .hero-stage{view-timeline-name:--hero;view-timeline-axis:block}.js .hero-copy{animation:hero-copy-x linear both;animation-timeline:--hero;animation-range:contain 0% contain 100%}.js .hero-photo{animation:hero-photo-x linear both;animation-timeline:--hero;animation-range:contain 0% contain 100%}.js .hero-product{animation:hero-product-x linear both;animation-timeline:--hero;animation-range:contain 0% contain 100%}.js .hero-img-wrap{animation:hero-brightness-x linear both;animation-timeline:--hero;animation-range:contain 0% contain 100%}.js .hero-glow-boost{animation:hero-boost-x linear both;animation-timeline:--hero;animation-range:contain 0% contain 30%}.js .hero-sweep{animation:hero-sweep-x linear both;animation-timeline:--hero;animation-range:contain 30% contain 45%}.js .callout{animation:hero-callout-x var(--ease-out) both;animation-timeline:--hero}.js .callout-1{animation-range:contain 45% contain 49%}.js .callout-2{animation-range:contain 51% contain 55%}.js .callout-3{animation-range:contain 57% contain 61%}.js .callout-4{animation-range:contain 63% contain 67%}.js .callout-5{animation-range:contain 69% contain 73%}.js .callout-6{animation-range:contain 75% contain 79%}.js .callout .leader{animation:leader-draw var(--ease-out) both;animation-timeline:--hero}.js .callout-1 .leader{animation-range:contain 45% contain 49%}.js .callout-2 .leader{animation-range:contain 51% contain 55%}.js .callout-3 .leader{animation-range:contain 57% contain 61%}.js .callout-4 .leader{animation-range:contain 63% contain 67%}.js .callout-5 .leader{animation-range:contain 69% contain 73%}.js .callout-6 .leader{animation-range:contain 75% contain 79%}.js .hero-stage .hero-callouts{animation:hero-fade-out-x linear both;animation-timeline:--hero;animation-range:contain 80% contain 95%}}}@media(prefers-reduced-motion:no-preference){.hero-fallback{--hp: var(--hero-p, 0);--hp-copy: clamp(0, calc(var(--hp) / .25), 1);--hp-photo: clamp(0, calc((var(--hp) - .1) / .2), 1);--hp-enter: clamp(0, calc((var(--hp) - .15) / .15), 1);--hp-scale: clamp(0, calc((var(--hp) - .15) / .3), 1);--hp-power: clamp(0, calc((var(--hp) - .2) / .25), 1);--hp-c1: clamp(0, calc((var(--hp) - .45) / .04), 1);--hp-c2: clamp(0, calc((var(--hp) - .51) / .04), 1);--hp-c3: clamp(0, calc((var(--hp) - .57) / .04), 1);--hp-c4: clamp(0, calc((var(--hp) - .63) / .04), 1);--hp-c5: clamp(0, calc((var(--hp) - .69) / .04), 1);--hp-c6: clamp(0, calc((var(--hp) - .75) / .04), 1);--hp-exit: clamp(0, calc((var(--hp) - .8) / .2), 1)}.hero-fallback .hero-copy{opacity:calc(1 - var(--hp-copy));transform:translateY(calc(var(--hp-copy) * -10vh))}.hero-fallback.hero-copy-out .hero-copy{visibility:hidden}.hero-fallback .hero-photo{opacity:calc(1 - var(--hp-photo))}.hero-fallback .hero-product{opacity:var(--hp-enter);transform:scale(calc(.92 + var(--hp-scale) * .14 - var(--hp-exit) * .08)) translateY(calc((1 - var(--hp-scale)) * 6vh + var(--hp-exit) * -4vh))}.hero-fallback .hero-img-wrap{filter:brightness(calc(.85 + var(--hp-power) * .15))}.dark .hero-fallback .hero-img-wrap{filter:brightness(calc(.85 + var(--hp-power) * .15)) drop-shadow(0 40px 60px rgb(36 98 174 / .35))}.hero-fallback .hero-glow-boost{opacity:calc(min(var(--hp-copy),1)*.6)}.hero-fallback .callout-1{--con: var(--hp-c1)}.hero-fallback .callout-2{--con: var(--hp-c2)}.hero-fallback .callout-3{--con: var(--hp-c3)}.hero-fallback .callout-4{--con: var(--hp-c4)}.hero-fallback .callout-5{--con: var(--hp-c5)}.hero-fallback .callout-6{--con: var(--hp-c6)}.hero-fallback .callout{opacity:calc(var(--con, 0) * (1 - var(--hp-exit)));transform:translate(-50%,-100%) scale(calc(.85 + var(--con, 0) * .15))}.hero-fallback .callout .leader{transform:scaleY(var(--con, 0))}}@media(max-width:767.98px){.hero-stage{height:150vh}.hero-media{width:min(calc(100vw - 24px),calc((100svh - 320px)*2.392))}.hero-sweep,.hero-callouts{display:none}.hero-callout-row{display:flex}.callout-row-4,.callout-row-5,.callout-row-6{display:none}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.js .callout-row-chip{animation:chip-on var(--ease-out) both;animation-timeline:--hero}.js .callout-row-1{animation-range:contain 45% contain 49%}.js .callout-row-2{animation-range:contain 51% contain 55%}.js .callout-row-3{animation-range:contain 57% contain 61%}.js .callout-row-4{animation-range:contain 63% contain 67%}.js .callout-row-5{animation-range:contain 69% contain 73%}.js .callout-row-6{animation-range:contain 75% contain 79%}}.hero-fallback .callout-row-1{opacity:var(--hp-c1)}.hero-fallback .callout-row-2{opacity:var(--hp-c2)}.hero-fallback .callout-row-3{opacity:var(--hp-c3)}.hero-fallback .callout-row-4{opacity:var(--hp-c4)}.hero-fallback .callout-row-5{opacity:var(--hp-c5)}.hero-fallback .callout-row-6{opacity:var(--hp-c6)}}}@media(prefers-reduced-motion:reduce){.hero-stage{height:auto}.hero-sticky{position:static;height:auto;overflow:visible}.hero-sticky *,.hero-sticky{animation:none!important}.hero-photo{bottom:auto;height:100svh}.hero-layer{position:relative;inset:auto}.hero-copy{min-height:calc(100svh - 110px);order:-1}.hero-sticky{display:flex;flex-direction:column}.hero-product{opacity:1;transform:none;padding-top:24px;padding-bottom:56px}.hero-callouts{display:none}.hero-callout-row{display:flex}}html:not(.js) .hero-stage{height:auto}html:not(.js) .hero-sticky{position:static;height:auto;overflow:visible;display:flex;flex-direction:column}html:not(.js) .hero-sticky *,html:not(.js) .hero-sticky{animation:none!important}html:not(.js) .hero-photo{bottom:auto;height:100svh}html:not(.js) .hero-layer{position:relative;inset:auto}html:not(.js) .hero-copy{min-height:calc(100svh - 110px);order:-1}html:not(.js) .hero-product{opacity:1;transform:none;padding-top:24px;padding-bottom:56px}html:not(.js) .hero-callouts{display:none}html:not(.js) .hero-callout-row{display:flex}.yt-frame[data-astro-cid-mrk3q7f7]{position:relative;aspect-ratio:16 / 9;border-radius:1.25rem;overflow:hidden}.yt-facade[data-astro-cid-mrk3q7f7]{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.yt-poster[data-astro-cid-mrk3q7f7]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:transform .6s var(--ease-out),filter .6s var(--ease-out)}.yt-facade[data-astro-cid-mrk3q7f7]:hover .yt-poster[data-astro-cid-mrk3q7f7],.yt-facade[data-astro-cid-mrk3q7f7]:focus-visible .yt-poster[data-astro-cid-mrk3q7f7]{transform:scale(1.03);filter:brightness(1)}.yt-scrim[data-astro-cid-mrk3q7f7]{position:absolute;inset:0;background:radial-gradient(ellipse 55% 55% at 50% 50%,rgb(6 15 26 / .28),transparent 70%),linear-gradient(to top,rgb(6 15 26 / .4),transparent 55%)}.yt-play[data-astro-cid-mrk3q7f7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:999px;color:#fff;background:var(--brand-grad);box-shadow:0 10px 34px #2462ae80;transition:transform .24s var(--ease-snap),box-shadow .24s var(--ease-snap)}.yt-play[data-astro-cid-mrk3q7f7] svg[data-astro-cid-mrk3q7f7]{margin-left:3px}.yt-facade[data-astro-cid-mrk3q7f7]:hover .yt-play[data-astro-cid-mrk3q7f7],.yt-facade[data-astro-cid-mrk3q7f7]:focus-visible .yt-play[data-astro-cid-mrk3q7f7]{transform:translate(-50%,-50%) scale(1.09);box-shadow:0 12px 44px #4abaeb99}.yt-facade[data-astro-cid-mrk3q7f7]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media(prefers-reduced-motion:reduce){.yt-poster[data-astro-cid-mrk3q7f7],.yt-play[data-astro-cid-mrk3q7f7]{transition:none}}