.intro3d{position:fixed;inset:0;z-index:95;background:radial-gradient(circle at 50% 45%,#214b2b,#08160d 68%);color:#fff;display:none;overflow:hidden;perspective:1200px}.intro3d.show{display:block}.skip-intro{position:absolute;right:24px;top:22px;border:1px solid #ffffff44;background:#ffffff14;color:#fff;border-radius:24px;padding:10px 15px;z-index:5;cursor:pointer}.skip-ma{display:none}.scene-title{text-align:center;padding-top:5vh;position:relative;z-index:2}.scene-title small{color:#5df18e;letter-spacing:3px;font-size:9px}.scene-title h1{font-size:clamp(25px,4vw,48px);margin:10px 0 5px}.scene-title p{font-size:12px;color:#b9d7c0}.scene{position:absolute;left:50%;top:52%;width:min(850px,96vw);height:430px;transform:translate(-50%,-50%);transform-style:preserve-3d}.person{position:absolute;left:4%;bottom:30px;width:190px;height:310px;filter:drop-shadow(0 25px 18px #0007)}.person i{position:absolute;display:block}.head{width:75px;height:88px;border-radius:46% 46% 42% 42%;background:linear-gradient(135deg,#b87545,#7a4129);left:57px;top:0;box-shadow:inset -12px -6px #643522}.body{width:150px;height:210px;border-radius:52px 52px 22px 22px;background:linear-gradient(130deg,#304d87,#152950);left:20px;top:80px;transform:skewX(-3deg)}.arm{width:150px;height:42px;border-radius:30px;background:linear-gradient(90deg,#29477d 0 55%,#a9653e 56%);left:105px;top:130px;transform-origin:left;animation:armScan 7s ease-in-out forwards}.table3d{position:absolute;left:36%;bottom:26px;width:300px;height:210px;transform:rotateX(58deg) rotateZ(-4deg);transform-style:preserve-3d}.top3d{position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#f4ecdc,#cba876);border:13px solid #8b5a34;box-shadow:0 35px 45px #0008;transform:translateZ(30px)}.leg{width:24px;height:125px;background:#70452b;bottom:-100px;position:absolute}.l1{left:25px}.l2{right:25px}.qr-stand{position:absolute;width:105px;height:145px;background:#fff;color:#18221a;border-radius:9px;left:95px;top:14px;padding:8px;text-align:center;transform:rotateX(-58deg) translateZ(70px);box-shadow:0 15px 25px #0005}.qr-stand b{font-size:9px}.qr-pattern{display:block;width:76px;height:76px;margin:8px auto;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/10px 10px}.qr-stand small{font-size:7px}.phone3d{position:absolute;left:22%;top:125px;width:145px;height:275px;border:8px solid #0a0d11;border-radius:24px;background:#111;transform:rotateY(-16deg) rotateZ(-10deg) translateZ(120px) scale(.25);opacity:0;animation:phoneOut 7s cubic-bezier(.2,.8,.2,1) forwards;box-shadow:0 28px 45px #0009;z-index:4}.speaker{width:38px;height:4px;background:#30343a;border-radius:5px;margin:6px auto}.phone-screen{position:absolute;inset:14px 7px 7px;border-radius:14px;background:#07170d;overflow:hidden}.scanner-ui{position:absolute;inset:0;text-align:center;padding:15px 10px;animation:scannerHide .5s 5.1s forwards}.scanner-ui>span{font-size:9px}.scan-frame{width:98px;height:98px;border:2px solid #43ef7e;border-radius:10px;margin:23px auto 12px;position:relative;display:grid;place-items:center}.scan-frame .qr-pattern{width:72px;height:72px}.scan-frame b{position:absolute;left:5px;right:5px;top:9px;height:2px;background:#55ff8d;box-shadow:0 0 12px #55ff8d;animation:phoneScan 1.3s 3s infinite alternate}.scanner-ui em{font-style:normal;font-size:7px;color:#8db899}.detected{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;background:#123b1e;animation:detectedIn .4s 4.6s forwards}.detected:first-letter{font-size:35px}.detected b{font-size:12px;margin-top:7px}.detected small{font-size:7px;color:#a6d9b2;margin-top:5px}.phone-menu{position:absolute;inset:0;background:#fff;color:#172019;padding:10px;opacity:0;animation:menuIn .5s 5.35s forwards}.phone-menu header{background:#276531;color:#fff;margin:-10px -10px 12px;padding:12px 7px;display:flex;gap:6px;align-items:center;font-size:8px}.phone-menu header i{width:22px;height:22px;border-radius:50%;background:#ffbb1f;color:#276531;display:grid;place-items:center;font-style:normal}.phone-menu>strong{display:block;background:#276531;color:#fff;border-radius:5px;padding:7px;font-size:8px}.phone-menu p{font-size:7px;padding:8px 3px}.phone-menu p b{float:right;color:#e99000}.phone-menu button{width:100%;border:0;background:#276531;color:#fff;border-radius:5px;padding:7px;font-size:8px}.scan-beam{position:absolute;left:46%;top:165px;width:250px;height:2px;background:linear-gradient(90deg,#46f27d,transparent);box-shadow:0 0 15px #46f27d;transform:rotate(10deg);opacity:0;animation:beam 1.8s 3s ease-in-out forwards}.intro-progress{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:min(560px,86vw);text-align:center}.intro-progress:before{content:"";display:block;height:3px;background:#ffffff22;border-radius:5px}.intro-progress i{position:absolute;left:0;top:0;height:3px;background:#49ee80;border-radius:5px;animation:progress 7s linear forwards}.intro-progress span{display:block;font-size:10px;color:#bdd3c2;margin-top:12px}@keyframes armScan{0%,15%{transform:rotate(10deg)}35%,80%{transform:rotate(-18deg)}100%{transform:rotate(5deg)}}@keyframes phoneOut{0%,12%{opacity:0;transform:rotateY(-30deg) rotateZ(-30deg) translate(-50px,100px) scale(.25)}35%,78%{opacity:1;transform:rotateY(-5deg) rotateZ(-6deg) translate(35px,-15px) scale(1)}100%{opacity:1;transform:rotateY(0) rotateZ(0) translate(185px,-45px) scale(1.25)}}@keyframes phoneScan{to{top:84px}}@keyframes beam{0%{opacity:0}30%,70%{opacity:1}100%{opacity:0}}@keyframes scannerHide{to{opacity:0}}@keyframes detectedIn{0%{opacity:0}20%,75%{opacity:1}100%{opacity:0}}@keyframes menuIn{to{opacity:1}}@keyframes progress{to{width:100%}}@media(max-width:620px){.scene-title{padding-top:8vh}.person{left:-70px;transform:scale(.8)}.table3d{left:35%;transform:rotateX(58deg) rotateZ(-4deg) scale(.7)}.phone3d{left:22%}.skip-intro{right:12px;top:12px;font-size:10px}.scene{top:55%}}@media(prefers-reduced-motion:reduce){.intro3d *{animation-duration:.01ms!important}}