/*
Theme Name: ما برای ما — Premium Child
Theme URI: https://mabarayema.ir
Description: Child theme premium برای پویش ما برای ما
Version: 8.0.0
Author: MBM Team
Text Domain: hello-elementor-child
*/

/* ==============================
   FONTS
   ============================== */
@font-face{font-family:'YekanBakh';font-weight:100;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-Thin.woff2') format('woff2')}
@font-face{font-family:'YekanBakh';font-weight:300;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-Light.woff2') format('woff2')}
@font-face{font-family:'YekanBakh';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-Regular.woff2') format('woff2')}
@font-face{font-family:'YekanBakh';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-SemiBold.woff2') format('woff2')}
@font-face{font-family:'YekanBakh';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-Bold.woff2') format('woff2')}
@font-face{font-family:'YekanBakh';font-weight:800;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-ExtraBold.woff2') format('woff2')}
@font-face{font-family:'YekanBakh';font-weight:900;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-ExtraBlack.woff2') format('woff2')}
@font-face{font-family:'YekanBakh';font-weight:950;font-style:normal;font-display:swap;src:url('fonts/YekanBakhFaNum-Black.woff2') format('woff2')}

/* ==============================
   DESIGN TOKENS — Light
   ============================== */
:root {
  /* Colors — 60-30-10 Rule */
  --bg:#fbf6ee; --bg-alt:#f5ede2; --surface:#fffdf8; --surface-2:#f8f2ea; --surface-warm:#f1e3cf;
  --fg:#201914; --fg-2:#4c4037; --fg-3:#8a7a6b;
  --accent:#9b5b32; --accent-hover:#7d4a28; --accent-glow:rgba(155,91,50,.15); --accent-light:rgba(155,91,50,.08);
  --border:rgba(0,0,0,.06); --border-hover:rgba(155,91,50,.2);
  --success:#2e7d32; --error:#c62828;

  /* Typography — Perfect Fourth Scale (1.333) */
  --font:'YekanBakh',system-ui,-apple-system,sans-serif;
  --fs-hero:clamp(2.5rem, 5vw, 4.5rem);
  --fs-h1:clamp(2rem, 4vw, 3.5rem);
  --fs-h2:clamp(1.5rem, 3vw, 2.5rem);
  --fs-h3:clamp(1.125rem, 2vw, 1.5rem);
  --fs-body:1.125rem;
  --fs-small:0.875rem;
  --fs-xs:0.75rem;
  --lh-tight:1.2;
  --lh-normal:1.6;
  --lh-relaxed:1.8;

  /* Spacing — 8px Grid */
  --sp-1:0.25rem; --sp-2:0.5rem; --sp-3:0.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem; --sp-7:2.5rem; --sp-8:3rem;
  --sp-10:4rem; --sp-12:5rem; --sp-16:8rem;

  /* Radius */
  --radius:12px; --radius-md:16px; --radius-lg:24px; --radius-xl:32px; --radius-full:9999px;

  /* Shadows */
  --shadow-sm:0 1px 3px rgba(32,25,20,.04);
  --shadow:0 4px 16px rgba(32,25,20,.06);
  --shadow-lg:0 8px 32px rgba(32,25,20,.08);
  --shadow-xl:0 16px 48px rgba(32,25,20,.1);

  /* Motion */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-bounce:cubic-bezier(.34,1.56,.64,1);
  --transition:all .3s var(--ease);

  /* Layout */
  --header-h:72px;
  --max-w:1200px;
  --max-w-narrow:720px;
}

/* ==============================
    DARK MODE — Independent Scheme
    ============================== */
[data-theme="dark"] {
   --bg:#1a1614; --bg-alt:#211e1b; --surface:#262220; --surface-2:#2c2826; --surface-warm:#332e2a;
   --fg:#e8e0d8; --fg-2:#b8a89a; --fg-3:#887868;
   --accent:#e8a87c; --accent-hover:#d4956a; --accent-glow:rgba(232,168,124,.18); --accent-light:rgba(232,168,124,.1);
   --border:rgba(255,255,255,.06); --border-hover:rgba(232,168,124,.3);
   --success:#66bb6a; --error:#ef5350;
   --shadow-sm:0 1px 3px rgba(0,0,0,.15);
   --shadow:0 4px 16px rgba(0,0,0,.2);
   --shadow-lg:0 8px 32px rgba(0,0,0,.3);
   --shadow-xl:0 16px 48px rgba(0,0,0,.4);
}

/* Component dark overrides — non-CSS-var values */
[data-theme="dark"] .mbm-hero-title,[data-theme="dark"] .mbm-hero-btn{color:#fff}
[data-theme="dark"] .mbm-hero-desc,[data-theme="dark"] .mbm-cat-sub{color:rgba(255,255,255,.75)}
[data-theme="dark"] .mbm-marquee-wrap{background:var(--surface-warm)}
[data-theme="dark"] img{filter:brightness(.92) contrast(1.02)}
[data-theme="dark"] ::selection{background:rgba(232,168,124,.3);color:#14110e}
[data-theme="dark"] .mbm-about-img-decor{background:rgba(232,168,124,.08)}
[data-theme="dark"] .mbm-cat-card{background:#1a1612}
[data-theme="dark"] .mbm-cat-overlay{background:linear-gradient(to top,rgba(26,22,20,.9),rgba(26,22,20,.15))}
[data-theme="dark"] .mbm-newsletter-card{background:var(--surface)}
[data-theme="dark"] .mbm-contact-card{background:var(--surface)}
[data-theme="dark"] .mbm-preloader{background:#14110e}
[data-theme="dark"] .mbm-preloader-bar{background:rgba(255,255,255,.08)}
[data-theme="dark"] .mbm-tag{background:rgba(232,168,124,.1);color:#e8a87c}
[data-theme="dark"] .mbm-article-content a{color:#e8a87c}
[data-theme="dark"] .mbm-hero-overlay{background:linear-gradient(135deg,rgba(20,17,14,.88),rgba(20,17,14,.6))}
[data-theme="dark"] .mbm-quote{border-color:#e8a87c;color:#e8a87c}
[data-theme="dark"] .mbm-mobile-menu-overlay{background:rgba(0,0,0,.6)}

/* ==============================
   RESET & BASE
   ============================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}
body{font-family:var(--font);font-size:var(--fs-body);background:var(--bg);color:var(--fg);line-height:var(--lh-normal);direction:rtl;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.mbm-menu-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
::selection{background:var(--accent-light);color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Skip Link — Accessibility */
.mbm-skip-link{position:absolute;top:-100%;left:0;background:var(--accent);color:#fff;padding:var(--sp-2) var(--sp-4);z-index:10000;font-weight:600;border-radius:0 0 var(--radius) 0}
.mbm-skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ==============================
   LAYOUT
   ============================== */
.mbm-container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.mbm-section{padding:clamp(3rem,8vw,6rem) 0}
.mbm-section-warm{background:var(--surface-warm)}
.mbm-section-alt{background:var(--bg-alt)}

/* ==============================
   PRELOADER
   ============================== */
#mbm-preloader{position:fixed;inset:0;background:var(--bg);z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;transition:opacity .6s,visibility .6s}
#mbm-preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.mbm-preloader-inner{text-align:center}
.mbm-preloader-logo{margin-bottom:var(--sp-5);animation:pulse 1.5s ease-in-out infinite}
.mbm-preloader-bar{width:120px;height:3px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin:0 auto}
.mbm-preloader-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);animation:preload-fill 1.5s ease-in-out}
@keyframes preload-fill{0%{width:0}50%{width:80%}100%{width:100%}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}

/* ==============================
   HEADER — Sticky + Auto-hide
   ============================== */
.mbm-header-wrap{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(251,246,238,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--transition);height:var(--header-h)}
[data-theme="dark"] .mbm-header-wrap{background:rgba(26,22,20,.88)}
.mbm-header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}
.mbm-logo{display:flex;align-items:center;gap:var(--sp-2);font-weight:800;font-size:1.1rem;color:var(--fg);flex-shrink:0}
.mbm-logo img{border-radius:10px}
.mbm-nav-list{display:flex;list-style:none;gap:var(--sp-1)}
.mbm-nav-link{display:block;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:var(--fs-small);font-weight:500;color:var(--fg-2);transition:var(--transition);white-space:nowrap}
.mbm-nav-link:hover,.mbm-nav-link.active{color:var(--accent);background:var(--accent-light)}
.mbm-header-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}
.mbm-search-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:#e8a65c;transition:var(--transition);filter:drop-shadow(0 0 8px rgba(232,166,92,0.3))}
.mbm-search-toggle:hover{color:#f0c070;background:var(--accent-light);filter:drop-shadow(0 0 16px rgba(232,166,92,0.6))}
.mbm-desktop-only{display:inline-flex}
.mbm-hamburger{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:var(--radius);transition:background .25s}
.mbm-hamburger:hover{background:var(--accent-light)}
.mbm-hamburger span{width:22px;height:2px;background:var(--fg);border-radius:var(--radius-full);transition:var(--transition)}
.mbm-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mbm-hamburger.active span:nth-child(2){opacity:0}
.mbm-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mbm-hamburger-trigger{display:none}
.mbm-scrolled{box-shadow:var(--shadow)}
.mbm-hidden{transform:translateY(-100%)}

/* Mobile Menu — Slide from right */
.mbm-mobile-menu{position:fixed;top:0;right:0;width:min(85vw,360px);bottom:0;background:var(--bg);z-index:1001;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .35s var(--ease),opacity .25s,visibility .25s;overflow-y:auto;box-shadow:-8px 0 40px rgba(0,0,0,.12);-webkit-overflow-scrolling:touch}
[data-theme="dark"] .mbm-mobile-menu{background:var(--bg);box-shadow:-8px 0 40px rgba(0,0,0,.4)}
.mbm-mobile-menu.active{opacity:1;visibility:visible;transform:translateX(0)}
.mbm-mobile-menu-inner{padding:calc(var(--header-h) + var(--sp-5)) var(--sp-6) var(--sp-6)}
.mbm-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}
.mbm-mobile-menu-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--fg-2);transition:background .25s}
.mbm-mobile-menu-close:hover{background:var(--accent-light);color:var(--accent)}
.mbm-mobile-nav{list-style:none}
.mbm-mobile-nav li{border-bottom:1px solid var(--border)}
.mbm-mobile-nav a{display:block;padding:var(--sp-4) 0;font-size:1.15rem;font-weight:600;color:var(--fg);transition:color .25s;min-height:48px;display:flex;align-items:center}
.mbm-mobile-nav a:hover,.mbm-mobile-nav a:active{color:var(--accent)}
.mbm-mobile-actions{margin-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3)}
.mbm-mobile-actions .mbm-btn{width:100%;justify-content:center}
.mbm-mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mbm-mobile-menu-overlay.active{opacity:1;visibility:visible}

/* ==============================
   HERO — Custom Slider
   ============================== */
.mbm-hero{position:relative;width:100%;height:100vh;overflow:hidden}
.mbm-hero-slider{position:relative;width:100%;height:100%}
.mbm-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease;z-index:1}
.mbm-hero-slide--active{opacity:1;visibility:visible;z-index:2}
.mbm-hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.05);transition:transform 6s ease}
.mbm-hero-slide--active .mbm-hero-slide-bg{transform:scale(1)}
.mbm-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,22,20,.82),rgba(26,22,20,.45))}
.mbm-hero-slide-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 clamp(1rem,5vw,3rem);text-align:center}
.mbm-hero-title{color:#fff;font-size:var(--fs-hero);font-weight:800;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.3);margin-bottom:var(--sp-4);opacity:0;transform:translateY(20px);transition:opacity .6s ease .2s,transform .6s ease .2s}
.mbm-hero-slide--active .mbm-hero-title{opacity:1;transform:translateY(0)}
.mbm-hero-desc{color:rgba(255,255,255,.85);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;line-height:1.8;max-width:600px;margin-bottom:var(--sp-6);opacity:0;transform:translateY(20px);transition:opacity .6s ease .4s,transform .6s ease .4s}
.mbm-hero-slide--active .mbm-hero-desc{opacity:1;transform:translateY(0)}
.mbm-hero-btn{display:inline-block;background:var(--accent);color:#fff;padding:14px 36px;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s var(--ease);box-shadow:0 4px 20px rgba(155,91,50,.35);opacity:0;transform:translateY(20px);transition:opacity .6s ease .6s,transform .6s ease .6s,background .3s var(--ease),box-shadow .3s var(--ease)}
.mbm-hero-slide--active .mbm-hero-btn{opacity:1;transform:translateY(0)}
.mbm-hero-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 32px rgba(155,91,50,.45);background:var(--accent-hover)}
.mbm-hero-arrow{position:absolute;top:50%;z-index:10;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease);transform:translateY(-50%)}
.mbm-hero-arrow svg{width:20px;height:20px}
.mbm-hero-arrow:hover{background:rgba(155,91,50,.7);border-color:rgba(155,91,50,.5)}
.mbm-hero-arrow--prev{right:auto;left:clamp(12px,3vw,32px)}
.mbm-hero-arrow--next{left:auto;right:clamp(12px,3vw,32px)}
.mbm-hero-dots{position:absolute;bottom:clamp(20px,4vh,40px);left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:10px}
.mbm-hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;transition:all .3s var(--ease);padding:0}
.mbm-hero-dot--active{background:#fff;border-color:#fff;box-shadow:0 0 8px rgba(255,255,255,.4)}
.mbm-hero-dot:hover{border-color:rgba(255,255,255,.7)}
.mbm-hero-pause{position:absolute;top:clamp(12px,3vh,24px);left:clamp(12px,3vw,32px);z-index:10;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease)}
.mbm-hero-pause:hover{background:rgba(155,91,50,.7);border-color:rgba(155,91,50,.5)}
.mbm-hero-pause svg{width:18px;height:18px}
.mbm-hero-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:10;background:rgba(255,255,255,.15)}
.mbm-hero-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .3s linear;width:0}
[data-theme="dark"] .mbm-hero-overlay{background:linear-gradient(135deg,rgba(20,17,14,.88),rgba(20,17,14,.6))}
@media(max-width:768px){
  .mbm-hero-arrow{display:none}
  .mbm-hero-pause{display:none}
}
@media (prefers-reduced-motion: reduce) {
  .mbm-hero-slide-bg{transition:none;transform:scale(1)}
  .mbm-hero-slide--active .mbm-hero-slide-bg{transform:scale(1)}
  .mbm-marquee{animation:none}
}

