.ss-hero-mockup-wrap{display:flex;align-items:center;justify-content:center}.ss-hero-mockup{animation:ssFloaty 6s ease-in-out infinite}@keyframes ssFloaty{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.ss-iphone{position:relative;width:270px;aspect-ratio:290 / 580;background:#0a0a0b;border-radius:38px;border:2px solid #151517;box-shadow:0 0 0 6px #0a0a0a,0 30px 80px #0000008c,0 0 0 7px var(--color-line);padding:12px;flex-shrink:0;overflow:hidden}@media(min-width:968px){.ss-iphone{width:300px}}.ss-iphone .ss-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:90px;height:26px;background:#000;border-radius:14px;z-index:5}.ss-iphone .ss-screen{position:absolute;inset:12px;background:#0a0a0b;border-radius:30px;overflow:hidden;display:flex;flex-direction:column}.ss-statusbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 8px;font-size:13px;font-weight:600;color:#fff;z-index:6}.ss-statusbar .ss-icons{display:flex;gap:4px;align-items:center}.ss-statusbar .ss-icons svg{width:14px;height:14px}.ss-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.ss-close{width:28px;height:28px;border-radius:50%;background:#151517;border:none;color:#fff;font-size:16px;line-height:1;padding:0;cursor:default}.ss-progress{font-size:12px;font-weight:500;color:#a0a0a8}.ss-done-pill{display:inline-flex;align-items:center;gap:5px;background:#5dd39e;color:#0a0a0b;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600}.ss-done-check{width:13px;height:13px;border-radius:50%;background:#0a0a0b;color:#5dd39e;display:inline-flex;align-items:center;justify-content:center;font-size:8px;line-height:1}.ss-card-stack{flex:1;position:relative}.ss-card{position:absolute;top:50%;left:50%;border-radius:18px;overflow:hidden}.ss-card-back{width:175px;height:230px;background:linear-gradient(to bottom,#3a3f47,#2a2f37);opacity:.55;transform:translate(-50%,calc(-50% + 30px))}.ss-card-middle{width:190px;height:250px;background:linear-gradient(to bottom,#525762,#3f4450);opacity:.85;transform:translate(-50%,calc(-50% + 15px)) rotate(-3deg)}.ss-card-front{width:205px;height:275px;background:#5dd39e;transform:translate(-50%,-50%) rotate(8deg);animation:ssCardTilt 4s ease-in-out infinite;box-shadow:0 12px 32px #0006}@keyframes ssCardTilt{0%,to{transform:translate(-50%,-50%) rotate(8deg)}50%{transform:translate(calc(-50% + 6px),calc(-50% - 2px)) rotate(11deg)}}.ss-photo{position:absolute;inset:0}.ss-photo-sky{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#ffb88c,#ff9e7d,#9b6b8c)}.ss-photo-sun{position:absolute;top:22%;right:18%;width:32px;height:32px;border-radius:50%;background:#ffe4b5;box-shadow:0 0 28px #ffcc80d9}.ss-photo-mountains{position:absolute;top:40%;left:0;right:0;height:35%;background:linear-gradient(to bottom,#4a3556,#2d2238);clip-path:polygon(0 100%,0 55%,18% 30%,38% 65%,58% 25%,78% 55%,100% 35%,100% 100%)}.ss-photo-lake{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,#2d2238,#1a1428)}.ss-keep-stamp{position:absolute;top:20px;left:14px;padding:5px 14px;border:3px solid #5DD39E;color:#5dd39e;font-weight:800;font-size:16px;letter-spacing:1.5px;transform:rotate(-12deg);transform-origin:top left;background:#0a0a0b2e;border-radius:4px;animation:ssStampPulse 2s ease-in-out infinite;z-index:2}@keyframes ssStampPulse{0%,to{opacity:.95;transform:rotate(-12deg) scale(1)}50%{opacity:1;transform:rotate(-12deg) scale(1.06)}}.ss-photo-meta{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));color:#fff;z-index:1}.ss-meta-date{font-size:11px;font-weight:500;opacity:.95}.ss-meta-size{font-size:10px;font-weight:400;opacity:.65;margin-top:2px}.ss-actions{display:flex;justify-content:center;gap:28px;padding:0 0 20px}.ss-action{width:48px;height:48px;border-radius:50%;background:transparent;border:2px solid;cursor:default;display:flex;align-items:center;justify-content:center;padding:0}.ss-action-delete{border-color:#ff6b6b;color:#ff6b6b}.ss-action-keep{border-color:#5dd39e;color:#5dd39e;background:#5dd39e1a}.ss-action svg{width:20px;height:20px}.ss-home-indicator{width:100px;height:4px;background:#fff6;border-radius:2px;margin:0 auto 8px}@media(prefers-reduced-motion:reduce){.ss-hero-mockup,.ss-card-front,.ss-keep-stamp{animation:none}}