:root{
  --bg:#fbfaf7;
  --ink:#141516;
  --muted:rgba(20,21,22,.74);
  --faint:rgba(20,21,22,.10);
  --paper:#ffffff;
  --paper-2:rgba(255,255,255,.78);
  --teal:#0C7C86;
  --orange:#F39C12;
  --radius:18px;
  --radius-lg:28px;
  --shadow:0 18px 46px rgba(0,0,0,.10);
  --shadow-soft:0 10px 28px rgba(0,0,0,.08);
  --max:1080px;
}

/* Base */
.mm-page{color:var(--ink);margin-top:50px;background:transparent}
.mt-100{margin-top:0 !important}
.mm-page .container{max-width:var(--max)}
.mm-page a{color:var(--teal);text-decoration:none}
.mm-page hr{border:0;height:1px;background:var(--faint)}
.mm-page section.container.py-5{padding-top:44px !important;padding-bottom:44px !important}

/* Typography (SAME SCALE as wu-sociale-page) */
.mm-page h1,.mm-page h2,.mm-page h3{color:rgba(20,21,22,.98);font-weight:900;letter-spacing:-0.02em}
.mm-page h1.display-5{font-weight:950;line-height:1.15;font-size:34px;margin:0 0 14px}
.mm-page h2.h1{font-size:26px;line-height:1.2;letter-spacing:-0.01em;margin:0 0 12px}
.mm-page h3{font-size:18px;line-height:1.25;margin:0 0 10px}
.mm-page p{color:var(--muted);line-height:1.7;font-size:16px;margin:0 0 12px}
.mm-page p.lead{color:rgba(20,21,22,.82);line-height:1.7;font-size:16px;margin:0 0 12px}
.mm-page strong{color:rgba(20,21,22,.92);font-weight:850;font-size:16px}
.mm-page .small{font-size:13px !important}
.mm-page h1.display-5{max-width:640px}
.mm-page p{max-width:760px}

/* Hero */
.mm-page>section.container.py-5:first-child{padding-top:92px !important}
.mm-page>section.container.py-5:first-child .row{
  position:relative;
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.74));
  border:1px solid rgba(20,21,22,.07);
  box-shadow:var(--shadow);
  overflow:hidden;
  padding:18px;
}
.mm-page>section.container.py-5:first-child .row::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(640px 340px at 18% 18%, rgba(12,124,134,.20), transparent 62%),
    radial-gradient(560px 320px at 92% 28%, rgba(243,156,18,.18), transparent 64%);
  pointer-events:none;
}
.mm-page>section.container.py-5:first-child .row>*{position:relative;z-index:1}
.mm-page>section.container.py-5:first-child p.small.text-uppercase{
  display:inline-flex;
  align-items:center;
  gap:10px;
  letter-spacing:.10em;
  font-size:12px !important;
}
.mm-page>section.container.py-5:first-child p.small.text-uppercase::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(180deg,var(--teal),var(--orange));
  box-shadow:0 0 0 4px rgba(12,124,134,.14);
}
.mm-page>section.container.py-5:first-child img{
  border-radius:22px !important;
  border:1px solid rgba(20,21,22,.07);
  box-shadow:var(--shadow-soft);
  background:#e9eef0;
}

/* Buttons (SAME SCALE as wu-sociale-page) */
.mm-page .btn{
  border-radius:999px;
  font-weight:850;
  letter-spacing:.2px;
  padding:10px 16px;
  border-width:1px;
  box-shadow:none;
  font-size:15px;
  line-height:1.1;
}
.mm-page .btn:focus{outline:0;box-shadow:0 0 0 4px rgba(12,124,134,.18)}
.mm-page .btn.btn-warning{background:var(--orange);border-color:var(--orange);color:#1b1b1b}
.mm-page .btn.btn-warning:hover{filter:brightness(.97)}
.mm-page .btn.btn-outline-dark{border-color:rgba(20,21,22,.28);color:rgba(20,21,22,.88);background:transparent}
.mm-page .btn.btn-outline-dark:hover{background:rgba(20,21,22,.06)}
.mm-page .btn.w-100{width:100%}
.hero-cta{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px}

/* Cards / boxes */
.mm-page .bg-white{background:var(--paper) !important}
.mm-page .border{border-color:rgba(20,21,22,.08) !important}
.mm-page .shadow-sm{box-shadow:var(--shadow-soft) !important}
.mm-page .rounded-4{border-radius:var(--radius-lg) !important}
.mm-page .p-4.rounded-4.border.bg-white{position:relative;overflow:hidden}
.mm-page .p-4.rounded-4.border.bg-white::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-70px;
  width:200px;
  height:200px;
  border-radius:50%;
  background:rgba(12,124,134,.07);
  pointer-events:none;
}
.mm-page .display-6{
  font-weight:950 !important;
  letter-spacing:-.02em;
  color:rgba(20,21,22,.98);
  font-size:28px !important;
}
.mm-page .h4,.mm-page .h5{color:rgba(20,21,22,.96);font-weight:900;letter-spacing:-.01em}
.mm-page .h4{font-size:18px}
.mm-page .h5{font-size:16px}

/* Definition list */
.mm-page dl dt{color:rgba(20,21,22,.58) !important;font-weight:850 !important;font-size:14px}
.mm-page dl dd{color:rgba(20,21,22,.82);font-size:13px}

/* Images */
.mm-page .img-fluid.rounded-4{border:1px solid rgba(20,21,22,.07);background:#f0f1f2}

/* Separators */
.mm-page>section.container>hr{margin:0 !important;opacity:1}
.mm-page>section.container:not(:first-child)+section.container.py-5{padding-top:40px !important}

/* Tablet */
@media (min-width:768px){
  .mm-page>section.container.py-5:first-child{padding-top:80px !important}
  .mm-page>section.container.py-5:first-child .row{padding:26px}
  .mm-page h1.display-5{font-size:38px}
  .mm-page h2.h1{font-size:28px}
  .mm-page p{font-size:16px}
  .mm-page p.lead{font-size:16px}
  .mm-page .btn{padding:10px 18px;font-size:15px}
}

/* Desktop */
@media (min-width:992px){
  .mm-page{margin-top:0}
  .mm-page>section.container.py-5:first-child{padding-top:96px !important}
  .mm-page section.container.py-5{padding-top:52px !important;padding-bottom:52px !important}
  .mm-page h1.display-5{font-size:42px;max-width:720px}
  .mm-page h2.h1{font-size:30px}
  .mm-page p{font-size:17px;max-width:820px}
  .mm-page p.lead{font-size:17px}
  .mm-page .btn{font-size:15px;padding:10px 18px; color: white !important}
  .mm-page .btn-white{color:#F39C12 !important; border: 1px solid #F39C12 !important;}
  .hero-cta{flex-direction:row}
}