.scene-experience{position:absolute;z-index:3;right:6.5%;top:50%;width:min(31vw,480px);height:520px;transform:translateY(-47%);perspective:1200px;isolation:isolate}.scene-kicker{position:absolute;top:0;right:10%;display:flex;align-items:center;gap:8px;color:#d8e8ff;font-size:10px;font-weight:700;letter-spacing:.15em}.scene-kicker span{width:7px;height:7px;border-radius:50%;background:#78e1ff;box-shadow:0 0 13px #78e1ff}.scene-main-card{position:absolute;right:4%;top:55px;width:min(27vw,365px);min-height:350px;padding:31px;border:1px solid #d8e8ff55;border-radius:27px;background:linear-gradient(145deg,#e0e6ff2b,#20264fbe 55%,#28144fae);box-shadow:inset 1px 1px #fff4,inset -3px -3px 11px #050515aa,18px 22px 0 #08091c5e,0 35px 80px #02020eaa;backdrop-filter:blur(18px);transform:rotateY(-13deg) rotateX(5deg) rotateZ(3deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;overflow:hidden}.scene-main-card:before{content:'';position:absolute;width:160%;height:45%;left:-35%;top:-28%;background:linear-gradient(115deg,transparent 38%,#d1f1ff32 49%,transparent 58%);transform:rotate(12deg);animation:card-glass 8s ease-in-out infinite}.scene-main-card:after{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#0d0c2b99);pointer-events:none}.scene-main-card>*{position:relative;z-index:1}.scene-main-card small,.scene-float small{display:block;color:#b5c8ed;font-size:10px;letter-spacing:.13em}.scene-main-card strong{display:block;margin:50px 0 11px;font:500 clamp(38px,4vw,60px)/.89 'Space Grotesk',sans-serif;letter-spacing:-.065em;color:#f9f8ff}.scene-main-card p{margin:0;color:#d2d4ea;font-size:14px}.scene-main-card b{position:absolute;z-index:2;bottom:27px;left:31px;right:29px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#fff}.scene-main-card b i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #dce7ff88;border-radius:50%;font-style:normal;font-size:17px}.scene-main-card:hover{transform:rotateY(-3deg) rotateX(0) rotateZ(0) translateY(-12px);box-shadow:inset 1px 1px #fff5,inset -3px -3px 11px #050515aa,22px 34px 0 #08091c5e,0 42px 100px #02020ecc}.scene-float{position:absolute;z-index:2;display:flex;align-items:center;gap:13px;padding:14px 17px;border:1px solid #d9e6ff5c;border-radius:17px;background:#121a3dc9;box-shadow:inset 0 1px #ffffff33,9px 11px 0 #080b205c,0 20px 35px #0007;backdrop-filter:blur(16px);transition:transform .35s,background .35s}.scene-float>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#73e0ff,#7457ff);color:#151338;font-size:18px}.scene-float strong{display:block;font:600 17px 'Space Grotesk',sans-serif;letter-spacing:.04em}.float-live{left:-4%;top:146px;animation:float-live 6s ease-in-out infinite}.float-shop{right:-4%;bottom:58px;animation:float-shop 7s ease-in-out -2.5s infinite}.scene-float:hover{transform:translateY(-8px) scale(1.04)!important;background:#26336cd9}.scene-track{position:absolute;inset:55px -22px 0 0;z-index:-1;transform:rotate(-16deg)}.scene-track:before,.scene-track:after{content:'';position:absolute;border:1px solid #86cfff66;border-radius:50%;filter:drop-shadow(0 0 10px #7f64ff)}.scene-track:before{width:95%;height:47%;right:0;top:50px}.scene-track:after{width:77%;height:37%;right:7%;top:108px;border-color:#b787ff88}.scene-track i{position:absolute;width:7px;height:7px;border-radius:50%;background:#b4f2ff;box-shadow:0 0 15px 4px #59ccef}.scene-track i:nth-child(1){top:18%;right:9%;animation:orb 5s ease-in-out infinite}.scene-track i:nth-child(2){top:55%;right:78%;background:#e6c4ff;box-shadow:0 0 15px 4px #af64eb;animation:orb 7s ease-in-out -3s infinite}.scene-track i:nth-child(3){bottom:12%;right:8%;animation:orb 5.5s ease-in-out -1s infinite}.scene-progress{position:absolute;z-index:4;right:3%;bottom:33px;display:flex;align-items:center;gap:9px;color:#c9c8dc;font-size:10px;letter-spacing:.12em}.scene-progress i{display:block;width:56px;height:1px;background:#ffffff40}.hero.scene-active .scene-main-card{transform:rotateY(-8deg) rotateX(3deg) rotateZ(1deg) translateY(-9px)}@keyframes card-glass{0%,35%{transform:translateX(-44%) rotate(12deg)}70%,100%{transform:translateX(42%) rotate(12deg)}}@keyframes float-live{0%,100%{transform:translate3d(0,0,35px) rotate(-3deg)}50%{transform:translate3d(8px,-18px,55px) rotate(3deg)}}@keyframes float-shop{0%,100%{transform:translate3d(0,0,40px) rotate(4deg)}50%{transform:translate3d(-12px,-14px,65px) rotate(-3deg)}}@keyframes orb{50%{transform:translateY(-18px) scale(1.5);opacity:.55}}@media(max-width:1000px){.scene-experience{right:2%;width:42vw;opacity:.9}.scene-main-card{width:min(35vw,365px)}.scene-progress{right:4%}}@media(max-width:700px){.scene-experience{right:0;top:auto;bottom:60px;width:265px;height:230px;transform:none;opacity:.78}.scene-kicker,.scene-progress{display:none}.scene-main-card{right:7px;top:0;width:190px;min-height:198px;padding:19px;border-radius:20px;transform:rotateY(-10deg) rotateX(3deg) rotateZ(2deg)}.scene-main-card strong{margin:28px 0 7px;font-size:34px}.scene-main-card p{font-size:11px}.scene-main-card b{bottom:15px;left:19px;right:16px;font-size:10px}.scene-main-card b i{width:24px;height:24px;font-size:14px}.float-live{left:-13px;top:35px}.float-shop{right:-4px;bottom:-1px}.scene-float{gap:7px;padding:8px 10px;border-radius:12px}.scene-float>span{width:23px;height:23px;border-radius:7px;font-size:13px}.scene-float strong{font-size:12px}.scene-float small{font-size:7px}.scene-track{inset:0 -10px}.scene-track:before{top:20px}.scene-track:after{top:55px}.hero .intro{position:relative;z-index:5}.hero .bottom{z-index:5}}@media(prefers-reduced-motion:reduce){.scene-main-card:before,.float-live,.float-shop,.scene-track i{animation:none!important}.scene-main-card,.scene-float{transition:none!important}}
@media(max-width:700px){.scene-experience,.scene-progress{display:none}.hero .intro{position:relative;z-index:5;padding-bottom:155px;max-width:none}.hero .bottom{z-index:5;bottom:24px}.hero .actions{position:relative;z-index:2}.hero .photo{object-position:64% center}}