/* page-specific */
.smm-hero{position:relative;background:var(--mbm-red-700);color:#fff;overflow:hidden;padding:60px 0 90px}
.smm-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0, transparent 152px),radial-gradient(circle at 80% 60%, rgba(255,255,255,.06) 0, transparent 190px),radial-gradient(circle at 50% 80%, rgba(255,255,255,.05) 0, transparent 133px);pointer-events:none}
.smm-hero-inner{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.smm-eyebrow-w{display:inline-block;font:700 12px var(--mbm-font-sans);text-transform:uppercase;letter-spacing:.18em;color:#F2C7C7;border:1px solid rgba(255,255,255,.4);padding:5px 12px;border-radius:999px;margin-bottom:16px}
.smm-h1{font:800 58px/1.05 var(--mbm-font-sans);letter-spacing:-.02em;color:#fff;margin:0 0 14px;text-wrap:balance}
.smm-h1 sup{font-size:.5em;vertical-align:super;font-weight:600;opacity:.85}
.smm-tag{font:400 21px/1.45 var(--mbm-font-sans);color:#F2C7C7;max-width:600px;margin:0}
.smm-stamp{width:170px;height:170px;border-radius:999px;background:#fff;color:var(--mbm-red-800);display:grid;place-items:center;text-align:center;font:800 14px var(--mbm-font-sans);box-shadow:0 12px 30px rgba(0,0,0,.25);position:relative;transform:rotate(-6deg)}
.smm-stamp::before{content:"";position:absolute;inset:8px;border:2px dashed var(--mbm-red-700);border-radius:999px}
.smm-stamp b{font:800 28px var(--mbm-font-sans);text-transform:uppercase;letter-spacing:.04em;display:block;line-height:1}
.smm-stamp small{display:block;font:600 9px var(--mbm-font-sans);letter-spacing:.16em;text-transform:uppercase;margin-top:6px;color:var(--mbm-ink-2)}
.smm-hero-bottom{position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--mbm-green-600)}

/* Story */
.smm-section{max-width:920px;margin:0 auto;padding:88px 24px}
.smm-section.wide{max-width:1100px}
.smm-section.tight{padding-top:48px;padding-bottom:48px}
.smm-section h2{font:800 38px/1.15 var(--mbm-font-sans);color:var(--mbm-ink);letter-spacing:-.015em;margin:0 0 18px;text-wrap:balance}
.smm-section h3{font:700 22px var(--mbm-font-sans);color:var(--mbm-ink);margin:0 0 10px}
.smm-section p{font:400 18px/1.7 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0 0 16px;max-width:680px}
.smm-section p.lead{font-size:21px;color:var(--mbm-ink);font-weight:500}

.smm-anna{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;margin-bottom:32px}
.smm-anna-photo{width:96px;height:96px;border-radius:999px;background:linear-gradient(135deg,#F2C7C7,#990000);display:grid;place-items:center;font:800 36px var(--mbm-font-sans);color:#fff;box-shadow:0 6px 16px rgba(165,24,34,.25);flex-shrink:0}
.smm-locs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}
.smm-loc{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--mbm-line);background:#fff;border-radius:999px;font:600 14px var(--mbm-font-sans);color:var(--mbm-ink)}
.smm-loc::before{content:"";width:8px;height:8px;background:var(--mbm-red-700);border-radius:999px;display:block}

.smm-question{font:800 36px/1.2 var(--mbm-font-sans);color:var(--mbm-red-700);margin:32px 0 0;letter-spacing:-.01em;text-wrap:balance}
.smm-aside{margin:36px 0;padding:24px 28px;border-left:4px solid var(--mbm-green-600);background:var(--mbm-bg-alt);font:500 19px/1.55 var(--mbm-font-sans);color:var(--mbm-ink)}
.smm-aside b{color:var(--mbm-red-700)}

/* How it works — number-led */
.smm-how{background:var(--mbm-red-800);color:#fff;padding:96px 0;position:relative}
.smm-how::after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--mbm-green-600)}
.smm-how-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.smm-how h2{color:#fff;font:800 40px/1.15 var(--mbm-font-sans);margin:0 0 16px;letter-spacing:-.015em}
.smm-how p{color:#F2C7C7;font:400 17px/1.65 var(--mbm-font-sans);margin:0 0 14px;max-width:480px}
.smm-bignum{font:800 140px/1 var(--mbm-font-sans);color:#fff;letter-spacing:-.04em}
.smm-bignum sup{font-size:.4em;vertical-align:top;color:var(--mbm-green-500);font-weight:700}
.smm-bignum-l{font:700 14px var(--mbm-font-sans);color:#F2C7C7;text-transform:uppercase;letter-spacing:.16em;margin-top:8px}
.smm-steps{display:grid;gap:18px;margin-top:36px}
.smm-step{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:16px 0;border-top:1px solid rgba(255,255,255,.15)}
.smm-step:first-child{border-top:0}
.smm-step-n{width:34px;height:34px;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;font:800 14px var(--mbm-font-sans);color:#fff}
.smm-step-t{font:700 17px var(--mbm-font-sans);color:#fff;margin:0 0 4px}
.smm-step-d{font:400 14px/1.55 var(--mbm-font-sans);color:#F2C7C7;margin:0}

/* Map placeholder */
.smm-map{max-width:1100px;margin:0 auto;padding:48px 24px}
.smm-map-frame{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--mbm-line);box-shadow:0 12px 32px rgba(31,36,40,.10);aspect-ratio:16/8;background:#F2F4F7}
.smm-map-svg{position:absolute;inset:0;width:100%;height:100%}
.smm-map-cap{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;font:500 13px var(--mbm-font-sans);color:var(--mbm-ink-3)}
.smm-map-cap b{color:var(--mbm-ink);font-weight:700}

/* Heatmap cards (Annas decision) */
.smm-heat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.smm-heat-card{border:1px solid var(--mbm-line);border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.smm-heat-vis{aspect-ratio:1.3;background:#F4EFE8;position:relative;overflow:hidden}
.smm-heat-vis svg{position:absolute;inset:0;width:100%;height:100%}
.smm-heat-body{padding:18px}
.smm-heat-name{font:800 20px var(--mbm-font-sans);color:var(--mbm-ink);margin:0}
.smm-heat-score{display:flex;align-items:center;gap:10px;margin:8px 0 4px}
.smm-heat-bar{height:8px;background:#F4EFE8;border-radius:999px;overflow:hidden;flex:1}
.smm-heat-bar-i{height:100%;background:var(--mbm-green-600)}
.smm-heat-num{font:800 14px var(--mbm-font-sans);color:var(--mbm-red-700);min-width:36px;text-align:right}
.smm-heat-d{font:400 14px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:8px 0 0}

/* Use cases grid */
.smm-cases{background:var(--mbm-bg-alt);padding:96px 0}
.smm-cases-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.smm-cases-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:32px;flex-wrap:wrap}
.smm-cases-head h2{margin:0;font:800 38px/1.15 var(--mbm-font-sans);color:var(--mbm-ink);letter-spacing:-.015em;max-width:520px;text-wrap:balance}
.smm-cases-head p{color:var(--mbm-ink-2);font:400 16px/1.6 var(--mbm-font-sans);max-width:380px;margin:0}
.smm-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.smm-case{background:#fff;border:1px solid var(--mbm-line);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .2s cubic-bezier(.2,.7,.2,1)}
.smm-case:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(31,36,40,.10)}
.smm-case-icon{width:42px;height:42px;border-radius:8px;background:var(--mbm-red-100);display:grid;place-items:center;color:var(--mbm-red-700)}
.smm-case-icon i{font-size:20px;line-height:1}
.smm-case h3{font:700 18px var(--mbm-font-sans);color:var(--mbm-ink);margin:0}
.smm-case-d{font:400 14px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0;flex:1}
.smm-case-q{padding-top:12px;border-top:1px solid var(--mbm-line);font:500 14px/1.5 var(--mbm-font-sans);color:var(--mbm-red-700);font-style:italic}

/* Online section */
.smm-online{max-width:1100px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.smm-online-copy h2{font:800 38px/1.15 var(--mbm-font-sans);color:var(--mbm-ink);letter-spacing:-.015em;margin:0 0 14px;text-wrap:balance}
.smm-online-copy p{font:400 17px/1.65 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0 0 14px}
.smm-online-cta{display:inline-flex;align-items:center;gap:8px;font:700 15px var(--mbm-font-sans);color:var(--mbm-red-700);margin-top:8px}
.smm-flow{position:relative;padding:0 0 0 28px}
.smm-flow::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:linear-gradient(to bottom,var(--mbm-red-700),var(--mbm-green-600))}
.smm-flow-step{position:relative;padding:14px 16px 14px 0;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.smm-flow-step::before{content:"";position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:999px;background:#fff;border:2px solid var(--mbm-red-700)}
.smm-flow-step:last-child::before{border-color:var(--mbm-green-600)}
.smm-flow-icon{width:44px;height:44px;border-radius:8px;background:var(--mbm-bg-alt);display:grid;place-items:center;color:var(--mbm-red-700)}
.smm-flow-icon i{font-size:20px;line-height:1}
.smm-flow-t{font:700 16px var(--mbm-font-sans);color:var(--mbm-ink);margin:0}
.smm-flow-d{font:400 13px/1.45 var(--mbm-font-sans);color:var(--mbm-ink-3);margin:2px 0 0}

/* Partnership */
.smm-partnership{padding:96px 0;background:var(--mbm-bg-alt);border-top:1px solid var(--mbm-line)}
.smm-partnership-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.smm-partnership-head{max-width:680px;margin:0 auto 36px;text-align:center}
.smm-partnership-head h2{font:800 38px/1.15 var(--mbm-font-display);color:var(--mbm-ink);letter-spacing:-.015em;margin:0 auto 12px;max-width:620px;text-wrap:balance}
.smm-partnership-head p{font:400 17px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0 auto;max-width:580px}
.smm-partner-row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;margin-bottom:18px}
.smm-partner{background:#fff;border:1px solid var(--mbm-line);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:12px}
.smm-partner.institute{border-top:4px solid #4E6FA6}
.smm-partner.mbm{border-top:4px solid var(--mbm-red-700)}
.smm-partner-brand{display:flex;align-items:center;gap:12px}
.smm-partner-logo{width:50px;height:50px;border-radius:8px;display:grid;place-items:center;color:#fff;font:800 18px var(--mbm-font-display);flex-shrink:0;letter-spacing:-.02em}
.smm-partner.institute .smm-partner-logo{background:#4E6FA6}
.smm-partner.mbm .smm-partner-logo{background:var(--mbm-red-700)}
.smm-partner-name{font:800 18px var(--mbm-font-display);color:var(--mbm-ink);margin:0;line-height:1.2}
.smm-partner-name small{display:block;font:600 11px var(--mbm-font-display);color:var(--mbm-ink-3);text-transform:uppercase;letter-spacing:.14em;margin-top:3px}
.smm-partner-role{font:700 11px var(--mbm-font-display);text-transform:uppercase;letter-spacing:.18em;align-self:flex-start;padding:5px 11px;border-radius:999px;margin-top:4px}
.smm-partner.institute .smm-partner-role{background:#E7EEFA;color:#2C4A7A}
.smm-partner.mbm .smm-partner-role{background:var(--mbm-red-100);color:var(--mbm-red-700)}
.smm-partner h3{font:800 22px var(--mbm-font-display);color:var(--mbm-ink);margin:4px 0 8px;letter-spacing:-.005em;line-height:1.25}
.smm-partner-d{font:400 15px/1.6 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0 0 8px}
.smm-partner-list{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px}
.smm-partner-list li{display:flex;gap:10px;align-items:flex-start;font:500 14px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2)}
.smm-partner-list li i{color:var(--mbm-green-600);font-size:14px;margin-top:4px;flex-shrink:0}
.smm-partner-arrow{align-self:center;display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:#fff;color:var(--mbm-ink-3);font-size:18px;border:1px solid var(--mbm-line)}
.smm-partner-together{background:var(--mbm-ink);color:#fff;padding:22px 28px;border-radius:6px;display:flex;gap:18px;align-items:center;font:500 16px/1.5 var(--mbm-font-sans);margin-top:18px}
.smm-partner-together b{color:var(--mbm-green-500);font-weight:800}
.smm-partner-together .icon{flex-shrink:0;width:44px;height:44px;border-radius:6px;background:var(--mbm-green-600);display:grid;place-items:center;color:#fff;font-size:22px}

@media (max-width:880px){
  .smm-partner-row{grid-template-columns:1fr}
  .smm-partner-arrow{transform:rotate(90deg);margin:0 auto}
}

/* Warum MBM */
.smm-trust{background:#fff;padding:96px 0;border-top:1px solid var(--mbm-line)}
.smm-trust-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.smm-trust h2{font:800 38px/1.15 var(--mbm-font-sans);color:var(--mbm-ink);letter-spacing:-.015em;margin:0 0 16px;text-wrap:balance}
.smm-trust p{font:400 17px/1.65 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0 0 12px}
.smm-pillars{display:grid;gap:20px}
.smm-pillar{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px;border:1px solid var(--mbm-line);border-radius:6px;background:#fff}
.smm-pillar-icon{width:46px;height:46px;border-radius:6px;background:var(--mbm-red-700);color:#fff;display:grid;place-items:center}
.smm-pillar-icon i{font-size:20px;line-height:1}
.smm-pillar h3{font:800 17px var(--mbm-font-sans);color:var(--mbm-ink);margin:0 0 4px}
.smm-pillar-d{font:400 14px/1.55 var(--mbm-font-sans);color:var(--mbm-ink-2);margin:0}

/* CTA band */
.smm-cta{background:var(--mbm-ink);color:#fff;padding:64px 24px;text-align:center}
.smm-cta h2{font:800 36px/1.15 var(--mbm-font-sans);color:#fff;margin:0 0 10px;text-wrap:balance;letter-spacing:-.01em;max-width:760px;margin-left:auto;margin-right:auto}
.smm-cta p{font:400 17px/1.55 var(--mbm-font-sans);color:rgba(255,255,255,.78);margin:0 0 26px;max-width:600px;margin-left:auto;margin-right:auto}
.smm-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* dashboard panel */
.smm-dash{max-width:1100px;margin:0 auto 48px;padding:0 24px}
.smm-dash-card{background:var(--mbm-red-700);color:#fff;border-radius:6px;padding:36px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;box-shadow:0 12px 36px rgba(165,24,34,.18)}
.smm-dash-card h3{font:800 24px var(--mbm-font-sans);color:#fff;margin:0 0 8px}
.smm-dash-card p{font:400 15px/1.55 var(--mbm-font-sans);color:#F2C7C7;margin:0 0 20px}
.smm-dash-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.smm-dash-buttons .mbm-btn{justify-content:center;background:#fff;color:var(--mbm-red-800);border:0;font-size:13px;padding:12px 14px;text-align:center;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.smm-dash-buttons .mbm-btn small{font-size:11px;font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.08em}
.smm-dash-mock{aspect-ratio:1.4;background:#fff;border-radius:4px;padding:14px;color:var(--mbm-ink);box-shadow:0 8px 24px rgba(0,0,0,.18);display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.smm-dash-map{background:linear-gradient(135deg,#F4EFE8,#E5E8EC);border-radius:3px;position:relative;overflow:hidden}
.smm-dash-bars{display:grid;grid-template-rows:auto 1fr;gap:6px}
.smm-dash-title{font:700 11px var(--mbm-font-sans);color:var(--mbm-ink-2)}
.smm-dash-bargraph{display:flex;align-items:flex-end;gap:4px}
.smm-dash-bar{flex:1;border-radius:2px 2px 0 0}

@media (max-width:880px){
  .smm-hero-inner,.smm-how-inner,.smm-online,.smm-trust-inner,.smm-dash-card{grid-template-columns:1fr}
  .smm-cases-grid,.smm-heat{grid-template-columns:1fr}
  .smm-h1,.smm-section h2,.smm-how h2{font-size:32px}
  .smm-bignum{font-size:96px}
  .smm-stamp{margin:24px auto 0}
}