/* ==============================
   TYPOGRAPHY
   ============================== */
.mbm-label{display:inline-block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);margin-bottom:var(--sp-4)}
.mbm-title{font-size:var(--fs-h2);font-weight:800;line-height:var(--lh-tight);color:var(--fg)}
.mbm-title em{font-style:normal;color:var(--accent);position:relative}
.mbm-title em::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:8px;background:var(--accent-glow);border-radius:4px;z-index:-1}
.mbm-desc{font-size:var(--fs-body);color:var(--fg-2);max-width:560px;line-height:var(--lh-relaxed);margin-top:var(--sp-3)}
.mbm-header{margin-bottom:clamp(var(--sp-6),4vw,var(--sp-10))}

/* ==============================
   BUTTONS
   ============================== */
.mbm-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);font-weight:600;font-size:var(--fs-small);transition:var(--transition);white-space:nowrap;border:2px solid transparent;cursor:pointer}
.mbm-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(155,91,50,.25)}
.mbm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(155,91,50,.35)}
.mbm-btn-outline{border-color:var(--border-hover);color:var(--accent);background:transparent}
.mbm-btn-outline:hover{background:var(--accent-light);border-color:var(--accent)}
.mbm-btn-ghost{color:var(--fg-2);background:transparent}
.mbm-btn-ghost:hover{color:var(--accent);background:var(--accent-light)}
.mbm-btn-text{color:var(--accent);padding:0}
.mbm-btn-text svg{transition:transform .3s var(--ease)}
.mbm-btn-text:hover svg{transform:translateX(-4px)}
.mbm-btn-lg{padding:var(--sp-4) var(--sp-6);font-size:1rem}
.mbm-btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-xs)}

