/* User-supplied Wallet screenshots. Presentation crop only; original pixels stay intact.
   Visible rectangle in each 1290 × 2796 source: x=56 y=225 w=1178 h=1658.
   The original files are local-preview-only, not approved production assets. */
.hero-real-cards { --fan-scale:1; height:475px; margin-top:34px; }
.hero-real-cards .card-fan { width:1200px; height:440px; top:19px; transform:translateX(-50%) scale(var(--fan-scale)); transform-origin:top center; }
.card-fan-inner { width:100%; height:100%; position:relative; transform:perspective(1200px) rotateX(var(--fan-tilt-x,0deg)) rotateY(var(--fan-tilt-y,0deg)); transition:transform .35s ease-out; }
.uploaded-card { --x:0px; --y:0px; --r:0deg; position:absolute; top:0; left:50%; width:246px; aspect-ratio:1178/1658; padding:0; margin:0; border:0; border-radius:10px; background:transparent; box-shadow:0 16px 35px #35241320,0 0 0 1px #31261c0a; transform:translate(calc(-50% + var(--x)),var(--y)) rotate(var(--r)); transition:transform .5s cubic-bezier(.2,.8,.25,1),box-shadow .4s; -webkit-user-select:none; user-select:none; touch-action:manipulation; cursor:pointer; }
.uploaded-card[data-card=matcha] { --x:-426px; --y:82px; --r:-20deg; z-index:1; }
.uploaded-card[data-card=salon] { --x:-294px; --y:46px; --r:-13deg; z-index:2; }
.uploaded-card[data-card=meshadeb] { --x:-151px; --y:17px; --r:-7deg; z-index:3; }
.uploaded-card[data-card=shari] { z-index:5; }
.uploaded-card[data-card=stack] { --x:151px; --y:17px; --r:7deg; z-index:4; }
.uploaded-card[data-card=kaliyh] { --x:294px; --y:46px; --r:13deg; z-index:2; }
.uploaded-card[data-card=mighsal] { --x:426px; --y:82px; --r:20deg; z-index:1; }
.card-crop { display:block; width:100%; height:100%; position:relative; overflow:hidden; border-radius:inherit; isolation:isolate; }
.card-crop>img { position:absolute; width:109.507640068%; max-width:none; height:auto; left:-4.753820034%; top:-13.570566948%; pointer-events:none; }
.uploaded-card:focus-visible { z-index:15; outline:3px solid var(--brand); outline-offset:5px; }
.uploaded-card[aria-pressed=true] { transform:translate(-50%,-10px) rotate(0deg) scale(1.07); z-index:15; box-shadow:0 22px 55px #30201533; }
.card-interaction-hint { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; gap:7px; font-size:11px; color:#807468; }
.card-interaction-hint .icon { width:15px; height:15px; }
.touch-hint { display:none; }
.hero-real-cards+.wallet-support { padding-top:18px; }
@media(hover:hover) and (pointer:fine) {
  .uploaded-card:not([aria-pressed=true]):hover { transform:translate(calc(-50% + var(--x)),calc(var(--y) - 23px)) rotate(var(--r)) scale(1.035); z-index:12; box-shadow:0 24px 48px #30201533; }
}
.motion-paused .card-fan-inner { transform:none; }
.motion-paused .uploaded-card { transition:none; }
.whatsapp-float { position:fixed; right:max(24px,env(safe-area-inset-right)); bottom:calc(24px + env(safe-area-inset-bottom,0px)); z-index:40; display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#25d366; color:white; border:1px solid #ffffffb3; box-shadow:0 5px 24px #128c7e35,0 0 0 5px #25d36612; transition:transform .2s,background .2s; }
.whatsapp-float>svg { width:33px; height:33px; }
.whatsapp-float:hover { transform:translateY(-3px); background:#1aba58; }
.whatsapp-label { position:absolute; white-space:nowrap; right:calc(100% + 12px); background:#173f2d; color:white; padding:8px 13px; border-radius:9px; font-size:12px; opacity:0; visibility:hidden; transform:translateX(4px); transition:opacity .2s,transform .2s; pointer-events:none; }
.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label { opacity:1; visibility:visible; transform:translateX(0); }
footer { padding-bottom:95px; }
@media(max-width:1100px) { .hero-real-cards { --fan-scale:.82; height:402px; } }
@media(max-width:900px) { .hero-real-cards { --fan-scale:.64; height:324px; } }
@media(max-width:600px) {
  .hero-real-cards { --fan-scale:.58; height:285px; margin-top:24px; }
  .hero-real-cards .card-fan { width:800px; top:18px; }
  .uploaded-card { width:228px; border-radius:9px; }
  .uploaded-card[data-card=matcha] { --x:-196px; --y:80px; --r:-19deg; }
  .uploaded-card[data-card=salon] { --x:-135px; --y:44px; --r:-13deg; }
  .uploaded-card[data-card=meshadeb] { --x:-71px; --y:16px; --r:-7deg; }
  .uploaded-card[data-card=stack] { --x:71px; --y:16px; --r:7deg; }
  .uploaded-card[data-card=kaliyh] { --x:135px; --y:44px; --r:13deg; }
  .uploaded-card[data-card=mighsal] { --x:196px; --y:80px; --r:19deg; }
  .card-interaction-hint { font-size:10px; bottom:4px; }
  .hero-real-cards+.wallet-support { padding-top:12px; }
  .whatsapp-float { width:53px; height:53px; right:max(16px,env(safe-area-inset-right)); bottom:calc(17px + env(safe-area-inset-bottom,0px)); }
  .whatsapp-float>svg { width:30px; height:30px; }
}
@media(max-width:374px) { .hero-real-cards { --fan-scale:.52; height:260px; } }
@media(hover:none),(pointer:coarse) { .pointer-hint { display:none; } .touch-hint { display:inline; } .whatsapp-label { display:none; } }
@media(prefers-reduced-motion:reduce) { .card-fan-inner { transform:none!important; } .uploaded-card,.whatsapp-float { transition:none!important; } }

/* Source images are sanitized card-only exports, not full screenshots. */
.hero-real-cards .card-crop img{width:100%;height:100%;left:0;top:0;object-fit:fill}