.pc-stage{position:absolute;inset:0;z-index:0;overflow:hidden}.pc-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(255,255,255,.18),transparent 70%),radial-gradient(ellipse 80% 70% at 50% 110%,rgba(0,0,0,.35),transparent 70%);pointer-events:none}.pc-phone{position:absolute;bottom:-30%;width:31%;aspect-ratio:.4615;padding:2.5px;border-radius:14%/6.5%;background:linear-gradient(145deg,#4a4d55,#16171b 45%,#2d3036);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 24px 40px -14px rgba(0,0,0,.6);transition:transform .9s cubic-bezier(.2,.7,.2,1),bottom .9s cubic-bezier(.2,.7,.2,1)}.pc-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:12.5%/5.8%;background:#000}.pc-phone--a{left:19%;transform:rotate(-9deg);z-index:1}.pc-phone--b{left:47%;bottom:-40%;transform:rotate(7deg)}.group:focus-visible .pc-phone--a,.group:hover .pc-phone--a{bottom:-20%;transform:translateX(-10%) rotate(-13deg)}.group:focus-visible .pc-phone--b,.group:hover .pc-phone--b{bottom:-26%;transform:translateX(12%) rotate(11deg)}.pc-stage--large .pc-phone{width:26%}.pc-stage--large .pc-phone--a{left:24%}.pc-stage--large .pc-phone--b{left:48%}.pc-icon{position:absolute;right:14px;bottom:14px;z-index:2;width:44px;height:44px;border-radius:11px;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 10px 24px -8px rgba(0,0,0,.6);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.group:hover .pc-icon{transform:translateY(-4px) scale(1.06)}.pc-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.group:hover .pc-full{transform:scale(1.05)}.pc-browser{position:absolute;left:9%;right:9%;top:14%;bottom:-12%;overflow:hidden;border-radius:10px 10px 0 0;background:#0d0e12;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 50px -18px rgba(0,0,0,.6);transform:perspective(900px) rotateX(8deg);transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.group:hover .pc-browser{transform:perspective(900px) rotateX(0deg) translateY(-6%)}.pc-browser__bar{display:flex;gap:5px;height:18px;align-items:center;padding:0 9px;background:#1c1d22}.pc-browser__bar i{width:6px;height:6px;border-radius:50%;background:#ff5f57}.pc-browser__bar i:nth-child(2){background:#febc2e}.pc-browser__bar i:nth-child(3){background:#28c840}.pc-browser img{display:block;width:100%;height:auto}@media (prefers-reduced-motion:reduce){.pc-browser,.pc-full,.pc-icon,.pc-phone{transition:none}}