/* ==============================
   GRID
   ============================== */
.mbm-grid{display:grid;gap:clamp(var(--sp-4),2vw,var(--sp-5))}
.mbm-grid-2{grid-template-columns:repeat(2,1fr)}
.mbm-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.mbm-grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}

/* ==============================
   CARDS — Premium
   ============================== */
.mbm-card-premium{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(var(--sp-5),2vw,var(--sp-6));transition:var(--transition);position:relative;overflow:hidden}
.mbm-card-premium::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));opacity:0;transition:var(--transition)}
.mbm-card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}
.mbm-card-premium:hover::before{opacity:1}

/* ==============================
   VALUE CARDS
   ============================== */
.mbm-val-card{text-align:center;padding:clamp(var(--sp-5),3vw,var(--sp-7))}
.mbm-val-icon{font-size:2.5rem;margin-bottom:var(--sp-4);display:block}
.mbm-val-title{font-size:var(--fs-h3);font-weight:700;margin-bottom:var(--sp-2)}
.mbm-val-desc{font-size:var(--fs-small);color:var(--fg-2);line-height:var(--lh-relaxed)}

/* ==============================
   STEP CARDS
   ============================== */
.mbm-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--sp-5)}
.mbm-step{position:relative;padding:var(--sp-6) var(--sp-5)}
.mbm-step-num{font-size:2.5rem;font-weight:900;color:var(--accent-glow);line-height:1;margin-bottom:var(--sp-3)}
[data-theme="dark"] .mbm-step-num{color:var(--accent)}
.mbm-step-title{font-size:var(--fs-h3);font-weight:700;margin-bottom:var(--sp-2)}
.mbm-step-desc{font-size:var(--fs-small);color:var(--fg-2);line-height:var(--lh-relaxed)}

