/* Mistersa Experience Builder 1.17.0 — 3D orbit hero (Mistersa Home 3D).
   Pure CSS 3D + a small script; no WebGL library, so it stays light on Iranian mobile networks. */
.m3d-hero{--m3d-orange:#ff8300;--m3d-ink:#17141d;--m3d-ivory:#fffaf3;--cw:212px;--r:330px;--step:calc(360deg / var(--m3d-n,5));position:relative;isolation:isolate;overflow:hidden;padding:0 0 34px;background:var(--m3d-ivory)}
.m3d-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.m3d-aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.m3d-aurora.is-a{width:620px;height:620px;left:-140px;top:-120px;background:radial-gradient(circle,rgba(255,131,0,.42),rgba(255,131,0,0) 68%);animation:m3d-drift 16s ease-in-out infinite alternate}
.m3d-aurora.is-b{width:520px;height:520px;left:24%;bottom:-260px;background:radial-gradient(circle,rgba(255,196,120,.5),rgba(255,196,120,0) 70%);animation:m3d-drift 20s ease-in-out infinite alternate-reverse}
.m3d-grid{position:absolute;left:-10%;right:-10%;bottom:-8%;height:46%;background-image:linear-gradient(rgba(23,20,29,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,20,29,.07) 1px,transparent 1px);background-size:46px 46px;transform:perspective(700px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 85%);mask-image:linear-gradient(to top,#000 10%,transparent 85%)}
@keyframes m3d-drift{to{transform:translate3d(60px,40px,0) scale(1.08)}}

.m3d-shell{position:relative;width:min(1460px,calc(100% - 34px));min-height:640px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);align-items:center;gap:30px;padding:18px 0 22px}
.m3d-copy{min-height:360px}
.m3d-hero .meh-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,131,0,.1);color:#d96c00;font-weight:850;font-size:13px}
.m3d-hero .meh-hero-copy-slide h1,.m3d-hero .meh-hero-copy-slide h2{color:var(--m3d-ink)}

/* Stage + scene */
.m3d-stage{position:relative;height:580px;perspective:1500px;perspective-origin:50% 38%;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.m3d-scene{--mx:0;--my:0;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(-15deg + var(--my) * -6deg)) rotateY(calc(var(--mx) * 10deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:m3d-float 7s ease-in-out infinite}
@keyframes m3d-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.m3d-ring{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}

/* Glossy brand core */
.m3d-core{position:absolute;left:50%;top:34%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;display:grid;place-items:center;transform:translateZ(0);background:radial-gradient(circle at 32% 26%,#fff 0,#fff 18%,#f6f0e8 46%,#e4d8ca 78%,#cdbba7 100%);box-shadow:inset -14px -18px 34px rgba(120,84,40,.22),inset 10px 12px 26px rgba(255,255,255,.95),0 30px 60px rgba(255,131,0,.22),0 0 0 10px rgba(255,255,255,.35),0 0 90px 10px rgba(255,131,0,.28)}
.m3d-core img{width:64%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 4px 6px rgba(23,20,29,.18))}
.m3d-core-gloss{position:absolute;left:18%;top:9%;width:52%;height:30%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0));filter:blur(1px);z-index:2;pointer-events:none}
.m3d-orbit{position:absolute;left:50%;top:46%;border-radius:50%;transform-style:preserve-3d;pointer-events:none}
.m3d-orbit.is-1{width:calc(var(--r) * 2.1);height:calc(var(--r) * 2.1);margin:calc(var(--r) * -1.05) 0 0 calc(var(--r) * -1.05);border:1.5px dashed rgba(255,131,0,.38);transform:rotateX(90deg);animation:m3d-spin 38s linear infinite}
.m3d-orbit.is-2{width:calc(var(--r) * 1.2);height:calc(var(--r) * 1.2);margin:calc(var(--r) * -.6) 0 0 calc(var(--r) * -.6);border:1px solid rgba(23,20,29,.1);transform:rotateX(78deg) rotateY(18deg);animation:m3d-spin2 26s linear infinite reverse}
@keyframes m3d-spin{to{transform:rotateX(90deg) rotateZ(360deg)}}
@keyframes m3d-spin2{to{transform:rotateX(78deg) rotateY(18deg) rotateZ(360deg)}}
.m3d-floor{position:absolute;left:50%;top:78%;width:calc(var(--r) * 2.2);height:90px;margin-left:calc(var(--r) * -1.1);border-radius:50%;background:radial-gradient(ellipse,rgba(23,20,29,.16),rgba(23,20,29,0) 70%);transform:rotateX(90deg) translateZ(-40px);pointer-events:none}

/* Cards */
.m3d-card{--vis:1;position:absolute;left:50%;top:46%;width:var(--cw);aspect-ratio:16/9;margin:calc(var(--cw) * -.28125) 0 0 calc(var(--cw) / -2);-webkit-user-drag:none;user-select:none;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * var(--step))) translateZ(var(--r)) rotateY(calc(-1 * (var(--i) * var(--step) + var(--ring,0deg))));text-decoration:none!important;color:inherit;outline:0;-webkit-tap-highlight-color:transparent}
.m3d-card-face{position:absolute;inset:0;display:block;overflow:visible;background:transparent;transform:translateZ(0) scale(calc(.6 + var(--vis) * .4));opacity:calc(.35 + var(--vis) * .65);filter:saturate(calc(.55 + var(--vis) * .45)) brightness(calc(.8 + var(--vis) * .2));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.m3d-card-face img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 22px 26px rgba(23,20,29,.2));transition:filter .35s ease}
.m3d-card-face:after{content:'';position:absolute;left:14%;right:14%;bottom:-10%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(23,20,29,.18),rgba(23,20,29,0) 70%);z-index:-1;transition:background .35s ease}
.m3d-card-empty{display:grid;place-items:center;width:100%;height:100%;font-size:64px;font-weight:950;color:var(--m3d-orange);background:linear-gradient(145deg,#fff,#fff3e4)}
.m3d-card-shine{display:none}
.m3d-card-label{position:absolute;right:18%;left:18%;bottom:-34px;padding:8px 12px;border-radius:14px;background:rgba(23,20,29,.62);color:#fff;font-size:13px;font-weight:850;line-height:1.6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}
.m3d-card.is-active .m3d-card-face img{filter:drop-shadow(0 26px 30px rgba(255,131,0,.28)) drop-shadow(0 0 22px rgba(255,170,80,.35))}
.m3d-card.is-active .m3d-card-face:after{background:radial-gradient(ellipse,rgba(255,131,0,.38),rgba(255,131,0,0) 70%)}
.m3d-card.is-active .m3d-card-label{opacity:1;transform:none}
@media(hover:hover){
 .m3d-card:hover .m3d-card-face{transform:translateZ(46px) scale(1.08)}
 .m3d-card:hover .m3d-card-face img{filter:drop-shadow(0 30px 34px rgba(255,131,0,.32)) drop-shadow(0 0 26px rgba(255,170,80,.4))}
 .m3d-card:hover .m3d-card-label{opacity:1;transform:none}
}
.m3d-card:focus-visible .m3d-card-face{outline:3px solid #ff8300;outline-offset:6px;border-radius:18px}
.m3d-stage.is-dragging,.m3d-stage.is-dragging *{cursor:grabbing!important}
.m3d-stage{cursor:grab}

/* Sparks */
.m3d-spark{position:absolute;left:var(--x,50%);top:var(--y,50%);width:6px;height:6px;border-radius:50%;background:var(--m3d-orange);box-shadow:0 0 12px 2px rgba(255,131,0,.55);transform:translateZ(calc((var(--p) - 4) * 40px));opacity:.7;animation:m3d-twinkle calc(3s + var(--p) * .4s) ease-in-out infinite;pointer-events:none}
.m3d-spark:nth-child(3n){width:4px;height:4px;background:#ffc070}
@keyframes m3d-twinkle{0%,100%{opacity:.15;translate:0 0}50%{opacity:.85;translate:0 -14px}}

/* Dots */
.m3d-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:4px;z-index:3}
.m3d-dot{width:44px;height:44px;border:0;background:none;padding:0;display:grid;place-items:center;cursor:pointer}
.m3d-dot:before{content:'';width:10px;height:10px;border-radius:999px;background:rgba(23,20,29,.22);transition:width .3s ease,background .3s ease}
.m3d-dot.is-active:before{width:28px;background:var(--m3d-orange)}

@media(max-width:1120px){
 .m3d-hero{--cw:176px;--r:270px}
 .m3d-shell{grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);min-height:580px;gap:18px}
 .m3d-stage{height:520px}
 .m3d-core{width:124px;height:124px;margin:-62px 0 0 -62px}
}
@media(max-width:760px){
 .m3d-hero{--cw:124px;--r:158px;padding-bottom:20px}
 .m3d-shell{width:calc(100% - 24px);display:flex;flex-direction:column-reverse;gap:4px;min-height:0;padding:0 0 10px}
 .m3d-stage{width:100%;height:330px;perspective:1000px}
 .m3d-copy{min-height:0;width:100%;padding:0 4px}
 .m3d-core{width:92px;height:92px;margin:-46px 0 0 -46px;top:32%}
 .m3d-card{top:44%}
 .m3d-card-label{display:none}
 .m3d-orbit.is-1{border-width:1px}
 .m3d-aurora{filter:blur(48px)}
 .m3d-aurora.is-a{width:380px;height:380px}
 .m3d-aurora.is-b{display:none}
 .m3d-spark:nth-child(n+6){display:none}
 .m3d-dots{bottom:0}
}
@media(prefers-reduced-motion:reduce){
 .m3d-scene,.m3d-aurora,.m3d-orbit,.m3d-spark{animation:none!important}
 .m3d-scene,.m3d-card-face,.m3d-card-shine,.m3d-card-label{transition:none!important}
}
.m3d-hero.is-paused .m3d-scene,.m3d-hero.is-paused .m3d-aurora,.m3d-hero.is-paused .m3d-orbit,.m3d-hero.is-paused .m3d-spark{animation-play-state:paused}

/* ===================== 1.18.0 — 3D home sections & interactions ===================== */
.mistersa-eb-home-3d{--m3d-orange:#ff8300;--m3d-ink:#17141d;--m3d-ivory:#fffaf3}
.m3d-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,131,0,.1);color:#d96c00;font-weight:850;font-size:13px}
.m3d-section-head{margin:0 0 22px}.m3d-section-head h2,.m3d-story-head h2{margin:10px 0 0;font-size:clamp(24px,3vw,40px);line-height:1.5;font-weight:950;color:var(--m3d-ink)}

/* --- Story (stacked by default: mobile, reduced motion, no JS) --- */
.m3d-story{position:relative;margin:34px 0 20px}
.m3d-story-sticky{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center;width:min(1460px,calc(100% - 34px));margin:auto}
.m3d-story-copy{width:auto}
.m3d-story-progress{height:4px;border-radius:4px;background:rgba(23,20,29,.08);margin:18px 0 8px;overflow:hidden}
.m3d-story-progress span{display:block;height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,#ffb050,#ff8300);border-radius:4px;transition:width .15s linear}
.m3d-chapters{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.m3d-chapter{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.7);border:1px solid rgba(23,20,29,.05);box-shadow:0 14px 40px rgba(38,29,35,.05);transition:opacity .4s ease,transform .4s ease,box-shadow .4s ease,background .4s ease}
.m3d-chapter-num{flex:0 0 46px;height:46px;border-radius:15px;display:grid;place-items:center;font-weight:950;font-size:20px;color:#fff;background:linear-gradient(145deg,#ffb050,#ff8300 60%,#d96a00);box-shadow:0 10px 22px rgba(255,131,0,.3),0 2px 0 rgba(255,255,255,.55) inset}
.m3d-chapter small{color:#d96c00;font-weight:850;font-size:12px}.m3d-chapter h3{margin:2px 0 6px;font-size:19px;line-height:1.6;color:var(--m3d-ink);font-weight:900}.m3d-chapter p{margin:0;color:#625b65;line-height:1.95;font-size:14.5px}
.m3d-story-stage{position:relative;aspect-ratio:16/10;perspective:1200px}
.m3d-story-art{position:absolute;inset:6% 4%;margin:0;opacity:0;transform:translateY(30px) rotateY(-14deg) scale(.92);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.m3d-story-art.is-active{opacity:1;transform:none}
.m3d-story-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(23,20,29,.18))}
.m3d-story-halo{position:absolute;left:15%;right:15%;bottom:4%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,131,0,.32),rgba(255,131,0,0) 70%);z-index:-1}
/* pinned scroll story (desktop, JS adds .is-pinned) */
.m3d-story.is-pinned{height:260vh;margin:0}
.m3d-story.is-pinned .m3d-story-sticky{position:sticky;top:96px;height:calc(100vh - 120px);min-height:520px}
.m3d-story.is-pinned .m3d-chapter{opacity:.38;transform:scale(.97)}
.m3d-story.is-pinned .m3d-chapter.is-active{opacity:1;transform:none;background:#fff;box-shadow:0 22px 54px rgba(255,131,0,.14)}

/* --- Bento --- */
.m3d-bento{margin-top:34px;margin-bottom:34px}
.m3d-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:16px}
.m3d-tile{--rx:0deg;--ry:0deg;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border-radius:28px;overflow:hidden;text-decoration:none!important;color:var(--m3d-ink);background:linear-gradient(155deg,#fff,#fff6ec);border:1px solid rgba(23,20,29,.05);box-shadow:0 18px 46px rgba(38,29,35,.07);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;isolation:isolate}
.m3d-tile.is-hero{grid-column:span 2;grid-row:span 2}.m3d-tile.is-tall{grid-row:span 2}.m3d-tile.is-wide{grid-column:span 2}
.m3d-tile-media{position:absolute;inset:8% 6% 30%;width:88%;height:62%;object-fit:contain;z-index:-1;filter:drop-shadow(0 20px 26px rgba(23,20,29,.16));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.m3d-tile.is-hero .m3d-tile-media{inset:6% 5% 26%;height:68%}
video.m3d-tile-media{object-fit:cover;inset:0;width:100%;height:100%;filter:none}
.m3d-tile:has(video) .m3d-tile-copy{background:rgba(23,20,29,.55);color:#fff;padding:12px 14px;border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.m3d-tile-copy small{display:block;color:#d96c00;font-weight:850;font-size:12.5px}.m3d-tile-copy strong{display:block;margin-top:4px;font-size:17px;line-height:1.7;font-weight:900}
.m3d-tile.is-hero .m3d-tile-copy strong{font-size:22px}
.m3d-tile-arrow{position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--m3d-ink);font-weight:900;box-shadow:0 8px 20px rgba(23,20,29,.08);transition:transform .3s ease,background .3s ease,color .3s ease}
.m3d-tile[data-m3d-aisa]{background:radial-gradient(circle at 75% 20%,rgba(255,131,0,.45),rgba(255,131,0,0) 55%),linear-gradient(155deg,#241f2c,#17141d);color:#fff}
.m3d-tile[data-m3d-aisa] .m3d-tile-copy small{color:#ffb35c}
.m3d-tile-icon{position:absolute;top:22px;right:22px;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ffb050,#ff8300 60%,#d96a00);box-shadow:0 14px 30px rgba(255,131,0,.4),0 2px 0 rgba(255,255,255,.5) inset}
.m3d-tile-icon svg{width:32px;height:32px}
@media(hover:hover){.m3d-tile:hover{box-shadow:0 30px 70px rgba(255,131,0,.16)}.m3d-tile:hover .m3d-tile-media{transform:translateY(-6px) scale(1.04)}.m3d-tile:hover .m3d-tile-arrow{background:#ff8300;color:#fff;transform:translateX(-4px)}}
.m3d-tile:active{transform:perspective(900px) scale(.98)}
.m3d-tile:focus-visible{outline:3px solid #ff8300;outline-offset:3px}

/* --- Trust --- */
.m3d-trust{margin-top:34px;margin-bottom:28px}
.m3d-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.m3d-stat{--rx:0deg;--ry:0deg;padding:24px 20px;border-radius:26px;background:linear-gradient(155deg,#fff,#fff6ec);border:1px solid rgba(23,20,29,.05);box-shadow:0 16px 40px rgba(38,29,35,.06);text-align:center;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.m3d-stat strong{display:block;font-size:clamp(34px,4vw,52px);line-height:1.2;font-weight:950;background:linear-gradient(180deg,#ffb050,#ff8300 55%,#d96a00);-webkit-background-clip:text;background-clip:text;color:transparent}
.m3d-stat span{display:block;margin-top:6px;color:#625b65;font-weight:800}
.m3d-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.m3d-review{margin:0;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(23,20,29,.05);box-shadow:0 14px 36px rgba(38,29,35,.05);display:flex;flex-direction:column;gap:12px}
.m3d-stars{color:#ff8300;letter-spacing:2px;font-size:15px}
.m3d-review blockquote{margin:0;color:#3d3640;line-height:2;font-size:14.5px;flex:1}
.m3d-review figcaption{display:flex;gap:10px;align-items:center}.m3d-review figcaption img{border-radius:50%}
.m3d-review figcaption strong{display:block;font-size:14px;color:var(--m3d-ink)}.m3d-review figcaption a{font-size:12.5px;color:#d96c00;text-decoration:none}

/* --- Closing CTA --- */
.m3d-cta{margin-top:34px;margin-bottom:40px}
.m3d-cta-card{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px 44px;border-radius:34px;background:linear-gradient(155deg,#241f2c,#17141d);color:#fff;box-shadow:0 30px 80px rgba(23,20,29,.25)}
.m3d-cta-orb{position:absolute;left:-80px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,131,0,.55),rgba(255,131,0,0) 65%);z-index:-1;animation:m3d-drift 14s ease-in-out infinite alternate}
.m3d-cta-copy h2{margin:10px 0 6px;font-size:clamp(24px,3vw,38px);line-height:1.5;font-weight:950;color:#fff}.m3d-cta-copy p{margin:0;color:rgba(255,255,255,.72);line-height:2}
.m3d-cta-copy .m3d-eyebrow{background:rgba(255,131,0,.18);color:#ffb35c}
.m3d-cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex:0 0 auto}
.m3d-cta .meh-btn.is-glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff!important}

/* --- Interactions on existing home cards (3D page only) --- */
[data-m3d-magnetic]{transform:translate(var(--mgx,0px),var(--mgy,0px));transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;will-change:transform}
.mistersa-eb-home-3d .meh-item-visual{--rx:0deg;--ry:0deg;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.mistersa-eb-home-3d .meh-item-visual:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--sx,50%) var(--sy,0%),rgba(255,255,255,.55),rgba(255,255,255,0) 45%);opacity:0;transition:opacity .3s ease}
@media(hover:hover){.mistersa-eb-home-3d .meh-item:hover .meh-item-visual:after{opacity:1}.mistersa-eb-home-3d .meh-item:hover .meh-item-visual{box-shadow:0 26px 60px rgba(255,131,0,.14)}}
.mistersa-eb-home-3d .meh-item:active .meh-item-visual{transform:perspective(800px) scale(.97)}

/* --- Shared-element page transition: home card -> service page (Chrome/Edge 126+, others navigate normally) --- */
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-group(meh-service-art){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}

@media(max-width:1100px){.m3d-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}.m3d-tile.is-hero{grid-column:span 2;grid-row:span 1}.m3d-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.m3d-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .m3d-story-sticky{grid-template-columns:1fr;width:calc(100% - 24px);gap:10px}
 .m3d-story-stage{order:-1;aspect-ratio:16/9}
 .m3d-story-art:not(:first-child){display:none}.m3d-story-art:first-child{opacity:1;transform:none}
 .m3d-chapter{padding:14px 16px}.m3d-chapter h3{font-size:17px}
 .m3d-bento-grid{grid-auto-rows:170px;gap:12px}.m3d-tile{padding:16px;border-radius:22px}.m3d-tile.is-tall{grid-row:span 2}.m3d-tile-copy strong{font-size:14.5px}.m3d-tile.is-hero .m3d-tile-copy strong{font-size:17px}.m3d-tile-arrow{width:36px;height:36px;top:12px;left:12px}.m3d-tile-icon{width:52px;height:52px;top:16px;right:16px}
 .m3d-stats{gap:12px}.m3d-stat{padding:18px 12px;border-radius:20px}
 .m3d-reviews{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;overscroll-behavior-x:contain;scrollbar-width:none}.m3d-review{flex:0 0 84%;scroll-snap-align:start}
 .m3d-cta-card{flex-direction:column;align-items:flex-start;padding:28px 22px;border-radius:26px}
 .m3d-cta-actions .meh-btn{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.m3d-tile,.m3d-stat,.m3d-chapter,.m3d-story-art,[data-m3d-magnetic],.mistersa-eb-home-3d .meh-item-visual{transition:none!important;transform:none!important}.m3d-cta-orb{animation:none}}
/* lift (existing) + 3D tilt; more specific than .meh-services .meh-item:hover .meh-item-visual */
@media(hover:hover){.mistersa-eb-home-3d .meh-home .meh-item:hover .meh-item-visual{transform:perspective(800px) translateY(-7px) rotateX(var(--rx)) rotateY(var(--ry))}}
@media(prefers-reduced-motion:reduce){.mistersa-eb-home-3d .meh-home .meh-item:hover .meh-item-visual{transform:none}}

/* 1.18.0 layout polish: complete bento rows, per-tile media boxes, adaptive stats */
.m3d-bento-grid{grid-auto-flow:dense}
.m3d-tile:not(.is-hero):not(.is-tall):not(.is-wide) .m3d-tile-media{inset:7% 10% auto;width:80%;height:46%}
.m3d-tile.is-tall .m3d-tile-media{inset:8% 6% auto;width:88%;height:52%}
.m3d-tile.is-wide .m3d-tile-media{inset:10% auto 10% 4%;width:46%;height:80%}
.m3d-tile.is-wide .m3d-tile-copy{max-width:50%}
.m3d-tile.is-soft{background:radial-gradient(circle at 15% 80%,rgba(255,131,0,.16),rgba(255,131,0,0) 55%),linear-gradient(155deg,#fff,#fff3e6)}
.m3d-stats{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.m3d-stat strong b{font:inherit;background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:760px){.m3d-tile.is-wide{grid-column:span 2}.m3d-tile.is-wide .m3d-tile-media{width:44%}.m3d-tile.is-wide .m3d-tile-copy{max-width:54%}.m3d-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.m3d-tile:not(.is-hero):not(.is-tall):not(.is-wide) .m3d-tile-media{height:42%}}
@media(max-width:1100px){.m3d-tile.is-hero{grid-row:span 2}.m3d-tile.is-hero .m3d-tile-media{inset:5% 5% auto;width:90%;height:56%}}
@media(max-width:760px){.m3d-bento-grid{grid-auto-rows:185px}.m3d-tile.is-hero .m3d-tile-media{height:54%}.m3d-tile:not(.is-hero):not(.is-tall):not(.is-wide) .m3d-tile-media{inset:5% 8% auto;width:84%;height:36%}.m3d-tile:not(.is-hero):not(.is-tall):not(.is-wide) .m3d-tile-arrow{display:none}}
/* 1.18.1: on the front page the Stabilizer sets body{overflow-x:hidden;overflow-y:auto}. With html overflow-x:clip that makes body
   its own (never-scrolling) scroll container, so position:sticky in the scroll story never stuck. clip keeps horizontal
   overflow hidden without creating a scroll container. Scoped to the 3D home only. */
html body.mistersa-eb-home-3d{overflow-x:clip!important;overflow-y:visible!important}

/* 1.20.2: more air between the 3D story (process) section and the services section on the homepage (owner request). */
.meh-section.meh-services{padding-top:clamp(72px,8vw,120px)}