:root{
  --mmg-bg:#FFFFFF;
  --mmg-bg-2:#F4F6F9;
  --mmg-ink:#171F2E;
  --mmg-muted:#5A6473;
  --mmg-faint:#9298A6;
  --mmg-line:rgba(20,28,46,.10);
  --mmg-maxw:1340px;
  --mmg-radius:20px;
  --mmg-shadow-soft:0 1px 3px rgba(20,28,46,.06);
  --mmg-shadow-card:0 28px 64px -32px rgba(20,28,46,.26);
  --mmg-shadow-hover:0 24px 50px -28px rgba(20,28,46,.28);
}

html{scroll-behavior:smooth;}
body{
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--mmg-ink);
  background:var(--mmg-bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(1000px 700px at 88% -10%,rgba(20,28,46,.05),transparent 60%),
    linear-gradient(180deg,#FFFFFF 0%,#F5F6F9 100%);
}

.mmg-wrap{
  max-width:var(--mmg-maxw);
  margin:0 auto;
  padding:0 32px;
}

.mmg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-family:'Sora',sans-serif;
  font-weight:600;
  font-size:15.5px;
  border:0;
  cursor:pointer;
  border-radius:12px;
  padding:14px 24px;
  transition:.22s;
  text-align:center;
  text-decoration:none!important;
  line-height:1.2;
}
.mmg-btn-primary{
  background:var(--mmg-ink);
  color:#fff!important;
  box-shadow:0 12px 28px -12px rgba(20,28,46,.45);
}
.mmg-btn-primary:hover{
  transform:translateY(-2px);
  background:#0F1722;
  box-shadow:0 18px 40px -14px rgba(20,28,46,.5);
}

/* Shared new-homepage header */
.mmg-site-header{
  position:sticky;
  top:0;
  z-index:80;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--mmg-line);
  box-shadow:0 1px 0 rgba(20,28,46,.04);
}
.mmg-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:78px;
  gap:24px;
}
.mmg-brand{
  display:inline-flex;
  align-items:center;
  flex:none;
  text-decoration:none!important;
}
.mmg-brand img{
  display:block;
  height:38px;
  width:auto;
  max-width:230px;
}
.mmg-navlinks{
  display:flex;
  align-items:center;
  gap:30px;
  margin-left:auto;
}
.mmg-navlinks a{
  font-size:15px;
  color:var(--mmg-muted)!important;
  font-weight:500;
  transition:.18s;
  text-decoration:none!important;
}
.mmg-navlinks a:hover{color:var(--mmg-ink)!important;}
.mmg-nav-cta{flex:none;}
.mmg-nav-cta .mmg-btn{padding:11px 20px;font-size:14.5px;}
.mmg-burger{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:0;
  cursor:pointer;
  padding:8px;
  margin:0;
}
.mmg-burger span{
  width:24px;
  height:2px;
  background:var(--mmg-ink);
  border-radius:2px;
  transition:.25s;
}
.mmg-mobile-menu{
  display:none;
  flex-direction:column;
  gap:4px;
  padding:12px 32px 22px;
  border-bottom:1px solid var(--mmg-line);
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.mmg-mobile-menu a{
  padding:11px 0;
  color:var(--mmg-muted)!important;
  font-weight:500;
  font-size:15px;
  border-bottom:1px solid var(--mmg-line);
  text-decoration:none!important;
}
.mmg-mobile-menu .mmg-btn{
  margin-top:14px;
  padding:13px 20px;
  color:#fff!important;
}

/* Shared new-homepage footer */
.mmg-site-footer{
  border-top:1px solid var(--mmg-line);
  padding:60px 0 44px;
  margin-top:10px;
  background:transparent;
}
.mmg-foot-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:36px;
}
.mmg-foot-brand .mmg-brand{margin-bottom:16px;}
.mmg-foot-brand p{
  color:var(--mmg-faint);
  font-size:13.5px;
  line-height:1.7;
  max-width:360px;
  margin:0;
}
.mmg-foot-col h4{
  font-family:'Sora',sans-serif;
  font-size:12.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mmg-muted);
  margin:0 0 16px;
  line-height:1.2;
}
.mmg-foot-col a{
  display:block;
  color:var(--mmg-faint)!important;
  font-size:14px;
  padding:6px 0;
  transition:.18s;
  text-decoration:none!important;
}
.mmg-foot-col a:hover{color:var(--mmg-ink)!important;}
.mmg-foot-bottom{
  border-top:1px solid var(--mmg-line);
  margin-top:44px;
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  color:var(--mmg-faint);
  font-size:13px;
}

/* Blog index refresh: keeps existing blog.hbs markup, updates the visual language */
#blog-index{
  max-width:var(--mmg-maxw);
  padding:84px 32px 88px!important;
  color:var(--mmg-ink);
}
#blog-index header{
  position:static;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#blog-index .blog-editorial{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
#blog-index .blog-item--featured{grid-column:1 / -1;}
#blog-index .card{
  border:1px solid var(--mmg-line)!important;
  border-radius:var(--mmg-radius)!important;
  background:#fff!important;
  box-shadow:var(--mmg-shadow-soft)!important;
  transition:.25s;
}
#blog-index .card:hover{
  transform:translateY(-4px);
  box-shadow:var(--mmg-shadow-hover)!important;
}
#blog-index .card-body{padding:28px!important;}
#blog-index h1,
#blog-index h2,
#blog-index h3,
#blog-index .card-title{
  font-family:'Sora',sans-serif;
  letter-spacing:-.02em;
  color:var(--mmg-ink);
}
#blog-index h2 a,
#blog-index .card-title a{
  color:var(--mmg-ink)!important;
  text-decoration:none!important;
}
#blog-index .text-muted,
#blog-index .text-secondary{
  color:var(--mmg-muted)!important;
}
#blog-index .blog-media{
  position:relative;
  overflow:hidden;
  background:var(--mmg-bg-2);
}
#blog-index .blog-img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.35s;
}
#blog-index .card:hover .blog-img{transform:scale(1.035);}
#blog-index .blog-badge{
  position:absolute;
  left:16px;
  top:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  font-family:'Sora',sans-serif;
  font-weight:600;
  font-size:12px;
  color:var(--mmg-ink);
  background:rgba(255,255,255,.88);
  border:1px solid var(--mmg-line);
  border-radius:999px;
  padding:7px 12px;
  backdrop-filter:blur(8px);
}
#blog-index nav[role="navigation"],
#blog-index > nav{
  color:var(--mmg-muted);
  font-family:'Sora',sans-serif;
}

@media(max-width:980px){
  .mmg-foot-grid{grid-template-columns:1fr 1fr;}
  #blog-index .blog-editorial{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .mmg-navlinks,.mmg-nav-cta{display:none;}
  .mmg-burger{display:flex;}
  .mmg-mobile-menu.open{display:flex;}
}
@media(max-width:600px){
  .mmg-wrap{padding:0 20px;}
  .mmg-brand img{height:34px;max-width:200px;}
  .mmg-nav{min-height:70px;}
  .mmg-mobile-menu{padding:12px 20px 22px;}
  .mmg-foot-grid{grid-template-columns:1fr;}
  .mmg-site-footer{padding:48px 0 36px;}
  #blog-index{padding:56px 20px 68px!important;}
  #blog-index .blog-editorial{grid-template-columns:1fr;}
  #blog-index .card-body{padding:24px!important;}
}