/* ==============================
   CATEGORY CARDS
   ============================== */
.mbm-cat-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;cursor:pointer}
.mbm-cat-img{position:absolute;inset:0}
.mbm-cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mbm-cat-card:hover .mbm-cat-img img{transform:scale(1.08)}
.mbm-cat-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(32,25,20,.85),rgba(32,25,20,.1))}
[data-theme="dark"] .mbm-cat-overlay{background:linear-gradient(to top,rgba(26,22,20,.9),rgba(26,22,20,.15))}
.mbm-cat-badge{position:absolute;top:var(--sp-4);right:var(--sp-4);background:var(--accent);color:#fff;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;z-index:2}
.mbm-cat-text{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-5);z-index:2}
.mbm-cat-title{font-size:var(--fs-h3);font-weight:700;color:#fff;margin-bottom:var(--sp-1)}
.mbm-cat-sub{font-size:var(--fs-small);color:rgba(255,255,255,.75)}

/* ==============================
   STORY CARDS
   ============================== */
.mbm-story-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}
.mbm-story-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:transparent}
.mbm-story-img{display:block;aspect-ratio:3/2;overflow:hidden;position:relative}
.mbm-story-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mbm-story-card:hover .mbm-story-img img{transform:scale(1.05)}
.mbm-story-body{padding:var(--sp-4) var(--sp-5) var(--sp-5)}
.mbm-story-tag{display:inline-block;font-size:var(--fs-xs);font-weight:600;color:var(--accent);background:var(--accent-light);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full);margin-bottom:var(--sp-2)}
.mbm-story-title{font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:var(--sp-2)}
.mbm-story-title a{transition:color .3s}
.mbm-story-title a:hover{color:var(--accent)}
.mbm-story-excerpt{font-size:var(--fs-small);color:var(--fg-3);line-height:var(--lh-relaxed);margin-bottom:var(--sp-3)}
.mbm-story-link{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--fs-small);font-weight:600;color:var(--accent);transition:var(--transition)}
.mbm-story-link svg{transition:transform .3s var(--ease)}
.mbm-story-link:hover svg{transform:translateX(-4px)}

/* ==============================
   ROLE CARDS
   ============================== */
.mbm-role-card{text-align:center;padding:var(--sp-6) var(--sp-5)}
.mbm-role-icon{font-size:2.5rem;margin-bottom:var(--sp-4)}
.mbm-role-title{font-size:var(--fs-h3);font-weight:700;margin-bottom:var(--sp-2);color:var(--accent)}
[data-theme="dark"] .mbm-role-title{color:var(--accent)}
.mbm-role-desc{font-size:var(--fs-small);color:var(--fg-2);line-height:var(--lh-relaxed)}

/* ==============================
   CITIES
   ============================== */
.mbm-cities{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}
.mbm-city{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:500;background:var(--surface);border:1px solid var(--border);transition:var(--transition)}
.mbm-city:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent);transform:translateY(-2px)}
[data-theme="dark"] .mbm-city{background:var(--surface);border-color:var(--border);color:var(--fg)}

/* ==============================
   QUOTE
   ============================== */
.mbm-quote{border-right:3px solid var(--accent);padding:var(--sp-4) var(--sp-5);margin-top:var(--sp-5);font-style:italic;color:var(--fg-2);font-size:var(--fs-body);background:var(--accent-light);border-radius:0 var(--radius) var(--radius) 0}
[data-theme="dark"] .mbm-quote{color:var(--fg-3);border-right-color:var(--accent)}

/* ==============================
   ABOUT SECTION
   ============================== */
.mbm-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--sp-6),4vw,var(--sp-10));align-items:center}
.mbm-about-text p{color:var(--fg-2);margin-bottom:var(--sp-4);line-height:var(--lh-relaxed)}
.mbm-about-img-wrap{position:relative}
.mbm-about-img-decor{position:absolute;inset:-12px;border:2px solid var(--accent-glow);border-radius:var(--radius-xl);z-index:-1}
.mbm-about-img-wrap img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;aspect-ratio:3/2;object-fit:cover}

/* ==============================
   MARQUEE
   ============================== */
.mbm-marquee-wrap{overflow:hidden;padding:var(--sp-4) 0;background:var(--surface-warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
[data-theme="dark"] .mbm-marquee-wrap{background:var(--surface-warm)}
.mbm-marquee{display:flex;animation:marquee 30s linear infinite;width:max-content}
.mbm-marquee-item{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-5);font-size:var(--fs-small);font-weight:500;color:var(--fg-3);white-space:nowrap}
[data-theme="dark"] .mbm-marquee-item{color:var(--fg-2)}
.mbm-marquee-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ==============================
   BREAK / LOTTIE
   ============================== */
.mbm-break{text-align:center;padding:clamp(var(--sp-8),6vw,var(--sp-12)) 0;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(232,103,50,0.04) 0%,transparent 70%)}
.mbm-lottie-placeholder{margin:auto;display:flex;justify-content:center;align-items:center;width:280px;height:280px;max-width:100%}
.mbm-lottie-placeholder--hands .mbm-hands-svg{filter:drop-shadow(0 0 24px rgba(232,103,50,0.2))}
.mbm-break-sub{font-size:var(--fs-body);color:var(--fg-2);margin-top:var(--sp-3);max-width:480px;margin-left:auto;margin-right:auto}

/* ==============================
   CTA
   ============================== */
