.phone-showcase{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);min-height:585px;margin:10px 24px 0;padding:20px 0 15px 36px;background:radial-gradient(ellipse at 75% 55%,#ffdfbd88,transparent 62%),linear-gradient(125deg,#fffaf5,#fff3e5 55%,#fbf1ff);border-radius:25px;overflow:hidden;isolation:isolate}.phone-intro{position:relative;z-index:8;align-self:center;padding-bottom:16px}.section-kicker{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a36b55;line-height:1.6;display:block;max-width:250px}.phone-intro h2{font-size:43px;line-height:1.07;letter-spacing:-1.8px;margin:18px 0;color:#171332;font-weight:800}.phone-intro h2 em{color:#8541dd;font-style:normal;position:relative}.phone-intro h2 em:after{content:'';position:absolute;height:6px;background:#f3bd8b7d;border-radius:50%;left:0;right:0;bottom:-7px;transform:rotate(-3deg);z-index:-1}.phone-intro>p{font-size:13px;line-height:1.75;color:#766b7e;max-width:245px;margin:23px 0}.catalog-link{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border-radius:13px;border:1px solid #e0cde7;background:#ffffffcc;font-size:11px;font-weight:700;color:#55388c;box-shadow:0 4px 10px #7b3c9710}.catalog-link:hover{background:#fff;transform:translateY(-2px)}.swipe-hint{display:flex;align-items:center;gap:9px;font-size:10px;color:#9a8291;margin-top:22px}.swipe-hint>span{font-size:20px;color:#a96fca}.phones-area{position:relative;min-width:0;align-self:center;padding-top:7px}.phones-track{position:relative;z-index:3;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;-webkit-overflow-scrolling:touch;outline-offset:-6px;touch-action:pan-x pan-y}.phones-track::-webkit-scrollbar{display:none}.phones-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.phones-list{display:flex;width:max-content;padding:45px calc((100cqw - var(--step))/2) 35px;min-height:460px;align-items:center;gap:0}.phones-track{container-type:inline-size}.phone-slide{position:relative;flex:0 0 var(--step);width:var(--step);height:376px;scroll-snap-align:center;scroll-snap-stop:always;z-index:var(--depth,1)}.phone-select{display:block;position:absolute;left:50%;top:0;width:196px;height:376px;margin-left:-98px;padding:0;background:transparent;border:0;border-radius:30px;color:#fff;transform:translateY(var(--rise,0px)) rotate(var(--tilt,0deg)) scale(var(--scale,1));transition:transform .38s cubic-bezier(.22,.7,.2,1),filter .35s;filter:brightness(var(--brightness,1));transform-origin:center 60%;-webkit-tap-highlight-color:transparent}.phone-shell{position:relative;display:block;width:100%;height:100%;padding:5px;background:linear-gradient(110deg,#8d827b,#242222 7%,#090a0d 46%,#514740 92%,#a39388);border-radius:30px;box-shadow:0 16px 23px #60413038,0 2px 3px #fff8 inset,0 0 0 1px #29180d55}.phone-shell:before{content:'';position:absolute;left:-2px;top:68px;width:3px;height:25px;background:#6e6257;border-radius:3px 0 0 3px;box-shadow:0 36px 0 #6e6257}.phone-shell:after{content:'';position:absolute;right:-2px;top:92px;width:3px;height:43px;background:#6e6257;border-radius:0 3px 3px 0}.phone-screen{display:block;position:relative;overflow:hidden;border-radius:25px;width:100%;height:100%;background-image:linear-gradient(180deg,#0000 41%,#08061725 64%,#080617cc 100%),url('assets/video-covers.webp');background-size:100% 100%,600% 200%;background-position:center,var(--cover-x) var(--cover-y);background-repeat:no-repeat}.phone-notch{position:absolute;left:50%;top:0;transform:translateX(-50%);height:15px;width:83px;border-radius:0 0 11px 11px;background:#101114;z-index:3}.phone-notch:before{content:'';position:absolute;left:25px;top:5px;width:25px;height:3px;border-radius:10px;background:#272a2e}.phone-notch:after{content:'';position:absolute;right:17px;top:4px;width:5px;height:5px;border-radius:50%;background:#222539;box-shadow:0 0 2px #6a6d86}.phone-timer{position:absolute;top:17px;right:9px;font-size:8px;font-weight:700;border-radius:5px;padding:3px 5px;background:#101327b5;color:#fff}.phone-heart{position:absolute;top:18px;left:11px;font-size:18px;line-height:1;text-shadow:0 1px 4px #0006}.phone-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#15112477;border:1px solid #ffffff6b;box-shadow:0 4px 20px #0001}.phone-play svg{width:16px;height:19px;margin-left:3px;fill:white}.phone-side-tools{position:absolute;right:9px;bottom:58px;display:flex;flex-direction:column;gap:10px;align-items:center;text-shadow:0 1px 5px #0005}.phone-side-tools span{display:flex;flex-direction:column;gap:2px;font-size:17px}.phone-side-tools small{font-size:5px;letter-spacing:.15px}.phone-side-tools span:first-child{color:#ff637e}.phone-screen-caption{position:absolute;bottom:34px;left:10px;right:29px;color:#fff;text-align:center;font-size:22px;font-weight:850;line-height:1.03;letter-spacing:-.6px;font-style:italic;text-shadow:0 2px 7px #0009;transform:rotate(-3deg)}.phone-screen-category{position:absolute;bottom:13px;left:10px;right:10px;font-size:7px;font-weight:700;letter-spacing:.2px;color:#fff9}.phone-home-indicator{position:absolute;bottom:6px;width:62px;height:3px;left:50%;transform:translateX(-50%);border-radius:5px;background:#fff9}.phone-slide[aria-current=true] .phone-shell{box-shadow:0 27px 34px #6041304d,0 2px 3px #fff9 inset,0 0 0 1px #29180d66}.phone-slide[aria-current=true] .phone-play{background:#fff2}.phone-slide[aria-current=true] .phone-select:focus-visible{outline-offset:9px}.phone-navigation{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}.round-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e4cde0;background:#fffc;border-radius:50%;color:#743faa;font-size:16px}.round-arrow:hover{background:#fff;border-color:#b18ad1}.round-arrow:disabled{opacity:.35;cursor:default}.phone-dots{display:flex;align-items:center;gap:8px}.phone-dots button{padding:0;background:#b99ab75c;border:0;border-radius:10px;width:6px;height:6px;transition:width .25s,background .25s}.phone-dots button[aria-pressed=true]{width:23px;background:#9b5ccb}.phone-caption{font-size:10px;letter-spacing:.2px;color:#8b7685;text-align:center;margin:10px 0 0}.showcase-orbit{position:absolute;border:1px solid #e5b87c3d;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{width:580px;height:580px;top:-45px;left:calc(50% - 290px)}.orbit-two{width:675px;height:675px;top:-95px;left:calc(50% - 338px);border-width:14px;border-color:#ecc69012}.showcase-star{position:absolute;color:#ffb143;pointer-events:none}.star-one{font-size:28px;right:15%;top:17px;transform:rotate(15deg)}.star-two{font-size:22px;left:12%;bottom:45px;color:#d3a3d8}
@media(max-width:1100px){.phone-showcase{grid-template-columns:1fr;min-height:0;padding:28px 0;margin:24px 0}.phone-intro{padding:0 30px}.phone-intro h2{font-size:35px}.phone-intro>p{max-width:none}.swipe-hint{margin-top:14px}.phones-area{margin-top:10px}}@media(max-width:650px){.phone-showcase{margin:20px 0 0;border-radius:20px}.phone-intro{text-align:center;padding:0 23px}.phone-intro h2{font-size:34px;line-height:1.1;margin:15px 0}.section-kicker{font-size:8px;max-width:none}.phone-intro>p{margin:15px auto;font-size:12px}.swipe-hint{justify-content:center}.phone-select{width:180px;height:346px;margin-left:-90px}.phone-slide{height:346px}.phones-list{min-height:435px}.phone-screen-caption{font-size:20px}}