/* Features page — section chrome; cards use global .teaser-card.glass-card */
.mpf{
  position:relative;
  overflow:hidden;
  padding:96px 0 100px;
  color:#FDFCF8;
  background:#101416;
}
.mpf-bg{
  position:absolute;inset:0;z-index:0;
  background-image:url('images/usp-browser-scan.png');
  background-size:cover;
  background-position:center;
}
.mpf-veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(115deg, rgba(10,12,14,.92) 0%, rgba(16,26,28,.86) 45%, rgba(10,12,14,.78) 100%),
    radial-gradient(circle at 80% 20%, rgba(226,163,59,.14), transparent 42%);
}
.mpf > .wrap{
  position:relative;
  z-index:3;
  max-width:1120px;
  margin:0 auto;
  padding:0 32px;
}
.mpf-head{
  max-width:640px;
  margin-bottom:40px;
}
.mpf-block + .mpf-block{margin-top:72px;}
.mpf-eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#F3D9A6 !important;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.mpf-eyebrow::before{
  content:"";
  width:16px;height:1px;
  background:#F3D9A6;
}
.mpf-head h2{
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(28px,3.6vw,40px);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.08;
  margin:14px 0 0;
  color:#FDFCF8 !important;
}
.mpf-head p{
  margin:16px 0 0;
  font-family:'Sora',system-ui,sans-serif;
  font-size:16.5px;
  line-height:1.55;
  color:rgba(253,252,248,.82) !important;
}

/* teaser-grid spacing inside features page */
.mpf .teaser-grid,
.mpf-grid.teaser-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  background:transparent;
  border:none;
  box-shadow:none;
  overflow:visible;
}

/* Force glass cards readable on this page (overrides global white-text bleach) */
.mpf .teaser-card.glass-card{
  background:rgba(33,32,31,.72) !important; /* #21201F translucent */
  border:1px solid rgba(253,252,248,.16) !important;
  border-radius:18px;
  padding:28px;
  color:rgba(253,252,248,.78) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.mpf .teaser-card.glass-card h3{
  color:#FDFCF8 !important;
  font-size:16.5px;
  margin-bottom:8px;
}
.mpf .teaser-card.glass-card p{
  color:rgba(253,252,248,.72) !important;
  font-size:14px;
}
.mpf .teaser-card.glass-card:hover{
  background:rgba(33,32,31,.88) !important;
  border-color:rgba(226,163,59,.4) !important;
}

@media(max-width:900px){
  .mpf{padding:72px 0 80px;}
  .mpf > .wrap{padding:0 20px;}
  .mpf .teaser-grid,
  .mpf-grid.teaser-grid{grid-template-columns:1fr;}
  .mpf-block + .mpf-block{margin-top:56px;}
}