.zsh-section{--p:0;--clearFine:0;--wet:0;--intro:0;--dropMove:0;--dropOpacity:0;--dropSquash:0;--impact:0;--clear:0;--swap:0;--mx:0;--my:0;--dropTravel:54px;--dropSize:22px;--reveal:clamp(0, calc((var(--p) - .62) / .3), 1);isolation:isolate;background:linear-gradient(#0d1e2e 0%,#16334a 46%,#0b1a28 100%);position:relative;overflow:clip}.zsh-section--studio{background:radial-gradient(120% 80% at 50% 12%,#23485f 0%,#12293c 48%,#0a1826 100%)}.zsh-section--gradient{background:linear-gradient(#10243a 0%,#1b3b55 46%,#0c1c2c 100%)}.zsh-bgimage{z-index:0;object-fit:cover;opacity:.5;filter:blur(2px)saturate(.95)brightness(1.25);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06)}.zsh-bgveil{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#78e8ff33,#0000 34%),radial-gradient(circle at 74% 20%,#78afff24,#0000 30%),linear-gradient(#0816244d,#06101a8c);position:absolute;inset:0}.zsh-sticky{z-index:1;contain:layout paint;height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.zsh-scene{width:min(96%,1120px);height:min(78%,690px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.zsh-floor{filter:blur(30px);background:#000000b3;border-radius:50%;width:46%;height:8%;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.zsh-phone-wrap{aspect-ratio:1206/2622;width:auto;height:min(70svh,640px);transform:translate(calc(-50% + var(--mx) * 8px), calc(-50% + (1 - var(--intro)) * 22px + var(--my) * 6px)) rotate(calc(-5deg + var(--intro) * 3.2deg)) scale(calc(.94 + var(--intro) * .06));filter:drop-shadow(0 40px 60px #0000008c);will-change:transform;position:absolute;top:50%;left:50%}.zsh-phone{background:linear-gradient(135deg,#eef2f5 0%,#8b959d 9%,#1b2126 22%,#06080b 52%,#565f68 82%,#e3e8ec 100%);border-radius:13.3%/6.15%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffd9,inset 0 0 0 3px #10161b8c}.zsh-phone:before{content:"";background:#04070a;border-radius:12.8%/5.95%;position:absolute;inset:.7%}.zsh-screen{z-index:2;background:radial-gradient(circle at 26% 16%,#3adcf729,#0000 30%),radial-gradient(circle at 76% 78%,#4c8dff33,#0000 36%),linear-gradient(150deg,#050f17 0%,#0c2532 52%,#050a10 100%);border-radius:12.1%/5.68%;position:absolute;inset:1.5%;overflow:hidden}.zsh-screen:before{content:"";transform:translateX(calc(-42% + var(--p) * 9%));pointer-events:none;background:linear-gradient(115deg,#0000 36%,#ffffff21 49%,#0000 62%);position:absolute;inset:-20%}.zsh-screen:after{content:"";pointer-events:none;opacity:var(--impact);will-change:opacity;background:radial-gradient(circle at 50% 48%,#22d6ff29,#0000 24%);position:absolute;inset:0}.zsh-island{z-index:8;background:#000;border-radius:999px;width:30%;height:3.3%;position:absolute;top:2%;left:50%;transform:translate(-50%)}.zsh-speaker{z-index:8;background:#12161a;border-radius:999px;width:11%;height:.2%;position:absolute;top:.85%;left:50%;transform:translate(-50%)}.zsh-side{background:linear-gradient(90deg,#1d2329,#a3adb5,#21272d);border-radius:4px;width:1.2%;position:absolute}.zsh-side--action{height:5.1%;top:18%;left:-1%}.zsh-side--vol1{height:8.1%;top:26%;left:-1%}.zsh-side--vol2{height:8.1%;top:35.5%;left:-1%}.zsh-side--power{height:13.2%;top:28%;right:-1%}.zsh-scratches{z-index:7;pointer-events:none;width:84%;height:30%;position:absolute;top:36%;left:8%}.zsh-scratches svg{width:100%;height:100%;display:block;overflow:visible}.zsh-scratches path,.zsh-scratches line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.zsh-sc-deep-group{opacity:calc(1 - var(--clear))}.zsh-sc-fine-group{opacity:calc(1 - var(--clearFine))}.zsh-clear-disc{aspect-ratio:1;width:70%;transform:translate(-50%, -50%) scale(calc(.2 + var(--clear) * 1.9));opacity:calc(var(--clear) * (1 - var(--clear)) * 1.6);pointer-events:none;background:radial-gradient(circle,#c6f5ff57 0%,#78dcff1f 52%,#0000 72%);border-radius:50%;position:absolute;top:50%;left:50%}.zsh-sc-shadow{stroke:#0000005c;stroke-width:.85px}.zsh-sc-core{stroke:#e9f3fbb3;stroke-width:.5px}.zsh-sc-glow{stroke:#ffffff1a;stroke-width:1.8px;filter:blur(.6px)}.zsh-sc-fine{stroke:#d8e7f166;stroke-width:.32px}.zsh-sc-deep{stroke:#f2f8fc8a;stroke-width:.4px;stroke-dasharray:11 7 17 10}.zsh-scratches--subtle{opacity:.6}.zsh-scratches--medium{opacity:.85}.zsh-scratches--strong{opacity:1}.zsh-impact{z-index:6;aspect-ratio:1;width:30%;transform:translate(-50%, -50%) scale(calc(.1 + var(--impact) * 2.1));opacity:calc(var(--impact) * .85);pointer-events:none;background:radial-gradient(circle,#a8f6ffb3,#22d6ff33 40%,#0000 70%);border-radius:50%;position:absolute;top:48%;left:50%}.zsh-impact-ring{z-index:6;aspect-ratio:1;width:12%;transform:translate(-50%, -50%) scale(calc(.4 + var(--impact) * 2.6));opacity:calc(var(--impact) * .35);pointer-events:none;border:1px solid #baf8ffbf;border-radius:50%;position:absolute;top:48%;left:50%}.zsh-drop{z-index:11;width:var(--dropSize);height:calc(var(--dropSize) * 1.22);opacity:var(--dropOpacity);transform:translate(-50%, -50%) translateY(calc((var(--dropMove) - 1) * var(--dropTravel))) scale(calc(1 + (1 - var(--dropMove)) * 1.7)) scaleY(calc(1 + var(--dropSquash) * .3 - var(--impact) * .5)) scaleX(calc(1 - var(--dropSquash) * .14 + var(--impact) * .45));will-change:transform, opacity, filter;pointer-events:none;filter:blur(calc((1 - var(--dropMove)) * 5px)) drop-shadow(0 0 14px #22d6ff73);position:absolute;top:48%;left:50%}.zsh-drop svg{width:100%;height:100%;display:block}.zsh-overlay{z-index:20;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}@media (width>=768px){.zsh-overlay{padding-inline:clamp(2.5rem,7vw,8rem)}.zsh-overlay-inner{max-width:min(620px,46vw)}}.zsh-overlay a{pointer-events:auto}.zsh-overlay>*{z-index:1;position:relative}@media (width>=768px){.zsh-scene--with-overlay .zsh-phone-wrap{left:72%}}@media (width<=767px){.zsh-scene{height:100%;top:50%}.zsh-phone-wrap{height:min(56svh,440px)}.zsh-scene--with-overlay .zsh-phone-wrap{top:62%}.zsh-overlay{align-items:flex-start;padding:max(11svh,88px) 4vw 0}.zsh-overlay-inner{text-align:center;width:100%;max-width:none;display:block}.zsh-overlay-text{text-align:center}}@media (prefers-reduced-motion:reduce){.zsh-drop{display:none}.zsh-phone-wrap{transition:none}}.zsh-stage{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.zsh-stage-light{background:radial-gradient(50% 38% at 50% 14%,#a0f0ff57,#0000 74%),radial-gradient(48% 38% at 10% 80%,#78afff33,#0000 76%),radial-gradient(46% 34% at 90% 66%,#5ae2ff30,#0000 76%),radial-gradient(60% 40% at 50% 104%,#ffc6961a,#0000 70%);position:absolute;inset:0}.zsh-stage-light:after{content:"";opacity:var(--impact);background:radial-gradient(50% 38% at 50% 14%,#bef6ff4d,#0000 74%);position:absolute;inset:0}.zsh-rim{mix-blend-mode:screen;opacity:.85;background:linear-gradient(90deg,#aff0ff38,#0000 16%),linear-gradient(270deg,#aff0ff33,#0000 18%),linear-gradient(#0000 76%,#96dcff1c);position:absolute;inset:0}.zsh-grade{mix-blend-mode:soft-light;opacity:.6;background:linear-gradient(#1a3e5c33 0%,#0000 46%,#08121e3d 100%),radial-gradient(70% 55% at 50% 44%,#fff0de12,#0000 70%);position:absolute;inset:0}.zsh-pack-layer{display:none;position:absolute;inset:0}.zsh-pack{will-change:transform, opacity;position:absolute;bottom:12%}.zsh-pack img{object-fit:contain;width:100%;height:auto;display:block}.zsh-pack--main{width:min(15%,186px);transform:translate3d(calc(var(--mx) * -34px), calc((1 - var(--p)) * 78px + var(--my) * -20px), 0) rotate(calc(var(--mx) * 1.4deg)) scale(calc(.9 + var(--reveal) * .16));filter:brightness(.92)saturate(1.02)drop-shadow(0 34px 56px #00000080);opacity:calc(.42 + var(--reveal) * .5);bottom:3%;left:1.5%}.zsh-pack--side{width:min(12%,150px);transform:translate3d(calc(var(--mx) * -14px), calc((1 - var(--p)) * 34px + var(--my) * -8px), 0) rotate(calc(-4deg + var(--mx) * -.8deg)) scale(calc(.9 + var(--reveal) * .09));filter:brightness(.84)drop-shadow(0 26px 44px #00000073);opacity:calc(.34 + var(--reveal) * .42);bottom:8%;right:2%}.zsh-pack-mirror{width:100%;opacity:calc(.1 + var(--reveal) * .16);filter:blur(3px);position:absolute;top:100%;left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#000000a6,#0000 55%);mask-image:linear-gradient(#000000a6,#0000 55%)}.zsh-pack-layer--subtle{opacity:.7}.zsh-pack-layer--prominent{opacity:1}.zsh-pack-layer--prominent .zsh-pack--main{width:min(23%,280px)}.zsh-pack-layer--prominent .zsh-pack--side{width:min(17%,210px)}.zsh-particles{display:none!important}.zsh-particles--near{background-image:radial-gradient(circle,#a8f6ffd9 0 1.1px,#0000 1.6px),radial-gradient(circle,#78dcff80 0 .9px,#0000 1.4px);background-position:0 0,90px 140px;background-size:220px 220px,340px 340px;animation:26s linear infinite zsh-float-a}.zsh-particles--far{filter:blur(.6px);background-image:radial-gradient(circle,#c8f5ff66 0 .8px,#0000 1.3px);background-size:160px 160px;animation:40s linear infinite zsh-float-b}@keyframes zsh-float-a{to{transform:translate(-60px,-120px)}}@keyframes zsh-float-b{to{transform:translate(70px,-160px)}}.zsh-sweep{opacity:calc(var(--impact) * .9);transform:translateX(calc(-30% + var(--impact) * 60%));background:linear-gradient(100deg,#0000 40%,#bef5ff29 50%,#0000 60%);position:absolute;inset:-20%}.zsh-vignette{opacity:.6;background:radial-gradient(82% 66% at 50% 46%,#0000 46%,#030c1642 80%,#030c1680 100%),radial-gradient(120% 90% at 50% 0,#0000 62%,#030c1629 100%);position:absolute;inset:0}.zsh-grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.6'/></svg>");position:absolute;inset:0}.zsh-screen:before{transform:translateX(calc(-42% + var(--p) * 9% + var(--clear) * 60%))}@media (width<=767px){.zsh-pack--main{width:26%;bottom:5%;left:-2%}.zsh-pack--side{width:20%;bottom:8%;right:-2%}.zsh-particles{opacity:calc(.2 + var(--p) * .35)}}@media (prefers-reduced-motion:reduce){.zsh-particles{opacity:.2;animation:none}.zsh-sweep{display:none}}.zsh-overlay:before{content:"";pointer-events:none;background:linear-gradient(100deg,#030a1299 0%,#030a1257 32%,#0000 58%);position:absolute;inset:0}@media (width<=767px){.zsh-overlay:before{background:linear-gradient(#030a12b8 0%,#030a1261 20%,#030a121a 34%,#0000 46%)}.zsh-pack--main{opacity:calc(.26 + var(--reveal) * .4)}.zsh-pack--side{opacity:calc(.22 + var(--reveal) * .34)}.zsh-vignette{opacity:.55;background:radial-gradient(86% 62% at 50% 40%,#0000 52%,#030c1633 86%,#030c164d 100%),radial-gradient(120% 80% at 50% 0,#0000 60%,#030c1629 100%)}}@media (prefers-reduced-motion:reduce){.zsh-pack--main,.zsh-pack--side{filter:none;transform:none}}.zsh-screen:before{opacity:calc(.7 + var(--wet) * .5)}.zsh-wet{z-index:7;pointer-events:none;opacity:var(--wet);mix-blend-mode:screen;filter:blur(3px);transform:scale(calc(.86 + var(--clear) * .28));will-change:transform, opacity;background:radial-gradient(circle at 50% 49%,#d6f8ff3d 0%,#a0e2ff1f 34%,#0000 58%),linear-gradient(118deg,#0000 42%,#ffffff1a 50%,#0000 58%);position:absolute;inset:0}@media (width<=767px){.zsh-sticky{contain:layout paint}.zsh-grain{display:none}.zsh-rim{mix-blend-mode:normal;opacity:.4}.zsh-grade{mix-blend-mode:normal;opacity:.5}.zsh-wet{filter:none;mix-blend-mode:normal;opacity:calc(var(--wet) * .7)}.zsh-particles--far{display:none}.zsh-particles--near{background-image:radial-gradient(circle,#a8f6ffb3 0 1px,#0000 1.5px)}.zsh-pack-mirror{display:none}.zsh-scratches{width:84%;height:30%;top:36%;left:8%}.zsh-sc-glow{filter:none}.zsh-floor{filter:blur(18px)}.zsh-phone-wrap{filter:drop-shadow(0 26px 34px #0000008c)}}.zsh-lite .zsh-grain,.zsh-lite .zsh-particles,.zsh-lite .zsh-sweep,.zsh-lite .zsh-wet,.zsh-lite .zsh-pack-mirror,.zsh-lite .zsh-impact-ring{display:none}.zsh-lite .zsh-rim,.zsh-lite .zsh-grade{mix-blend-mode:normal}.zsh-lite .zsh-impact{filter:none}.zsh-lite .zsh-drop{filter:drop-shadow(0 0 10px #22d6ff66)}.zsh-lite .zsh-floor{filter:blur(12px)}.zsh-lite .zsh-sc-glow{filter:none}.zsh-lite .zsh-pack--main,.zsh-lite .zsh-pack--side{filter:brightness(.82)}.zsh-lite .zsh-finale-pack{filter:drop-shadow(0 30px 46px #00000073)}.zsh-finale{pointer-events:none;opacity:var(--swap);position:absolute;inset:0}.zsh-finale-glow{width:min(70%,780px);height:min(70%,620px);transform:translate(-50%, -50%) scale(calc(.86 + var(--swap) * .14));background:radial-gradient(50% 50%,#7ee8ff29 0%,#22d6ff12 42%,#0000 72%);position:absolute;top:50%;left:50%}.zsh-finale-pack{width:auto;height:min(44svh,380px);transform:translate(calc(-50% + var(--mx) * 10px), calc(-50% + (1 - var(--swap)) * 44px + var(--my) * 6px)) scale(calc(.88 + var(--swap) * .12));filter:drop-shadow(0 42px 62px #00000080);will-change:transform, opacity;position:absolute;top:50%;left:50%}.zsh-finale-pack img{width:auto;height:100%;display:block}.zsh-finale-pack .zsh-pack-mirror{width:auto;height:100%;opacity:calc(var(--swap) * .14)}@media (width>=768px){.zsh-finale{width:min(96%,1120px);height:min(78%,690px);position:absolute;inset:52% auto auto 50%;transform:translate(-50%,-50%)}.zsh-section--overlay .zsh-finale-pack{left:72%}.zsh-finale-pack{height:min(56svh,500px)}}.zsh-section--finale .zsh-phone-wrap{opacity:calc(1 - var(--swap));transform:translate(calc(-50% + var(--mx) * 8px), calc(-50% + (1 - var(--intro)) * 22px + var(--my) * 6px - var(--swap) * 26px)) rotate(calc(-5deg + var(--intro) * 3.2deg)) scale(calc(.94 + var(--intro) * .06 - var(--swap) * .1))}.zsh-section--finale .zsh-floor{opacity:calc(1 - var(--swap) * .75)}@media (width<=767px){.zsh-finale-pack{height:min(34svh,290px);top:66%}.zsh-finale-pack .zsh-pack-mirror{display:none}.zsh-finale-glow{top:62%}}@media (prefers-reduced-motion:reduce){.zsh-finale-pack{filter:none;transform:translate(-50%,-50%)}}.zsh-phone-wrap--watch{aspect-ratio:44/52;height:min(46svh,400px)}.zsh-phone--watch{border-radius:30%/26%;box-shadow:inset 0 0 0 1px #fffc,inset 0 0 0 4px #10161b99}.zsh-phone--watch:before{border-radius:28%/24%;inset:2.4%}.zsh-phone--watch .zsh-screen{border-radius:25%/22%;inset:6%}.zsh-phone--watch .zsh-island,.zsh-phone--watch .zsh-speaker,.zsh-phone--watch .zsh-side{display:none}.zsh-crown{background:linear-gradient(90deg,#1d2329,#b6c0c8,#21272d);border-radius:3px;width:3.4%;height:13%;position:absolute;top:30%;right:-2.6%}.zsh-band{z-index:0;background:linear-gradient(#2b3238,#171c21);width:62%;height:42%;position:absolute;left:50%;transform:translate(-50%)}.zsh-band--top{border-radius:18px 18px 6px 6px;bottom:82%}.zsh-band--bottom{border-radius:6px 6px 18px 18px;top:82%}.zsh-finale[data-ready="0"] .zsh-finale-pack{visibility:hidden}