.mbm-cta{background:linear-gradient(135deg,var(--accent),var(--accent-hover));padding:clamp(var(--sp-10),8vw,var(--sp-16)) 0;text-align:center}
.mbm-cta-title{color:#fff;font-size:var(--fs-h2);font-weight:800;line-height:1.4}
.mbm-cta-title em{color:rgba(255,255,255,.9)}
.mbm-cta-desc{color:rgba(255,255,255,.85);max-width:500px;margin:var(--sp-4) auto var(--sp-6);font-size:var(--fs-body)}
.mbm-cta-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}
.mbm-cta .mbm-btn-primary{background:#fff;color:var(--accent);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.mbm-cta .mbm-btn-primary:hover{box-shadow:0 8px 32px rgba(0,0,0,.25)}
.mbm-cta .mbm-btn-ghost{color:rgba(255,255,255,.9)}
.mbm-cta .mbm-btn-ghost:hover{background:rgba(255,255,255,.15)}

/* ==============================
   NEWSLETTER
   ============================== */
.mbm-newsletter-card{max-width:600px;margin:0 auto;text-align:center;padding:clamp(var(--sp-6),4vw,var(--sp-8))}
.mbm-newsletter-form{margin-top:var(--sp-5)}
.mbm-form-row{display:flex;gap:var(--sp-3)}
.mbm-form-msg{margin-top:var(--sp-3);font-size:var(--fs-small);min-height:1.5rem}
.mbm-form-success{color:var(--success)}
.mbm-form-error{color:var(--error)}

/* ==============================
   MODALS
   ============================== */
.mbm-modal-overlay{position:fixed;inset:0;background:rgba(32,25,20,.5);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:var(--transition)}
.mbm-modal-overlay.active{opacity:1;visibility:visible}
.mbm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:2001;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;opacity:0;visibility:hidden;transition:all .35s var(--ease-bounce)}
.mbm-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.mbm-modal-sm{max-width:440px}
.mbm-modal-content{background:var(--surface);border-radius:var(--radius-xl);padding:clamp(var(--sp-5),3vw,var(--sp-7));position:relative;box-shadow:var(--shadow-xl)}
.mbm-modal-close{position:absolute;top:var(--sp-4);left:var(--sp-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--fg-3);transition:var(--transition)}
.mbm-modal-close:hover{background:var(--accent-light);color:var(--accent)}
.mbm-modal-header{margin-bottom:var(--sp-5)}
.mbm-modal-title{font-size:var(--fs-h3);font-weight:700}
.mbm-modal-desc{font-size:var(--fs-small);color:var(--fg-3);margin-top:.35rem}
.mbm-modal-success{text-align:center;padding:var(--sp-6) var(--sp-5)}
.mbm-success-icon{color:var(--success);margin-bottom:var(--sp-4)}

/* ==============================
   FORMS
   ============================== */
.mbm-form-group{margin-bottom:var(--sp-4)}
.mbm-form-group label{display:block;font-size:var(--fs-small);font-weight:600;color:var(--fg-2);margin-bottom:var(--sp-1)}
.mbm-optional{font-weight:400;color:var(--fg-3)}
.mbm-input{width:100%;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:var(--fs-small);background:var(--bg);color:var(--fg);transition:var(--transition);outline:none}
.mbm-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.mbm-input::placeholder{color:var(--fg-3)}
[data-theme="dark"] .mbm-input{background:var(--surface);border-color:var(--border);color:var(--fg)}
[data-theme="dark"] .mbm-input::placeholder{color:var(--fg-3)}
[data-theme="dark"] .mbm-input:focus{border-color:var(--accent)}
.mbm-textarea{resize:vertical;min-height:100px}
.mbm-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a7a6b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;padding-left:2.5rem}
.mbm-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}

/* ==============================
   SINGLE POST / ARTICLE
   ============================== */
.mbm-single{padding-top:var(--header-h)}
.mbm-article-hero{position:relative;height:clamp(300px,50vw,500px);overflow:hidden}
.mbm-article-hero img{width:100%;height:100%;object-fit:cover}
.mbm-article-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg),transparent 50%)}
.mbm-article-header{max-width:var(--max-w-narrow);margin:-3rem auto 2rem;position:relative;z-index:2}
.mbm-article-title{font-size:var(--fs-h2);font-weight:800;line-height:var(--lh-tight);margin:var(--sp-4) 0}
.mbm-article-meta{display:flex;gap:var(--sp-5);color:var(--fg-3);font-size:var(--fs-small)}
.mbm-article-meta span{display:flex;align-items:center;gap:.4rem}
.mbm-article-content{max-width:var(--max-w-narrow);margin:0 auto;font-size:1.05rem;line-height:1.9;color:var(--fg-2)}
.mbm-article-content p{margin-bottom:1.2rem}
.mbm-article-content h2,.mbm-article-content h3{color:var(--fg);margin:var(--sp-6) 0 var(--sp-4);font-weight:700}
.mbm-article-content img{border-radius:var(--radius-lg);margin:var(--sp-5) 0}
.mbm-article-content a{color:var(--accent);border-bottom:1px solid var(--accent-glow);transition:var(--transition)}
.mbm-article-content a:hover{border-color:var(--accent)}
.mbm-article-content blockquote{border-right:3px solid var(--accent);padding:var(--sp-4) var(--sp-5);background:var(--accent-light);border-radius:0 var(--radius) var(--radius) 0;margin:var(--sp-5) 0}
.mbm-article-tags{max-width:var(--max-w-narrow);margin:var(--sp-6) auto;display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.mbm-tag{display:inline-block;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:500;background:var(--accent-light);color:var(--accent);transition:var(--transition)}
.mbm-tag:hover{background:var(--accent);color:#fff}
.mbm-article-share{max-width:var(--max-w-narrow);margin:var(--sp-6) auto;padding-top:var(--sp-5);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-4)}
.mbm-share-label{font-size:var(--fs-small);font-weight:600;color:var(--fg-3)}
.mbm-share-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);color:var(--fg-3);transition:var(--transition)}
.mbm-share-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.mbm-share-link.copied{background:var(--success);border-color:var(--success);color:#fff}

/* ==============================
   ARCHIVE
   ============================== */
.mbm-archive{padding-top:calc(var(--header-h) + 2rem)}
.mbm-pagination{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-10)}
.mbm-pagination a,.mbm-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:var(--radius);font-size:var(--fs-small);font-weight:600;border:1px solid var(--border);transition:var(--transition)}
.mbm-pagination a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.mbm-pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ==============================
   EMPTY STATE
   ============================== */
