/* Gaspari Phone Stack: a fixed phone shell with an orbiting stack of real UGC. */
.gn-phone-stack{--ps-phone:280px;--ps-step:210px;--ps-glow:#0757d1;--ps-ease:cubic-bezier(.23,1,.32,1);position:relative;isolation:isolate;padding:80px 0 38px!important;background:#101315;overflow:hidden}.gn-phone-stack .gn-vc-header{padding-bottom:20px}.gn-phone-stack .gn-vl-viewport{position:relative;height:calc(var(--ps-phone)*2 + 76px);padding:0;overflow:hidden;perspective:1400px;touch-action:pan-y;isolation:isolate}.gn-phone-stack .gn-vl-viewport::before{content:'';position:absolute;inset:8% 10%;z-index:-1;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ps-glow) 22%,transparent),transparent 65%);pointer-events:none}.gn-phone-stack .gn-vl-viewport::after{content:'';position:absolute;inset:0;z-index:70;background:linear-gradient(90deg,#101315,transparent 10%,transparent 90%,#101315);pointer-events:none}.gn-phone-stack .gn-vl-track,.gn-phone-stack .gn-vl-group{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;transform:none;will-change:auto}.gn-phone-stack .gn-vl-card{position:absolute;left:50%;top:50%;width:var(--ps-phone);height:calc(var(--ps-phone)*2);aspect-ratio:auto;border-radius:32px;overflow:visible;background:transparent;transform:translate(-50%,-50%) translateX(calc(var(--ps-offset,0)*var(--ps-step))) scale(calc(1 - var(--ps-depth,0)*.11));opacity:1;transition:transform 650ms var(--ps-ease),opacity 350ms ease;will-change:transform;isolation:isolate}.gn-phone-stack .gn-vl-card[aria-hidden=true]{opacity:0;pointer-events:none}.gn-phone-stack .gn-vl-card .gn-vl-surface,.gn-phone-stack .gn-vl-card.is-active .gn-vl-surface{position:absolute;inset:0;border-radius:28px;clip-path:none;overflow:hidden;background:#171d25;transition:none}.gn-phone-stack .gn-vl-preview{border-radius:28px;width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:filter 500ms ease}.gn-phone-stack .gn-vl-card.is-active .gn-vl-preview{filter:brightness(1);animation:gn-phone-reveal 500ms var(--ps-ease)}.gn-phone-stack .gn-vl-watch{border-radius:28px!important;background:linear-gradient(transparent 55%,#0004)!important}.gn-phone-stack .gn-vl-card:not(.is-active) .gn-vl-play{opacity:.8;width:42px;height:42px;background:#ffffffd9}.gn-phone-stack .gn-vl-card.is-active .gn-vl-play{width:52px;height:52px}.gn-phone-stack .gn-vl-card[data-playing=true] .gn-vl-play{opacity:0}.gn-phone-stack .gn-vl-product,.gn-phone-stack .gn-vl-card.is-active .gn-vl-product{left:12px;right:12px;bottom:24px;transform:none;min-height:64px;gap:7px;padding:8px;background:linear-gradient(135deg,#ffffffb8,#ffffff85);border:1px solid #ffffff80;box-shadow:inset 0 1px 0 #ffffff66;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-radius:12px;transition:opacity 200ms ease;z-index:3}.gn-phone-stack .gn-vl-product-image{width:44px!important;height:48px!important;flex-basis:44px}.gn-phone-stack .gn-vl-product-info strong{font-size:10px!important}.gn-phone-stack .gn-vl-product-price{font-size:11px!important}.gn-phone-stack .gn-vl-inline-controls,.gn-phone-stack .gn-vl-card.is-active .gn-vl-inline-controls{top:42px;right:12px;transform:none;z-index:4;gap:6px}.gn-phone-stack .gn-vl-inline-controls button{width:32px;height:32px}.gn-phone-stack .gn-ps-phone-frame{position:absolute;left:50%;top:50%;width:calc(var(--ps-phone) + 22px);height:calc(var(--ps-phone)*2 + 22px);transform:translate(-50%,-50%);border:5px solid #343943;border-radius:43px;z-index:60;pointer-events:none;box-shadow:inset 0 0 0 2px #090b0f,inset 0 0 0 6px #090b0f,0 0 0 1px #727781,0 20px 45px #0009,0 3px 9px #000;outline:2px solid #08090c;outline-offset:-7px}.gn-phone-stack .gn-ps-phone-frame::before{content:'';position:absolute;inset:3px;border:3px solid #050608;border-radius:35px}.gn-phone-stack .gn-ps-island{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:83px;height:24px;border-radius:20px;background:linear-gradient(#000,#15171b);box-shadow:0 0 0 1px #ffffff08}.gn-phone-stack .gn-ps-island::after{content:'';position:absolute;right:9px;top:7px;width:9px;height:9px;background:radial-gradient(circle at 40% 30%,#3f477d,#0a0c15 65%);border-radius:50%}.gn-phone-stack .gn-ps-home{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:90px;height:4px;border-radius:4px;background:#ffffffcb}.gn-phone-stack .gn-ps-side-key{position:absolute;right:-7px;top:24%;height:54px;width:3px;background:#555a64;border-radius:2px}.gn-phone-stack .gn-ps-side-key::before{content:'';position:absolute;left:calc(-1*var(--ps-phone) - 11px);top:-15px;width:3px;height:34px;border-radius:2px;background:#4a4f59}.gn-phone-stack[data-finish=obsidian] .gn-ps-phone-frame{border-color:#191b20;box-shadow:inset 0 0 0 2px #050608,inset 0 0 0 6px #050608,0 0 0 1px #444851,0 20px 45px #0009}.gn-phone-stack[data-finish=silver] .gn-ps-phone-frame{border-color:#a2a7b0;box-shadow:inset 0 0 0 2px #53575e,inset 0 0 0 6px #090b0f,0 0 0 1px #e4e8ef,0 20px 45px #0009}.gn-phone-stack .gn-vl-controls{position:relative;z-index:80;margin:10px 0 0}.gn-phone-stack .gn-vl-controls button{width:44px;height:44px}.gn-phone-stack .gn-vl-hint{margin-top:14px!important}.gn-phone-stack .gn-vl-viewport:focus-visible{outline:2px solid #7dafff;outline-offset:-5px}.gn-phone-stack .gn-vl-card:not(.is-active) .gn-vl-inline-controls{visibility:hidden;pointer-events:none}.gn-phone-stack .gn-vl-card.is-active .gn-vl-inline-controls{visibility:visible;pointer-events:auto}.gn-phone-stack .gn-vl-card:not(.is-active) .gn-vl-product{visibility:hidden;opacity:0;pointer-events:none}
@keyframes gn-phone-reveal{from{clip-path:inset(3% 5% round 36px);opacity:.5}to{clip-path:inset(0 round 28px);opacity:1}}
@media(max-width:1100px){.gn-phone-stack{--ps-step:180px}}
@media(max-width:767px){.gn-phone-stack{--ps-phone:min(60vw,260px)!important;--ps-step:155px;padding:48px 0 28px!important}.gn-phone-stack .gn-vc-header{padding:0 22px 18px}.gn-phone-stack .gn-vl-viewport{height:calc(var(--ps-phone)*2 + 66px)}.gn-phone-stack .gn-vl-card,.gn-phone-stack .gn-vl-card.is-active{transform:translate(-50%,-50%) translateX(calc(var(--ps-offset,0)*var(--ps-step))) scale(calc(1 - var(--ps-depth,0)*.15))}.gn-phone-stack .gn-ps-phone-frame{border-radius:37px}.gn-phone-stack .gn-ps-phone-frame::before{border-radius:30px}.gn-phone-stack .gn-vl-card .gn-vl-surface,.gn-phone-stack .gn-vl-card.is-active .gn-vl-surface,.gn-phone-stack .gn-vl-preview{border-radius:25px}.gn-phone-stack .gn-ps-island{width:72px;height:21px;top:10px}.gn-phone-stack .gn-ps-island::after{top:6px;width:8px;height:8px}.gn-phone-stack .gn-vl-product,.gn-phone-stack .gn-vl-card.is-active .gn-vl-product{left:9px;right:9px;bottom:22px;min-height:62px;padding:7px;gap:5px}.gn-phone-stack .gn-vl-product-image{width:38px!important;height:45px!important;flex-basis:38px}.gn-phone-stack .gn-vl-product-info strong{font-size:9px!important}.gn-phone-stack .gn-vl-product-price{font-size:10px!important}.gn-phone-stack .gn-vl-product-arrow{width:12px!important;height:12px!important;flex-basis:12px}.gn-phone-stack .gn-vl-inline-controls,.gn-phone-stack .gn-vl-card.is-active .gn-vl-inline-controls{top:36px;right:10px}.gn-phone-stack .gn-vl-inline-controls button{width:30px;height:30px}.gn-phone-stack .gn-vl-viewport::after{background:linear-gradient(90deg,#101315,transparent 7%,transparent 93%,#101315)}}
@media(prefers-reduced-motion:reduce){.gn-phone-stack .gn-vl-card,.gn-phone-stack .gn-vl-preview,.gn-phone-stack .gn-vl-product{transition:none;animation:none}.gn-phone-stack .gn-vl-card.is-active .gn-vl-preview{animation:none}.gn-phone-stack .gn-vl-card{will-change:auto}}

.gn-phone-stack .gn-vl-track{transition:transform 500ms cubic-bezier(.23,1,.32,1)}.gn-phone-stack .is-dragging .gn-vl-track{transition:none}@media(prefers-reduced-motion:reduce){.gn-phone-stack .gn-vl-track{transition:none}}