.phone-mockup{position:absolute;top:50%;right:6%;transform:translateY(-50%);height:92%;aspect-ratio:9 / 19;max-width:82%;z-index:2;filter:drop-shadow(0 30px 60px rgba(0,0,0,0.45)) drop-shadow(0 10px 24px rgba(0,0,0,0.3));animation:phone-float 6s ease-in-out infinite;transition:filter 0.35s ease}@keyframes phone-float{0%,100%{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(calc(-50% - 8px)) rotate(-0.4deg)}}.phone-mockup--link{display:block;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.phone-mockup--link:hover,.phone-mockup--link:focus-visible{animation-play-state:paused;transform:translateY(calc(-50% - 12px)) rotate(-0.6deg) scale(1.015);transition:transform 0.35s cubic-bezier(0.2,0.9,0.3,1.2),filter 0.35s ease;filter:drop-shadow(0 40px 72px rgba(0,0,0,0.55)) drop-shadow(0 14px 30px rgba(0,0,0,0.4)) drop-shadow(0 0 40px rgba(225,48,108,0.22));outline:none}.phone-mockup--link:focus-visible{outline:2px solid rgba(225,48,108,0.55);outline-offset:8px;border-radius:12%}.phone-mockup--link:active{transform:translateY(calc(-50% - 6px)) rotate(-0.3deg) scale(1.005);transition-duration:0.12s}.phone-frame{width:100%;height:100%;background:linear-gradient(160deg,#1a1a1c 0%,#2a2a2e 50%,#101012 100%);border-radius:14% / 6.6%;padding:2.2% 2.2%;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08),inset 0 2px 3px rgba(255,255,255,0.14),inset 0 -2px 3px rgba(0,0,0,0.4)}.phone-btn{position:absolute;background:linear-gradient(90deg,#4a4a4d 0%,#7a7a7d 50%,#4a4a4d 100%);border-radius:2px}.phone-btn--power{right:-1%;top:30%;width:1.2%;height:12%}.phone-btn--volup{left:-1%;top:22%;width:1.2%;height:8%}.phone-btn--voldn{left:-1%;top:33%;width:1.2%;height:8%}.phone-btn--mute{left:-1%;top:14%;width:1.2%;height:4%}.phone-screen{width:100%;height:100%;border-radius:12% / 5.7%;background:#000;overflow:hidden;position:relative;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-size:clamp(6px,1.15cqw,12px);container-type:inline-size}.phone-island{position:absolute;top:1.4%;left:50%;transform:translateX(-50%);width:30%;height:3.4%;background:#000;border-radius:999px;z-index:10}.ios-statusbar{position:absolute;top:0;left:0;right:0;padding:5% 8% 1.5%;display:flex;align-items:center;justify-content:space-between;font-size:1.35em;font-weight:600;color:#fff;z-index:5;pointer-events:none}.ios-statusbar-time{padding-left:0.6em}.ios-statusbar-icons{display:flex;align-items:center;gap:0.4em;padding-right:0.6em;color:#fff}.ios-battery{width:2em;height:1em;border:1px solid #fff;border-radius:3px;position:relative;display:inline-block}.ios-battery::after{content:"";position:absolute;right:-3px;top:30%;width:2px;height:40%;background:#fff;border-radius:0 1px 1px 0}.ios-battery-inner{position:absolute;inset:1.5px;background:#fff;border-radius:1.5px;width:calc(100% - 3px)}.ks-shot-viewport{position:absolute;inset:0;overflow:hidden;background:#000}.ks-shot-track{--scroll-distance:0px;width:100%;will-change:transform;animation:ks-shot-scroll 26s ease-in-out infinite}.ks-shot-track img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}@keyframes ks-shot-scroll{0%,8%{transform:translateY(0)}50%,58%{transform:translateY(calc(var(--scroll-distance) * -1))}100%{transform:translateY(0)}}.ios-home-indicator{position:absolute;bottom:1.5%;left:50%;transform:translateX(-50%);width:34%;height:0.5%;min-height:3px;background:#fff;border-radius:999px;z-index:5;mix-blend-mode:difference}.phone-mockup--fallback{background:#f4f4f5;color:#666;padding:20px;border-radius:20px}