.iphone-scene{height:625px;display:grid;place-items:center;isolation:isolate;perspective:1500px}
.phone-halo{position:absolute;width:520px;height:560px;max-width:100%;background:radial-gradient(ellipse,#3f659a38,transparent 68%);filter:blur(10px);z-index:-1}
.iphone-device{width:285px;height:588px;padding:7px;border-radius:49px;background:linear-gradient(110deg,#aab2bf,#414750 9%,#141920 48%,#717d90 97%,#bdc8d6);box-shadow:inset 0 0 0 1px #cad5e788,inset -4px 0 3px #000b,14px 8px 0 -4px #18202d,16px 9px 0 -4px #758095,30px 35px 60px #0008;transform:rotateY(-17deg) rotateX(6deg) rotateZ(8deg);position:relative;transition:transform .8s cubic-bezier(.2,.8,.2,1);animation:iphone-arrive 1.2s ease-out both}
.iphone-scene:hover .iphone-device{transform:rotateY(-9deg) rotateX(3deg) rotateZ(4deg)}
.iphone-screen{position:relative;height:100%;overflow:hidden;border:5px solid #050607;border-radius:43px;background:linear-gradient(160deg,#202127,#101114 55%,#090a0c);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.iphone-screen:after{content:"";position:absolute;inset:0;border-radius:38px;pointer-events:none;background:linear-gradient(115deg,#ffffff0d,transparent 30%,transparent 80%,#ffffff04)}
.iphone-button{position:absolute;right:-5px;top:160px;height:70px;width:4px;border-radius:4px;background:linear-gradient(#98a4b6,#263040)}
.phone-status{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px;font-weight:600}
.dynamic-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:83px;height:25px;border-radius:22px;background:#020203;box-shadow:inset 0 0 0 1px #18191c}
.dynamic-island:after{content:"";position:absolute;right:10px;top:9px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#234269,#07101c 65%)}
.status-icons{font-size:9px;letter-spacing:1px}
.wallet-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 19px 22px;font-size:30px;letter-spacing:-1px;font-weight:700}
.wallet-plus{font-size:25px;line-height:25px;text-align:center;width:26px;height:26px;border-radius:50%;background:#e6e7e9;color:#1b1d21;font-weight:400}
.wallet-stack{position:relative;height:280px;margin:0 13px}
.wallet-skin{position:absolute;left:0;width:100%;height:auto;aspect-ratio:1536/969;object-fit:cover;border-radius:11px;box-shadow:0 -2px 1px #ffffff25,0 7px 18px #0008;transition:opacity .2s}
.wallet-back{top:0}
.wallet-middle{top:59px}
.wallet-front{top:120px}
.wallet-selected{display:flex;align-items:center;justify-content:center;gap:9px;margin:27px 12px 0;color:#c9cbd0;font-size:11px}
.wallet-contactless{font-size:14px;letter-spacing:-2px;transform:rotate(-20deg)}
.wallet-hint{text-align:center;color:#777d87;font-size:9px;margin:17px 10px}
.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);height:4px;width:90px;background:#ddd;border-radius:8px}
.phone-floor{position:absolute;bottom:3px;width:260px;height:27px;background:#0007;border-radius:50%;filter:blur(17px);z-index:-1}
.iphone-scene .art-caption{bottom:-35px;left:35px;right:15px}
.collection-preview .display-card{background:#15191e}
.swatch img{width:100%;height:auto}
@keyframes iphone-arrive{from{opacity:0;transform:translateY(24px) rotateY(-25deg) rotateX(9deg) rotateZ(11deg)}to{opacity:1;transform:rotateY(-17deg) rotateX(6deg) rotateZ(8deg)}}
@media(min-width:1101px){.hero{padding-top:35px;padding-bottom:95px}}
@media(max-width:1100px) and (min-width:761px){.iphone-scene{height:555px}.iphone-device{scale:.87}.iphone-scene .art-caption{bottom:-15px;left:0}}
@media(max-width:760px){.iphone-scene{height:610px;width:100%;margin:25px auto 30px}.iphone-device{scale:.94}.iphone-scene .art-caption{left:10px;right:10px;bottom:-10px}.hero{overflow:hidden}}
@media(max-width:380px){.iphone-device{scale:.84}.iphone-scene{height:550px}}
@media(prefers-reduced-motion:reduce){.iphone-device{animation:none;transition:none}.iphone-scene:hover .iphone-device{transform:rotateY(-17deg) rotateX(6deg) rotateZ(8deg)}}