.product-card{transition:filter .35s}.pc1{animation:cardFloat 5s ease-in-out infinite}.pc2{animation:cardFloatLeft 6s ease-in-out infinite}.pc3{animation:cardFloatRight 5.5s ease-in-out infinite}.stage:hover .product-card:not(:hover){filter:brightness(.45) blur(1px)}.product-card:hover{animation-play-state:paused!important;z-index:8;filter:brightness(1.05)!important}@keyframes cardFloat{50%{transform:rotate(4deg) translateY(-18px)}}@keyframes cardFloatLeft{50%{transform:rotate(-10deg) translateY(-12px)}}@keyframes cardFloatRight{50%{transform:rotate(12deg) translateY(-15px)}}
.item{perspective:900px}.item img{transition:.65s cubic-bezier(.2,.8,.2,1)!important}.item:hover img{transform:scale(1.04) rotateY(12deg) rotateX(-5deg)!important}
.tap-demo{padding:100px 6vw;background:radial-gradient(circle at 70% 50%,#3b4140 0,#101212 35%,#050505 70%);overflow:hidden}.demo-head{text-align:center;max-width:720px;margin:0 auto 55px}.demo-head small{letter-spacing:.18em;color:#aaa}.demo-head h2{font-size:clamp(38px,5vw,62px);letter-spacing:-3px;margin:12px 0}.demo-head p{color:#aaa;line-height:1.6}.demo-stage{max-width:1160px;min-height:590px;margin:auto;display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center}.deck{display:grid;grid-template-columns:repeat(2,210px);gap:25px;justify-content:center;perspective:1200px}.tap-card{position:relative;aspect-ratio:1;border:1px solid #ffffff42;border-radius:21px;overflow:hidden;background:#111;box-shadow:0 22px 45px #0008;cursor:pointer;transition:.7s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.tap-card:nth-child(1){transform:rotate(-7deg)}.tap-card:nth-child(2){transform:rotate(6deg) translateY(22px)}.tap-card:nth-child(3){transform:rotate(5deg)}.tap-card:nth-child(4){transform:rotate(-6deg) translateY(18px)}.tap-card img{width:100%;height:100%;object-fit:cover}.tap-card:hover,.tap-card.active{transform:rotateY(22deg) rotateX(7deg) translateY(-20px) scale(1.07);box-shadow:-28px 38px 70px #000c,0 0 0 2px #fff}.tap-card:after{content:'YAKLAŞTIR';position:absolute;left:50%;bottom:11px;transform:translateX(-50%);padding:6px 10px;border-radius:99px;background:#000b;color:#fff;font-size:8px;letter-spacing:.14em;opacity:0;transition:.3s}.tap-card:hover:after,.tap-card.active:after{opacity:1}.phone-wrap{position:relative;display:grid;place-items:center}.pulse{position:absolute;width:440px;height:440px;border:1px solid #ffffff26;border-radius:50%;animation:pulse 2.2s ease-out infinite}.pulse.p2{animation-delay:1.1s}@keyframes pulse{0%{transform:scale(.65);opacity:0}35%{opacity:1}100%{transform:scale(1.2);opacity:0}}.phone{position:relative;width:285px;height:570px;border:8px solid #272727;border-radius:48px;padding:10px;background:#050505;box-shadow:0 45px 90px #000;z-index:2;transition:.35s}.phone.flash{transform:scale(1.025);box-shadow:0 45px 90px #000,0 0 50px var(--glow,#4285f4)}.phone:before{content:'';position:absolute;z-index:5;top:16px;left:50%;transform:translateX(-50%);width:88px;height:23px;border-radius:20px;background:#050505}.screen{height:100%;border-radius:34px;overflow:hidden;background:#f6f6f6;color:#111}.screen-top{height:38%;padding:65px 22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--app,#1769e0);color:#fff;transition:.35s}.screen-icon{width:74px;height:74px;border-radius:23px;background:#fff;color:#1769e0;display:grid;place-items:center;font-size:34px;font-weight:900;margin-bottom:16px}.screen-top h3{font-size:19px;margin:0}.screen-body{padding:24px 20px}.screen-body h4{font-size:18px;margin:0 0 6px}.screen-body p{font-size:12px;color:#777;line-height:1.5}.screen-action{width:100%;padding:13px;border:0;border-radius:11px;color:#fff;font-weight:800;margin-top:12px}.stars{color:#fbbc04;font-size:29px;letter-spacing:3px}.phone-label{position:absolute;right:-48px;top:80px;padding:10px 14px;border-radius:99px;background:#fff;color:#111;font-size:10px;font-weight:800;z-index:4}.demo-tip{text-align:center;color:#aaa;font-size:11px;margin-top:25px;letter-spacing:.06em}@media(max-width:900px){.demo-stage{grid-template-columns:1fr;gap:60px}.phone-wrap{order:-1}.deck{grid-template-columns:repeat(4,150px)}}@media(max-width:680px){.tap-demo{padding:70px 20px}.deck{grid-template-columns:repeat(2,145px);gap:16px}.phone{width:245px;height:490px}.pulse{width:330px;height:330px}.phone-label{right:-25px}.demo-stage{gap:45px}}