/* Shared demo composition. Background, phone and badges remain separate objects. */
.me-demo-scene{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;max-width:660px;min-height:730px;height:auto;margin:0 auto;transform:none;overflow:visible}
.me-demo-scene:before{display:none}
.me-demo-scene .demo-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.me-demo-scene .demo-glow{position:absolute;inset:8% 0;background:radial-gradient(ellipse,#17100d 0,#0a0807 52%,transparent 73%)}
.me-demo-scene .orbit{position:absolute;left:50%;top:47%;border:1px solid rgba(222,159,127,.22);border-radius:50%;pointer-events:none}
.me-demo-scene .orbit-one{width:95%;height:38%;transform:translate(-50%,-50%) rotate(-22deg)}
.me-demo-scene .orbit-two{width:90%;height:55%;transform:translate(-50%,-50%) rotate(55deg)}
.me-demo-scene .phone-device{position:relative;z-index:2;width:267px;max-width:76vw;aspect-ratio:409/814;margin:80px auto 118px;grid-area:1/1;filter:drop-shadow(0 30px 65px #d897771f)}
.me-demo-scene .home-demo-tools{position:absolute;top:auto;bottom:40px;left:50%;transform:translateX(-50%);width:290px;max-width:100%;text-align:center;z-index:4;display:grid;gap:8px;color:#b8aaa2;font:500 10px/1.4 Montserrat,Arial,sans-serif}
.me-demo-scene .home-demo-tools a{justify-self:center;color:#f0b393;padding:8px 15px;border:1px solid #705044;border-radius:20px;background:#100c0a;font-size:11px}
.me-demo-scene .float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px 12px 11px;border-radius:13px;background:rgba(15,13,12,.94);color:#f4efeb;border:1px solid #392d27;box-shadow:0 15px 35px #0008;pointer-events:auto}
.me-demo-scene .float-card img{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.me-demo-scene .float-card div{display:flex;flex-direction:column;gap:3px}
.me-demo-scene .float-card small{font:400 6px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.12em;color:#bd9d8b}
.me-demo-scene .float-card strong{font:700 9px/1.4 Montserrat,Arial,sans-serif;color:#f4efeb}
.me-demo-scene .float-credit{left:1%;top:10px;bottom:auto;right:auto}
.me-demo-scene .float-pay{right:0;bottom:128px;top:auto;left:auto}
.me-demo-scene .visual-caption{position:absolute;bottom:6px;z-index:1}
@media(max-width:600px){
 .me-demo-scene{min-height:0;grid-template-columns:1fr;gap:16px;padding:12px 0 32px;overflow:hidden}
 .me-demo-scene .float-card{position:relative;inset:auto;max-width:100%;grid-column:1}
 .me-demo-scene .float-credit{grid-row:1;justify-self:start;margin-left:8px}
 .me-demo-scene .phone-device{grid-area:2/1;margin:0 auto}
 .me-demo-scene .float-pay{grid-row:3;justify-self:end;margin-right:8px}
 .me-demo-scene .home-demo-tools{position:relative;inset:auto;transform:none;grid-row:4;grid-column:1}
 .me-demo-scene .visual-caption{bottom:0;font-size:6px}
}