.iphone-scan-demo{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 0}.iphone-scan-outline{position:relative;width:216px;aspect-ratio:.48;border:2px solid #8194aa;border-radius:38px;background:#ffffff80;box-shadow:inset 0 0 0 5px #f0f3f7;color:#1d1d1f}.iphone-scan-outline:before{left:-4px;top:95px;height:42px}.iphone-scan-outline:after,.iphone-scan-outline:before{content:"";position:absolute;width:2px;border-radius:2px;background:#8194aa}.iphone-scan-outline:after{right:-4px;top:115px;height:56px}.iphone-scan-island{position:absolute;width:58px;height:16px;background:#263445;top:14px;left:50%;transform:translateX(-50%);border-radius:20px}.iphone-scan-content{position:absolute;inset:80px 20px 70px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.iphone-scan-content>p{font-size:13px;font-weight:500;margin:0}.iphone-scan-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px}.iphone-scan-frame>i{position:absolute;width:22px;height:22px;border:0 solid #0071e3;z-index:2}.iphone-scan-frame>i:first-of-type{left:0;top:0;border-top-width:2px;border-left-width:2px;border-radius:10px 0 0}.iphone-scan-frame>i:nth-of-type(2){right:0;top:0;border-top-width:2px;border-right-width:2px;border-radius:0 10px 0 0}.iphone-scan-frame>i:nth-of-type(3){left:0;bottom:0;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 10px}.iphone-scan-frame>i:nth-of-type(4){right:0;bottom:0;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 10px}.iphone-qr-slot{position:absolute;inset:10px;background:#eaf0f780;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px}.iphone-qr-slot img{width:100%;height:100%;padding:6px;box-sizing:border-box;object-fit:contain;background:#fff;border-radius:6px}.iphone-scan-light{position:absolute;left:6px;right:6px;top:0;height:42px;background:linear-gradient(transparent,#0071e326);border-bottom:1.5px solid #238cff;filter:drop-shadow(0 2px 4px #0071e350);animation:iphone-scan-pass 4.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.iphone-scan-hint{font-size:11px;color:#687484}.iphone-home-indicator{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:65px;height:3px;border-radius:4px;background:#8194aa}@keyframes iphone-scan-pass{0%,10%{transform:translateY(-42px);opacity:0}18%{opacity:1}82%{transform:translateY(170px);opacity:1}92%,to{transform:translateY(170px);opacity:0}}html.dark .iphone-scan-outline{background:#202730;border-color:#8298b0;box-shadow:inset 0 0 0 5px #192029;color:#f5f5f7}html.dark .iphone-scan-island{background:#090f17}html.dark .iphone-qr-slot{background:#28374770}html.dark .iphone-scan-hint{color:#a9b7c8}@media(max-width:600px){.platform-mini .platform-visual{padding:8px 18px 20px}.iphone-scan-outline{width:156px;border-radius:28px}.iphone-scan-outline:before{top:78px;height:34px}.iphone-scan-outline:after{top:94px;height:46px}.iphone-scan-demo{padding:0;gap:8px}.iphone-scan-content{inset:54px 14px 44px;gap:14px}}@media(prefers-reduced-motion:reduce){.iphone-scan-light{animation:none;display:none}}