/* Local concept: keeps the current storefront below a new dimensional hero. */
body.mg-storefront{background-image:radial-gradient(ellipse 700px 520px at 74% 280px,rgba(109,43,190,.12),transparent 72%),radial-gradient(ellipse 800px 500px at 10% 80px,rgba(88,39,145,.09),transparent 75%)!important;background-attachment:scroll!important}
body.mg-storefront::before,body.mg-storefront::after{display:none!important}
.mg-storefront .premium-loader{display:none!important}
.preview-strip{position:relative;z-index:60;display:flex;justify-content:center;align-items:center;gap:9px;min-height:34px;padding:6px 16px;background:#171021;border-bottom:1px solid #30233f;font:12px/1.5 Arial,sans-serif;color:#cdbfdf;letter-spacing:.015em}
.preview-strip strong{color:#f4eaff;font-weight:600}.preview-strip i{height:4px;width:4px;border-radius:50%;background:#ae7ae2}.preview-strip a{color:#e0c8ff;text-decoration:underline;text-underline-offset:3px;margin-left:12px}
.mg-storefront .home-hero.home-hero-compact{overflow:visible;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:30px!important;padding-top:60px!important;padding-bottom:40px!important;min-height:570px!important;isolation:isolate;border-radius:0}
.mg-storefront .home-hero::before,.mg-storefront .home-hero::after{display:none!important}
.mg-storefront .home-hero-copy{animation:none!important}
.mg-storefront .home-hero-copy h1{font-size:clamp(36px,3.7vw,64px)!important;line-height:1.13!important;letter-spacing:-.045em!important;margin:20px 0 22px!important;text-wrap:initial}
.mg-storefront .home-hero-copy .hero-heading-line{white-space:nowrap!important;overflow-wrap:normal!important}
.mg-storefront .home-hero-copy .grad{background:linear-gradient(105deg,#e5caff 0%,#b475ff 65%,#8852d8 100%);background-clip:text;-webkit-text-fill-color:transparent}
.mg-kicker{font:600 11px/1.5 Arial,sans-serif;color:#c9a3ed;letter-spacing:.22em;display:flex;align-items:center;gap:10px}
.mg-kicker::before{content:"";display:block;width:20px;height:1px;background:#ba80f3}
.mg-storefront .home-hero-copy .lead{font-size:19px!important;line-height:1.65!important;color:#b8b0c8;max-width:470px;margin-bottom:27px}
.mg-storefront .home-hero-copy .cta{gap:12px;flex-wrap:wrap}
.mg-storefront .home-hero-copy .btn{border-radius:12px;min-height:50px;padding:13px 23px;box-shadow:none;font-size:17px}
.mg-storefront .home-hero-copy .btn.primary{background:linear-gradient(115deg,#a74cf2,#7737d0);border:1px solid #bc75fb;box-shadow:0 7px 28px #8e3de726}
.mg-storefront .home-hero-copy .btn.ghost{background:#ffffff05;border:1px solid #ffffff24}
.mg-storefront .home-benefits{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 20px;color:#a9a0ba;font-size:14px}
.mg-storefront .home-benefits span{display:flex;align-items:center;gap:7px}
.mg-storefront .home-benefits svg{width:15px;height:15px;color:#bd90e9;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mg-stage{--mg-tilt-x:0deg;--mg-tilt-y:0deg;position:relative;width:100%;height:500px;display:grid;place-items:center;perspective:1100px;isolation:isolate;touch-action:pan-y}
.mg-stage::before{content:"";position:absolute;width:110%;height:100%;top:-8%;left:-5%;background:radial-gradient(ellipse at center,#9e42f51a 0%,#7927c00c 39%,transparent 68%);pointer-events:none}
.mg-aura{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#9b42eb1a,transparent 66%);filter:blur(14px);animation:mg-aura 8s ease-in-out infinite}
.mg-orbit{position:absolute;width:94%;height:32%;border:1px solid #b57cf321;border-radius:50%;transform:rotate(-23deg);top:35%;pointer-events:none}
.mg-orbit::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#e5c5ff;box-shadow:0 0 12px #bb6bff;top:25%;right:5%}
.mg-orbit--back{width:85%;height:58%;transform:rotate(36deg);border-color:#a161d912;top:19%}
.mg-orbit--back::after{width:3px;height:3px;background:#9660cc;left:6%;top:23%;right:auto}
.mg-float{position:relative;width:clamp(270px,26vw,380px);aspect-ratio:1;transform-style:preserve-3d;animation:mg-float 7s ease-in-out infinite;z-index:2;margin-top:-22px}
.mg-coin{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--mg-tilt-x))) rotateY(calc(-17deg + var(--mg-tilt-y))) rotateZ(-7deg)}
.mg-depth{position:absolute;inset:0;border-radius:50%;transform:translateZ(var(--depth));background:linear-gradient(135deg,#ab8fc9 0%,#3c284e 17%,#15101f 36%,#301a42 69%,#9b69c8 87%,#35213d 100%);border:1px solid #a06ad732;backface-visibility:hidden}
.mg-face{position:absolute;inset:0;transform:translateZ(24px);border-radius:50%;background:#090611;overflow:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #d4afff24,0 0 32px #9e43f017}
.mg-face img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;border-radius:50%}
.mg-face::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(123deg,#fff1 0%,#fff0 25%,#fff0 62%,#c273ff09 100%);pointer-events:none;box-shadow:inset 2px 2px 2px #ffffff14,inset -2px -2px 4px #0008}
.mg-front-rim{position:absolute;inset:6%;border-radius:50%;transform:translateZ(25px);border:1px solid #b58ada38;box-shadow:0 0 15px #a236ef22;pointer-events:none;backface-visibility:hidden}
.mg-shadow{position:absolute;width:54%;height:26px;border-radius:50%;bottom:70px;background:#7e30c32e;filter:blur(15px);animation:mg-shadow 7s ease-in-out infinite}
.mg-floor{position:absolute;bottom:64px;left:19%;width:62%;height:24px;border-radius:50%;border:1px solid #af68e710;background:radial-gradient(ellipse,#a651f00d,transparent 65%)}
.mg-caption{position:absolute;bottom:20px;text-align:center;pointer-events:none;display:grid;gap:7px}
.mg-caption strong{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.34em;color:#d1b6e6}
.mg-caption span{font:10px/1.5 Arial,sans-serif;letter-spacing:.22em;color:#8d7a9f;text-transform:uppercase}



.mg-stage.is-still *,.mg-stage.is-outside *{animation-play-state:paused!important}
.mg-stage.is-still .mg-coin{transform:rotateX(8deg) rotateY(-17deg) rotateZ(-7deg)}
.mg-storefront .home-top-sellers{padding-top:14px!important}
.preview-toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;border:1px solid #9762c9;background:#21152e;color:#f4e8ff;border-radius:12px;box-shadow:0 15px 50px #0009;font:14px/1.5 Arial,sans-serif}.preview-toast[hidden]{display:none}
@keyframes mg-float{0%,100%{transform:translateY(7px) rotateZ(-1deg)}50%{transform:translateY(-11px) rotateZ(1.5deg)}}
@keyframes mg-shadow{0%,100%{transform:scaleX(1.02);opacity:.6}50%{transform:scaleX(.8);opacity:.3}}
@keyframes mg-aura{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:1500px){.mg-storefront .home-hero.home-hero-compact{min-height:640px!important;padding-top:70px!important;padding-bottom:55px!important;gap:55px!important}.mg-stage{height:540px}.mg-float{width:410px}.mg-storefront .home-hero-copy h1{font-size:64px!important}.mg-storefront .home-hero-copy .lead{font-size:21px!important;max-width:540px}}
@media(max-width:980px){.mg-storefront .home-hero.home-hero-compact{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)!important;gap:12px!important;padding-top:44px!important;min-height:500px!important}.mg-stage{height:390px}.mg-float{width:270px}.mg-storefront .home-hero-copy h1{font-size:clamp(29px,3.8vw,40px)!important}.mg-storefront .home-hero-copy .lead{font-size:17px!important}.mg-caption{bottom:6px}.mg-caption span{letter-spacing:.12em}.mg-shadow{bottom:55px}.mg-floor{bottom:50px}}
@media(max-width:680px){.preview-strip{font-size:10px;gap:6px}.preview-strip a{margin-left:4px}.mg-storefront .home-hero.home-hero-compact{grid-template-columns:1fr!important;gap:8px!important;padding-top:35px!important;padding-bottom:18px!important;min-height:0!important}.mg-storefront .home-hero-copy h1{font-size:clamp(29px,7.5vw,47px)!important;margin-top:15px!important;margin-bottom:17px!important;line-height:1.18!important}.mg-storefront .home-hero-copy .lead{font-size:17px!important;line-height:1.5!important;margin-bottom:22px;max-width:450px}.mg-kicker{font-size:9px;letter-spacing:.18em}.mg-storefront .home-hero-copy .cta{display:flex!important;flex-direction:row!important;gap:10px}.mg-storefront .home-hero-copy .btn{font-size:15px;padding:12px 13px;min-height:47px;width:auto!important;flex:1!important}.mg-storefront .home-benefits{font-size:12px;gap:9px 15px;margin-top:20px}.mg-stage{height:330px;max-width:420px;justify-self:center}.mg-float{width:245px;margin-top:-8px}.mg-orbit{width:90%}.mg-shadow{bottom:47px}.mg-floor{bottom:43px}.mg-caption{bottom:0;gap:4px}.mg-caption strong{font-size:9px;letter-spacing:.3em}.mg-caption span{font-size:8px}.mg-storefront .home-top-sellers{padding-top:20px!important}}
@media(prefers-reduced-motion:reduce){.mg-stage *{animation:none!important;transition:none!important}.mg-coin{transform:rotateX(8deg) rotateY(-17deg) rotateZ(-7deg)!important}.mg-storefront *{scroll-behavior:auto!important}}

/* V2: deeper machined edge, a raised face and slow changes of perspective. */
.mg-stage{perspective:1250px}
.mg-coin{transform:rotateX(calc(10deg + var(--mg-tilt-x))) rotateY(calc(-25deg + var(--mg-tilt-y))) rotateZ(-8deg);animation:mg-turn 11s ease-in-out infinite}
.mg-depth{background:linear-gradient(135deg,#b8a3c9 0%,#62516f 12%,#211a2b 26%,#17111f 50%,#604274 77%,#b293cb 88%,#3b2b49 100%);border:1px solid #a383bd45;box-shadow:inset 0 0 2px #ede0ff22}
.mg-depth:nth-child(3n){background:linear-gradient(135deg,#84718f,#2b2036 30%,#140e1c 60%,#8d65ab 88%,#30213f);border-color:#170d24}
.mg-face{inset:1%;transform:translateZ(48px);box-shadow:inset 0 0 0 1px #dbb6ff45,0 0 40px #8133ba15;background:#08050e}
.mg-face::after{background:linear-gradient(120deg,#ffffff0d,transparent 25%,transparent 65%,#a469d50a);box-shadow:inset 3px 3px 8px #ffffff0a,inset -5px -5px 12px #0009}
.mg-front-rim{inset:0;transform:translateZ(49px);border:0;padding:3px;background:conic-gradient(from 135deg,#412e55,#c1a5dc 16%,#675171 27%,#281a37 40%,#8e739f 60%,#e1cced 69%,#473151 80%,#422a56);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:none}
.mg-rear-rim{position:absolute;inset:0;border-radius:50%;transform:translateZ(-1px);border:2px solid #8d6ca47a;box-shadow:0 0 22px #43185730;backface-visibility:hidden}
.mg-bevel{position:absolute;inset:1.4%;border-radius:50%;transform:translateZ(50px);border:1px solid #c29ade32;box-shadow:inset 1px 1px 2px #fff1,0 0 5px #050208;backface-visibility:hidden;pointer-events:none}
.mg-specular{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 30%,#e7caff00 39%,#ead5ff12 47%,#ffffff17 49%,#e6c4ff05 52%,transparent 63%);transform:translateX(-45%);animation:mg-specular 11s ease-in-out infinite;pointer-events:none}
.mg-shadow{width:60%;height:30px;background:#5e288d38;filter:blur(17px)}
.mg-floor{width:66%;left:17%;height:22px;bottom:62px;border-color:#bb84df0b}
@keyframes mg-turn{0%,100%{transform:rotateX(calc(10deg + var(--mg-tilt-x))) rotateY(calc(-25deg + var(--mg-tilt-y))) rotateZ(-8deg)}50%{transform:rotateX(calc(6deg + var(--mg-tilt-x))) rotateY(calc(-12deg + var(--mg-tilt-y))) rotateZ(-5deg)}}
@keyframes mg-specular{0%,100%{transform:translateX(-45%);opacity:.25}50%{transform:translateX(40%);opacity:.65}}
@media(max-width:680px){.mg-stage{height:340px}.mg-float{width:250px}.mg-depth{transform:translateZ(calc(var(--depth)*.75))}.mg-face{transform:translateZ(36px)}.mg-front-rim{transform:translateZ(37px)}.mg-bevel{transform:translateZ(38px)}.mg-floor{bottom:40px}}
@media(prefers-reduced-motion:reduce){.mg-coin{transform:rotateX(8deg) rotateY(-22deg) rotateZ(-7deg)!important}.mg-specular{transform:translateX(-15%)}}

/* Pointer tilt lives outside the idle rotation so both motions stay independent. */
.mg-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(0deg) rotateY(0deg)}
.mg-coin{transform:rotateX(10deg) rotateY(-25deg) rotateZ(-8deg)}
@keyframes mg-turn{0%,100%{transform:rotateX(10deg) rotateY(-25deg) rotateZ(-8deg)}50%{transform:rotateX(6deg) rotateY(-12deg) rotateZ(-5deg)}}
.mg-storefront .home-hero-copy .mg-kicker{text-transform:uppercase}
.mg-caption{bottom:51px}
.mg-caption strong{letter-spacing:.12em;font-size:12px;line-height:1.5}
@media(hover:hover) and (pointer:fine){.mg-tilt{will-change:transform}}
@media(min-width:1500px){.mg-caption{bottom:40px}}
@media(min-width:681px) and (max-width:980px){.mg-caption{bottom:27px}}
@media(max-width:680px){.mg-caption{bottom:8px}.mg-caption strong{font-size:10px;letter-spacing:.12em}}