/* YONODUNIYA 3D Depth Layer 2026 - transform/opacity only, no libraries, ~2KB */
.d3 .hero-3d-shell{touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.d3 .hero-3d-stage{transition:transform .12s linear;will-change:transform}
.d3 .hero-float-card{translate:calc(var(--px,0px)*-1.8) calc(var(--py,0px)*-1.8)}
.d3 .hero-core-card{translate:calc(var(--px,0px)*.9) calc(var(--py,0px)*.9)}
.d3-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(120,255,171,.22),transparent 55%)}
.d3-active .d3-glare{opacity:1}
.d3-tiltbtn{display:none;margin:10px auto 0;padding:8px 14px;border:1px solid rgba(120,255,171,.4);border-radius:999px;
  background:rgba(6,44,36,.8);color:#effff6;font:600 13px/1 system-ui,sans-serif}
.d3-needs-perm .d3-tiltbtn{display:block}
/* scroll-reveal: cards rise out of the screen in 3D */
.d3 .d3-reveal{opacity:0;transform:perspective(800px) translate3d(0,26px,-60px) rotateX(14deg);
  transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.d3 .d3-reveal.d3-in{opacity:1;transform:perspective(800px) translate3d(0,0,0) rotateX(0)}
/* touch press = card tilts toward finger */
.d3 .app-card,.d3 .feature-card,.d3 .withdrawal-card{transform-style:preserve-3d}
.d3 .d3-press{transform:perspective(700px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) scale(.985);transition:transform .08s linear}
@media (prefers-reduced-motion:reduce){
  .d3 .d3-reveal{opacity:1;transform:none;transition:none}
  .d3 .hero-3d-stage{transition:none}
}