.mbm-empty-state{text-align:center;padding:var(--sp-10) 0}
.mbm-empty-icon{color:var(--fg-3);margin-bottom:var(--sp-5);opacity:.5}
.mbm-empty-state h3{font-size:var(--fs-h3);font-weight:700;margin-bottom:var(--sp-2)}
.mbm-empty-state p{color:var(--fg-3);margin-bottom:var(--sp-5)}

/* ==============================
   404
   ============================== */
.mbm-404{padding-top:calc(var(--header-h) + var(--sp-10));min-height:80vh;display:flex;align-items:center}
.mbm-404-content{max-width:500px;margin:0 auto}
.mbm-404-num{font-size:clamp(5rem,15vw,10rem);font-weight:900;color:var(--accent-glow);line-height:1;margin-bottom:var(--sp-4);background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mbm-404-title{font-size:var(--fs-h2);font-weight:700;margin-bottom:var(--sp-2)}
.mbm-404-desc{color:var(--fg-3);margin-bottom:var(--sp-6)}
.mbm-404-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}

/* ==============================
   PAGE HERO
   ============================== */
.mbm-page-hero{padding:calc(var(--header-h) + var(--sp-8)) 0 var(--sp-8);background:var(--bg-alt)}
.mbm-page-hero-content{max-width:600px}

/* ==============================
   CONTACT PAGE
   ============================== */
.mbm-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(var(--sp-6),4vw,var(--sp-10));align-items:start}
.mbm-contact-cards{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-5)}
.mbm-contact-card{padding:var(--sp-5);display:flex;align-items:flex-start;gap:var(--sp-4)}
.mbm-contact-card-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--accent-light);color:var(--accent)}
.mbm-contact-card h3{font-size:var(--fs-body);font-weight:700;margin-bottom:var(--sp-1)}
.mbm-contact-card a,.mbm-contact-card p{font-size:var(--fs-small);color:var(--fg-2)}
.mbm-contact-card a:hover{color:var(--accent)}
.mbm-contact-social{margin-top:var(--sp-6)}
.mbm-contact-social h3{font-size:var(--fs-body);font-weight:700;margin-bottom:var(--sp-4)}

/* ==============================
   GLOW BORDER
   ============================== */
.mbm-glow-border{position:relative}
.mbm-glow-border::after{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-glow),transparent,transparent,var(--accent-glow));opacity:0;transition:opacity .5s var(--ease);z-index:-1;pointer-events:none}
.mbm-glow-border:hover::after{opacity:1}

/* ==============================
   IMAGE REVEAL
   ============================== */
.mbm-img-reveal{overflow:hidden;position:relative}
.mbm-img-reveal img{transition:clip-path .8s var(--ease),transform .8s var(--ease);clip-path:inset(0 0 0 0)}
.mbm-img-reveal:hover img{clip-path:inset(3% 3% 3% 3%);transform:scale(1.04)}

/* ==============================
   PULSE GLOW
   ============================== */
.mbm-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}
@keyframes pulse-glow{0%,100%{box-shadow:var(--shadow-lg)}50%{box-shadow:var(--shadow-xl),0 0 40px var(--accent-glow)}}

/* ==============================
   MICRO-INTERACTIONS
   ============================== */
.mbm-marquee-wrap:hover .mbm-marquee{animation-play-state:paused}
.mbm-cat-card{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.mbm-cat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}
.mbm-city{transition:all .3s var(--ease-bounce)}
.mbm-story-card{transition:all .4s var(--ease)}
.mbm-story-card:hover{transform:translateY(-8px) scale(1.01)}
.mbm-step{transition:all .3s var(--ease)}
.mbm-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.mbm-val-card{transition:all .4s var(--ease)}
.mbm-val-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.mbm-role-card{transition:all .4s var(--ease)}
.mbm-role-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.mbm-btn-primary{transition:all .3s var(--ease-bounce)}
.mbm-btn-primary:active{transform:translateY(0) scale(.97)}

/* ==============================
   SCROLL REVEAL ANIMATIONS
   ============================== */
