.tap-wrap{height:320vh;position:relative}.tap-stage{flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,4vh,52px);min-height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.tap-scene{justify-content:center;align-items:center;width:min(820px,94vw);height:min(58vh,470px);display:flex;position:relative}.tap-card{aspect-ratio:1586/1000;border-radius:var(--radius-block);width:clamp(150px,24vw,220px);box-shadow:var(--shadow-ramp);z-index:2;background:linear-gradient(118deg,#1c1022,#0d0412 68%);border:1px solid #f6f6f629;flex-direction:column;justify-content:space-between;padding:7% 8%;display:flex;position:absolute;top:50%;left:12%;transform:translateY(-50%)rotate(-8deg)}.tap-card b{color:#ded3e4;letter-spacing:.01em;font-size:clamp(.62rem,1.1vw,.8rem);font-weight:700}.tap-phone{aspect-ratio:9/18.6;border:1px solid var(--color-line);width:auto;height:96%;box-shadow:var(--shadow-ramp);z-index:3;background:#150a1b;border-radius:30px;padding:9px;position:absolute;top:50%;right:6%;transform:translateY(-50%)}.tap-phone:before{content:"";background:#0a030d;border-radius:999px;width:34%;height:9px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.tap-screenport{background:#1b0c22;border-radius:22px;position:absolute;inset:9px;overflow:hidden}.tap-mini{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:26% 12% 12%;display:flex;position:absolute;inset:0;transform:translateY(105%)}.tap-mini img{aspect-ratio:1;object-fit:cover;border:2px solid #f6f6f633;border-radius:50%;width:44%}.tap-mini b{font-size:.82rem}.tap-mini small{color:var(--color-ink2);font-size:.62rem}.tap-mini .mini-btn{background:var(--color-ink);color:var(--color-cta-ink);border-radius:999px;margin-top:6px;padding:.5em 1.2em;font-size:.6rem;font-weight:700}.tap-waves{pointer-events:none;width:120px;height:120px;position:absolute;top:50%;left:-32%;transform:translate(-50%,-50%)}.tap-waves circle{fill:none;stroke:var(--color-accent);stroke-width:2px;opacity:0}.tap-caps{justify-content:center;gap:clamp(18px,4vw,54px);display:flex}.tap-caps span{color:var(--color-ink2);opacity:.4;transition:opacity .3s var(--ease-out), color .3s var(--ease-out);font-size:.95rem}.tap-caps span[data-on=true]{opacity:1;color:var(--color-ink)}.tap-static .tap-wrap{height:auto}.tap-static .tap-card{left:41%;transform:translateY(-50%)rotate(4deg)}.tap-static .tap-mini{transform:none}.tap-static .tap-waves circle{opacity:.35}.tap-static .tap-caps span{opacity:1;color:var(--color-ink)}@media (max-width:860px){.tap-scene{height:min(48vh,420px)}.tap-card{left:6%}.tap-phone{right:2%}.tap-static .tap-card{left:30%}}