.mbm-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.mbm-reveal.revealed{opacity:1;transform:translateY(0)}
.mbm-reveal-right{opacity:0;transform:translateX(-24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.mbm-reveal-right.revealed{opacity:1;transform:translateX(0)}
.mbm-reveal-left{opacity:0;transform:translateX(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.mbm-reveal-left.revealed{opacity:1;transform:translateX(0)}
.mbm-reveal-scale{opacity:0;transform:scale(.95);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.mbm-reveal-scale.revealed{opacity:1;transform:scale(1)}

/* Stagger children */
.mbm-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.mbm-stagger.revealed>*{opacity:1;transform:translateY(0)}
.mbm-stagger.revealed>*:nth-child(1){transition-delay:0ms}
.mbm-stagger.revealed>*:nth-child(2){transition-delay:80ms}
.mbm-stagger.revealed>*:nth-child(3){transition-delay:160ms}
.mbm-stagger.revealed>*:nth-child(4){transition-delay:240ms}
.mbm-stagger.revealed>*:nth-child(5){transition-delay:320ms}
.mbm-stagger.revealed>*:nth-child(6){transition-delay:400ms}
.mbm-stagger.revealed>*:nth-child(7){transition-delay:480ms}
.mbm-stagger.revealed>*:nth-child(8){transition-delay:560ms}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .mbm-reveal,.mbm-reveal-right,.mbm-reveal-left,.mbm-reveal-scale,.mbm-stagger>*{opacity:1;transform:none;transition:none}
  .mbm-marquee{animation:none}
  .mbm-preloader-logo{animation:none}
  .mbm-preloader-bar-fill{animation:none}
  .mbm-pulse-glow{animation:none}
}

/* ==============================
   SECTION CTA
   ============================== */
.mbm-section-cta{text-align:center;margin-top:var(--sp-7)}

/* ==============================
   FOOTER
   ============================== */
.mbm-footer{background:var(--surface-2);color:var(--fg)}
[data-theme="dark"] .mbm-footer{background:var(--bg-alt);border-top-color:var(--border)}
.mbm-footer-top{padding:clamp(var(--sp-8),6vw,var(--sp-12)) 0;border-bottom:1px solid var(--border)}
.mbm-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(var(--sp-5),3vw,var(--sp-8))}
.mbm-footer-logo{margin-bottom:var(--sp-4)}
.mbm-footer-logo span{font-weight:800;font-size:1.05rem}
.mbm-footer-desc{font-size:var(--fs-small);color:var(--fg-2);line-height:var(--lh-relaxed);margin-bottom:var(--sp-4)}
.mbm-footer-social{display:flex;gap:var(--sp-2)}
.mbm-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);color:var(--fg-3);transition:var(--transition)}
.mbm-social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-2px)}
.mbm-footer-title{font-size:var(--fs-body);font-weight:700;margin-bottom:var(--sp-4);color:var(--fg)}
.mbm-footer-links ul,.mbm-footer-contact ul{list-style:none}
.mbm-footer-links li,.mbm-footer-contact li{margin-bottom:var(--sp-2)}
.mbm-footer-links a,.mbm-footer-contact a{font-size:var(--fs-small);color:var(--fg-2);transition:var(--transition)}
.mbm-footer-links a:hover,.mbm-footer-contact a:hover{color:var(--accent)}
.mbm-footer-contact li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small);color:var(--fg-2)}
.mbm-footer-contact svg{min-width:16px;color:var(--fg-3)}
.mbm-footer-bottom{padding:var(--sp-5) 0}
.mbm-footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-small);color:var(--fg-3)}

/* ==============================
   THEME TOGGLE
   ============================== */
.mbm-theme-toggle{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;border-radius:50%;transition:background .25s}
.mbm-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mbm-theme-toggle::-moz-focus-inner{border:0}
.mbm-theme-toggle:hover{background:rgba(0,0,0,.06)}
[data-theme="dark"] .mbm-theme-toggle:hover{background:rgba(255,255,255,.1)}
.mbm-toggle-track{position:relative;width:36px;height:36px;border-radius:18px;background:#e8e4de;transition:background .35s;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}
[data-theme="dark"] .mbm-toggle-track{background:#2a2320}
.mbm-toggle-icon{position:absolute;top:50%;left:50%;width:16px;height:16px;transition:transform .4s cubic-bezier(.26,2,.46,.71),opacity .3s;pointer-events:none}
.mbm-toggle-icon--sun{color:#e8a87c;transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}
[data-theme="dark"] .mbm-toggle-icon--sun{transform:translate(-50%,-50%) rotate(180deg) scale(0);opacity:0}
.mbm-toggle-icon--moon{color:#f5f0eb;transform:translate(-50%,-50%) rotate(-45deg) scale(0);opacity:0}
[data-theme="dark"] .mbm-toggle-icon--moon{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}

/* ==============================
   FILTERS
   ============================== */
.mbm-filter{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}
.mbm-filter-btn{display:inline-flex;align-items:center;gap:.35rem;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:500;border:1.5px solid var(--border);color:var(--fg-2);background:var(--surface);transition:var(--transition);cursor:pointer}
.mbm-filter-btn:hover{border-color:var(--accent);color:var(--accent)}
.mbm-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.mbm-filter-count{font-size:var(--fs-xs);background:rgba(255,255,255,.2);padding:.1rem .4rem;border-radius:var(--radius-full)}
.mbm-filter-btn.active .mbm-filter-count{background:rgba(255,255,255,.25)}

/* ==============================
   CITY CARDS
   ============================== */
.mbm-city-card{padding:var(--sp-5) var(--sp-6)}
.mbm-city-card-header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}
.mbm-city-card-icon{font-size:2rem;width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--accent-light)}
.mbm-city-card-name{font-size:var(--fs-h3);font-weight:700}
.mbm-city-card-num{font-size:var(--fs-small);color:var(--fg-3);font-weight:500}
.mbm-city-card-desc{font-size:var(--fs-small);color:var(--fg-2);line-height:var(--lh-relaxed)}
.mbm-city-card-cta{border-color:var(--accent-glow)!important;color:var(--accent)}
.mbm-city-card-cta:hover{background:var(--accent-light)!important}

/* ==============================
   CONTACT FORM
   ============================== */
.mbm-contact-form{margin-top:var(--sp-5)}

/* ==============================
   RESPONSIVE — Mobile First
   ============================== */
@media (max-width:1024px) {
  .mbm-about-grid{grid-template-columns:1fr}
  .mbm-contact-grid{grid-template-columns:1fr}
  .mbm-footer-grid{grid-template-columns:1fr 1fr}
  .mbm-hero{height:80vh}
}
@media (max-width:768px) {
  .mbm-nav{display:none}
  .mbm-desktop-only{display:none}
  .mbm-hamburger-trigger{display:block !important;position:fixed !important;top:var(--sp-2) !important;right:var(--sp-2) !important;z-index:1002 !important}
  .mbm-hamburger{display:flex !important}
  .mbm-footer-grid{grid-template-columns:1fr}
  .mbm-form-row-2{grid-template-columns:1fr}
  .mbm-form-row{flex-direction:column}
  .mbm-newsletter-form .mbm-form-row{flex-direction:column}
  .mbm-newsletter-form .mbm-btn{width:100%;justify-content:center}
  .mbm-hero{height:60vh}
  .mbm-hero-title{font-size:clamp(1.5rem,6vw,2.5rem)}
  .mbm-hero-desc{font-size:clamp(.875rem,3vw,1.05rem);padding:0 var(--sp-2)}
  .mbm-hero-btn{padding:12px 28px;font-size:.9rem}
  .mbm-hero-dots{bottom:clamp(12px,3vh,24px);gap:8px}
  .mbm-hero-dot{width:10px;height:10px}
  .mbm-footer-bottom-inner{flex-direction:column;gap:var(--sp-2)}
  .mbm-section{padding:clamp(2rem,6vw,4rem) 0}
  .mbm-header{margin-bottom:var(--sp-4)}
  .mbm-cta-title{font-size:clamp(1.25rem,5vw,2rem)}
  .mbm-cta-desc{font-size:var(--fs-small)}
  .mbm-newsletter-card{padding:var(--sp-5)}
  .mbm-title{font-size:clamp(1.25rem,5vw,2rem)}
  .mbm-desc{font-size:var(--fs-small)}
  .mbm-val-card,.mbm-step,.mbm-role-card{padding:var(--sp-5) var(--sp-4)}
  .mbm-cat-card{aspect-ratio:3/2}
  .mbm-story-card .mbm-story-body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}
  .mbm-cta-actions{flex-direction:column;align-items:center}
  .mbm-cta-actions .mbm-btn{width:100%}
  .mbm-modal{width:95%;max-width:95vw}
  .mbm-modal-content{padding:var(--sp-5)}
  .mbm-modal-header{margin-bottom:var(--sp-4)}
  .mbm-modal-title{font-size:var(--fs-h3)}
  .mbm-contact-cards{gap:var(--sp-3)}
  .mbm-contact-card{padding:var(--sp-4)}
  .mbm-story-card .mbm-story-title{font-size:.95rem}
  .mbm-story-excerpt{font-size:.8rem}
  .mbm-tag{font-size:.7rem}
  .mbm-btn-sm{font-size:.7rem;padding:var(--sp-1) var(--sp-3)}
  .mbm-btn-lg{padding:var(--sp-3) var(--sp-5);font-size:.85rem}
  .mbm-btn{padding:var(--sp-2) var(--sp-4);font-size:.8rem}
  .mbm-val-icon{font-size:2rem}
  .mbm-step-num{font-size:2rem}
  .mbm-hero-slide-content{padding:0 var(--sp-3)}
}
@media (max-width:480px) {
  .mbm-hero{height:50vh}
  .mbm-hero-title{font-size:clamp(1.25rem,7vw,2rem)}
  .mbm-hero-desc{font-size:.85rem}
  .mbm-hero-btn{padding:10px 24px;font-size:.85rem}
  .mbm-grid-3,.mbm-grid-4{grid-template-columns:1fr}
  .mbm-grid-2{grid-template-columns:1fr}
  .mbm-steps{grid-template-columns:1fr}
  .mbm-about-grid{grid-template-columns:1fr}
  .mbm-about-img-wrap img{aspect-ratio:16/10}
  .mbm-container{padding:0 var(--sp-4)}
  .mbm-page-hero{padding:calc(var(--header-h) + var(--sp-5)) 0 var(--sp-5)}
  .mbm-cta{padding:var(--sp-8) 0}
  .mbm-contact-cards{gap:var(--sp-3)}
  .mbm-contact-card{padding:var(--sp-4)}
  .mbm-modal{width:100%;max-width:100vw;border-radius:0;transform:translate(-50%,-50%) scale(1)}
  .mbm-modal-content{padding:var(--sp-4)}
  .mbm-card-premium{padding:var(--sp-4)}
  .mbm-story-card .mbm-story-body{padding:var(--sp-2) var(--sp-3) var(--sp-3)}
  .mbm-btn{font-size:.75rem;padding:var(--sp-2) var(--sp-3)}
  .mbm-input{font-size:.85rem;padding:var(--sp-2) var(--sp-3)}
  .mbm-mobile-menu-inner{padding:calc(var(--header-h) + var(--sp-4)) var(--sp-4) var(--sp-4)}
  .mbm-mobile-nav a{font-size:1.05rem;padding:var(--sp-3) 0;min-height:44px}
  .mbm-mobile-actions .mbm-btn{font-size:.9rem;padding:var(--sp-3)}
  .mbm-newsletter-form .mbm-form-row{flex-direction:column;gap:var(--sp-2)}
  .mbm-newsletter-form .mbm-btn{width:100%}
}

/* ==============================
   BACK TO TOP
   ============================== */
.mbm-back-to-top{position:fixed;bottom:var(--sp-6);left:var(--sp-6);z-index:900;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(16px);transition:all .3s var(--ease);cursor:pointer;border:none}
.mbm-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.mbm-back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px)!important;box-shadow:var(--shadow-xl)}
.mbm-back-to-top svg{width:20px;height:20px}

/* ==============================
   FORM VALIDATION
   ============================== */
.mbm-input-error{border-color:var(--error)!important}
.mbm-input-error:focus{box-shadow:0 0 0 3px rgba(198,40,40,.15)!important}
.mbm-field-error{font-size:var(--fs-xs);color:var(--error);margin-top:var(--sp-1);display:none}
.mbm-field-error.show{display:block}

/* ==============================
   FORM LOADING STATE
   ============================== */
.mbm-btn-loading{position:relative;pointer-events:none;opacity:.7}
.mbm-btn-loading::after{content:'';position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mbm-spin .6s linear infinite}
@keyframes mbm-spin{to{transform:rotate(360deg)}}

/* ==============================
   REDUCED MOTION (global)
   ============================== */
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
}