/* ==========================================================================
   FE-MCP — namespaced styles. Everything is scoped under .fe-mcp so it
   cannot collide with existing site CSS, and nothing here touches a bare
   element selector or a Bootstrap class name.
========================================================================== */

.fe-mcp{
  --fe-mcp-teal:#00A8BD;
  --fe-mcp-teal-dark:#00B4C9;
  --fe-mcp-teal-deep:#008C9D;
  --fe-mcp-teal-tint:#e6f4f3;
  --fe-mcp-navy:#0f2430;
  --fe-mcp-body:#242a2e;
  --fe-mcp-body-soft:#212425;
  --fe-mcp-border:#e7eaf0;
  --fe-mcp-bg-soft:#f5f6fa;
  --fe-mcp-gold:#f5a623;
  --fe-mcp-white:#ffffff;


  font-family:var(--fe-mcp-font-body);
  color:var(--fe-mcp-navy);
  background:var(--fe-mcp-white);
  overflow-x:hidden;
}
.fe-mcp *{ box-sizing:border-box; }
.fe-mcp a{ text-decoration:none; }
.fe-mcp ul{ list-style:none; margin:0; padding:0; }
.fe-mcp img{ max-width:100%; display:block; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.fe-mcp button{ font-family:inherit; }

.fe-mcp-container{
  width:100%;
  max-width:1450px;
  margin-inline:auto;
  padding-inline:1.25rem;
}

/* ---------- shared section heading w/ dash rules ---------- */
.fe-mcp-rule-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.9rem;
  text-align:center;
  font-family:var(--fe-mcp-font-head);
  font-weight:700;
  font-size:30px;
  color:var(--fe-mcp-navy);
  margin:0 0 2.5rem;
}
.fe-mcp-rule-heading::before,
.fe-mcp-rule-heading::after{
  content:"";
  width:28px;
  height:2px;
  background:var(--fe-mcp-teal);
  border-radius:2px;
  flex:0 0 auto;
}

/* ============================== NAVBAR ============================== */
.fe-mcp-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:1.1rem 0;
  background:var(--fe-mcp-white);
  position:relative;
  z-index:20;
}
.fe-mcp-logo{ display:flex; align-items:center; gap:.5rem; }
.fe-mcp-logo-bolt{ width:30px; height:34px; flex:0 0 auto; color:var(--fe-mcp-teal); }
.fe-mcp-logo-bolt svg{ width:100%; height:100%; }
.fe-mcp-logo-text{ font-family:var(--fe-mcp-font-head); font-weight:700; line-height:1.05; font-size:1.05rem; letter-spacing:.2px; }
.fe-mcp-logo-text span{ display:block; }
.fe-mcp-logo-text .fe-mcp-logo-find{ color:var(--fe-mcp-navy); }
.fe-mcp-logo-text .fe-mcp-logo-electro{ color:var(--fe-mcp-teal); }

.fe-mcp-nav-links{ display:flex; align-items:center; gap:1.85rem; }
.fe-mcp-nav-links li a{
  font-size:.92rem;
  font-weight:500;
  color:#33414a;
  padding-bottom:6px;
  border-bottom:2px solid transparent;
  transition:color .15s ease, border-color .15s ease;
  white-space:nowrap;
}
.fe-mcp-nav-links li a:hover{ color:var(--fe-mcp-teal); }
.fe-mcp-nav-links li a.fe-mcp-active{
  color:var(--fe-mcp-teal);
  border-bottom-color:var(--fe-mcp-teal);
  font-weight:600;
}

.fe-mcp-nav-actions{ display:flex; align-items:center; gap:.7rem; flex:0 0 auto; }
.fe-mcp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  font-family:var(--fe-mcp-font-body);
  font-weight:600;
  font-size:.92rem;
  border-radius:8px;
  padding:.55rem 1.15rem;
  border:1.5px solid transparent;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, background .15s ease;
  white-space:nowrap;
}
.fe-mcp-btn-outline{
  background:var(--fe-mcp-white);
  border-color:#bcd9dc;
  color:var(--fe-mcp-teal);
}
.fe-mcp-btn-outline:hover{ background:var(--fe-mcp-teal-tint); }
.fe-mcp-btn-solid{
  background:#008C9D;
  color:var(--fe-mcp-white);
  box-shadow:0 6px 14px -6px rgba(12,117,131,.55);
}
.fe-mcp-btn-solid:hover{ transform:translateY(-1px); box-shadow:0 10px 18px -8px rgba(12,117,131,.6); }
.fe-mcp-btn-block{ width:100%; }
.fe-mcp-btn-lg{ padding:.8rem 1.4rem; font-size:.97rem; border-radius:10px; }

/* ============================== HERO ============================== */
.fe-mcp-hero{ padding:2.2rem 0 2.75rem; position:relative; }
.fe-mcp-hero-grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:2.5rem; align-items:center; }

.fe-mcp-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:var(--fe-mcp-teal-tint);
  color:var(--fe-mcp-teal-dark);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.4rem .85rem;
  border-radius:50px;
  margin-bottom:1.1rem;
}
.fe-mcp-h1{
  font-family:var(--fe-mcp-font-head);
  font-weight:700;
  font-size:48.256px ;
  line-height:1.18;
  margin:0 0 1rem;
  color:var(--fe-mcp-navy);
}
.fe-mcp-h1 .fe-mcp-h1-accent{ display:block; color:var(--fe-mcp-teal); }

.fe-mcp-hero-copy{
  font-size:1rem;
  line-height:1.6;
  color:var(--fe-mcp-body);
  max-width:480px;
  margin:0 0 1.6rem;
}
.fe-mcp-hero-copy strong{ color:var(--fe-mcp-teal-dark); font-weight:700; }

.fe-mcp-search-row{
  display:flex;
  gap:.6rem;
  background:var(--fe-mcp-white);
  margin-bottom:1.4rem;
}
.fe-mcp-input-wrap{
  position:relative;
  flex:1 1 auto;
}
.fe-mcp-input-wrap input{
  width:100%;
  height:50px;
  border:1.5px solid var(--fe-mcp-border);
  border-radius:10px;
  padding:0 2.6rem 0 1rem;
  font-size:.92rem;
  font-family:inherit;
  color:var(--fe-mcp-navy);
  outline:none;
}
.fe-mcp-input-wrap input::placeholder{ color:#9aa6ad; }
.fe-mcp-input-wrap input:focus{ border-color:var(--fe-mcp-teal); }
.fe-mcp-input-icon{
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  color:var(--fe-mcp-teal);
  font-size:1rem;
  pointer-events:none;
}
.fe-mcp-search-row .fe-mcp-btn{ height:50px; padding-inline:1.4rem; flex:0 0 auto; }

.fe-mcp-trustbar{
  display:flex;
  flex-wrap:wrap;
  gap:1.4rem 1.8rem;
}
.fe-mcp-trust-item{ display:flex; align-items:center; gap:.75rem; }
.fe-mcp-trust-ic{
  width:34px; height:34px; flex:0 0 auto;
  border-radius:50%;
  border:1.5px solid #bfdde0;
  display:flex; align-items:center; justify-content:center;
  color:var(--fe-mcp-teal);
  font-size:.95rem;
  background:var(--fe-mcp-white);
}
.fe-mcp-trust-text{ font-size:1rem; line-height:1.3; }
.fe-mcp-trust-text b{ display:block; color:var(--fe-mcp-navy); font-weight:700; }
.fe-mcp-trust-text span{ color:var(--fe-mcp-body-soft); }

/* hero visual */
.fe-mcp-hero-visual{ position:relative;  }
.fe-mcp-hero-visual img{
  border-radius: 18px;
}
.fe-mcp-img-ph{
  width:100%;
  border-radius:18px;
  background:linear-gradient(135deg,#dfeef0 0%,#aecdd2 55%,#7fa6ac 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#3c5d63;
  font-size:.78rem;
  font-weight:600;
  padding:1rem;
  position:relative;
  overflow:hidden;
}
.fe-mcp-img-ph::after{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 60%);
}
.fe-mcp-img-ph i{ font-size:1.8rem; display:block; margin-bottom:.4rem; opacity:.7; }
.fe-mcp-hero-visual .fe-mcp-img-ph{ height:430px; }

.fe-mcp-member-card{
  position:absolute;
  right:-10px;
  bottom:-30px;
  width:230px;
  background:var(--fe-mcp-white);
  border-radius:14px;
  box-shadow:0 20px 40px -12px rgba(15,36,48,.28);
  padding:1.1rem 1.2rem 1.2rem;
}
.fe-mcp-member-ic{
  width:34px; height:34px;
  border-radius:50%;
  background:var(--fe-mcp-teal);
  color:var(--fe-mcp-white);
  display:flex; align-items:center; justify-content:center;
  font-size:.95rem;
  margin-bottom:.6rem;
}
.fe-mcp-member-card .fe-mcp-eyebrow{
  font-size:.62rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--fe-mcp-body-soft); margin-bottom:.5rem;
}
.fe-mcp-member-card .fe-mcp-uptolabel{ font-size:.78rem; color:var(--fe-mcp-body); margin-bottom:.1rem; }
.fe-mcp-member-card .fe-mcp-pct{
  font-family:var(--fe-mcp-font-head);
  font-weight:800; font-size:2rem; color:var(--fe-mcp-teal); line-height:1.05;
}
.fe-mcp-member-card .fe-mcp-pctsub{ font-size:.78rem; color:var(--fe-mcp-body); margin-top:.25rem; }

/* ============================== FEATURE STRIP ============================== */
.fe-mcp-featurebar{
  background:var(--fe-mcp-bg-soft);
  border-radius:16px;
  padding:1.6rem 1.8rem;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.5rem;
  margin:1.5rem 0 3.5rem;
}
.fe-mcp-feature{ display:flex; align-items:flex-start; gap:.85rem; }
.fe-mcp-feature i{ font-size:1.55rem; color:var(--fe-mcp-teal); flex:0 0 auto; margin-top:.1rem; }
.fe-mcp-feature h4{ font-family:var(--fe-mcp-font-head); font-size:1.2rem; font-weight:700; color:#0B93A0; margin:0 0 .25rem; }
.fe-mcp-feature p{ font-size:.9rem; color:var(--fe-mcp-body-soft); margin:0; line-height:1.4; }

/* ============================== HOW IT WORKS ============================== */
.fe-mcp-how{ padding:1.5rem 0 3.5rem; }
.fe-mcp-how-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; position:relative; }
.fe-mcp-how-row::before{
  content:"";
  position:absolute;
  top:35px;
  left:12%;
  right:12%;
  height:0;
  border-top:2px dashed #d6dde2;
  z-index:0;
}
.fe-mcp-how-step{ position:relative; z-index:1; text-align:center; padding-top:0; }
.fe-mcp-how-circle{
  width:70px; height:70px;
  border-radius:50%;
  border:1.5px solid #bfdde0;
  background:var(--fe-mcp-white);
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; color:var(--fe-mcp-teal);
  margin:0 auto .9rem;
  position:relative;
}
.fe-mcp-how-num{
  position:absolute;
  bottom:-2px; left:50%;
  transform:translate(-50%,40%);
  width:20px; height:20px;
  border-radius:50%;
  background:var(--fe-mcp-teal-deep);
  color:var(--fe-mcp-white);
  font-size:.68rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}
.fe-mcp-how-step h4{ font-family:var(--fe-mcp-font-head); font-size:.92rem; font-weight:700; margin:.6rem 0 .35rem; color:var(--fe-mcp-navy); }
.fe-mcp-how-step p{ font-size:.8rem; color:var(--fe-mcp-body-soft); margin:0; line-height:1.4; padding-inline:.3rem; }

/* ============================== WHERE WE CHARGE ============================== */
.fe-mcp-where{ padding:0 0 3.5rem; }
.fe-mcp-where-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.fe-mcp-where-card{
  border:1px solid var(--fe-mcp-border);
  border-radius:14px;
  overflow:visible;
  background:var(--fe-mcp-white);
  box-shadow:0 8px 20px -14px rgba(15,36,48,.25);
}
.fe-mcp-where-card .fe-mcp-img-ph{
  height:130px;
  border-radius:14px 14px 0 0;
  margin-bottom:0;
}
.fe-mcp-where-photo-1{ background:linear-gradient(135deg,#9fb6a8,#4c6354 70%); }
.fe-mcp-where-photo-2{ background:linear-gradient(135deg,#d8cdb8,#9c8a68 70%); }
.fe-mcp-where-photo-3{ background:linear-gradient(135deg,#22384c,#0d1722 70%); }
.fe-mcp-where-photo-4{ background:linear-gradient(135deg,#1d2533,#070a10 70%); }
.fe-mcp-where-badge{
  width:42px; height:42px;
  border-radius:50%;
  background:var(--fe-mcp-teal-deep);
  color:var(--fe-mcp-white);
  display:flex; align-items:center; justify-content:center;
  font-size:1.05rem;
  margin:-21px 0 0 .9rem;
  border:3px solid var(--fe-mcp-white);
  position:relative;
}
.fe-mcp-where-body{ padding:.7rem 1rem 1.1rem; }
.fe-mcp-where-body h4{ font-family:var(--fe-mcp-font-head); font-size:.92rem; font-weight:700; margin:0 0 .3rem; color:var(--fe-mcp-navy); }
.fe-mcp-where-body p{ font-size:.8rem; color:var(--fe-mcp-body-soft); margin:0; line-height:1.4; }

/* ============================== NEED A CHARGE + WHY ============================== */
.fe-mcp-split{ padding:0 0 3.5rem; display:grid; grid-template-columns:1.05fr 1fr; gap:1.4rem; align-items:stretch; }

.fe-mcp-needbox{
  background:linear-gradient(155deg,var(--fe-mcp-teal-deep) 0%,#0a3a4d 100%);
  border-radius:16px;
  padding:2rem;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:1.5rem;
  align-items:center;
  color:var(--fe-mcp-white);
}
.fe-mcp-needbox h3{ font-family:var(--fe-mcp-font-head); font-size:2.35rem; font-weight:700; margin:0 0 .5rem;color: #fff; }
.fe-mcp-needbox > div > p{ font-size:.86rem; color:#cfe3e6; margin:0 0 1.3rem; line-height:1.5; }
.fe-mcp-needbox .fe-mcp-input-wrap input{ background:var(--fe-mcp-white); border:none; margin-bottom:.7rem; }
.fe-mcp-needbox .fe-mcp-input-wrap:last-of-type{ margin-bottom:0; }
.fe-mcp-need-select{
  width:100%; height:50px; border:none; border-radius:10px;
  padding:0 1rem; font-size:.92rem; color:var(--fe-mcp-navy);
  margin-bottom:.9rem; font-family:inherit;
  background:var(--fe-mcp-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%235b6b76' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>") no-repeat right 1rem center;
  appearance:none;
}
.fe-mcp-needbox .fe-mcp-btn-solid{ width:100%; }
.fe-mcp-need-phone .fe-mcp-img-ph{
  height:280px;
  border-radius:20px;
  background:linear-gradient(160deg,#f3f6f8,#cfd9dd);
  color:#395056;
}
.fe-mcp-need-phone img{
  border-radius: 22px;
}
.fe-mcp-whybox{
  background:var(--fe-mcp-bg-soft);
  border-radius:16px;
  padding:2rem;
}
.fe-mcp-whybox h3{ font-family:var(--fe-mcp-font-head); font-size:30px; font-weight:700; margin:0 0 1.4rem; color:var(--fe-mcp-navy); }
.fe-mcp-why-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.3rem 1.2rem; }
.fe-mcp-why-item{ display:flex; align-items:flex-start; gap:.7rem; }
.fe-mcp-why-ic{
  width:38px; height:38px; flex:0 0 auto;
  border-radius:50%;
  border:1.5px solid #bfdde0;
  display:flex; align-items:center; justify-content:center;
  color:var(--fe-mcp-white); font-size:1rem;
  background:var(--fe-mcp-teal);
}
.fe-mcp-why-item h5{ font-family:var(--fe-mcp-font-head); font-size:1rem; font-weight:700; margin:0 0 .2rem; color:var(--fe-mcp-navy); }
.fe-mcp-why-item p{ font-size:.98rem; color:var(--fe-mcp-body-soft); margin:0; line-height:1.4; }

/* ============================== TRUSTED BY EV DRIVERS ============================== */
.fe-mcp-trusted{ padding:0 0 3.5rem; }
.fe-mcp-trusted-box{
  border:1px solid var(--fe-mcp-border);
  border-radius:16px;
  padding:1.8rem;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:1.8rem;
}
.fe-mcp-trusted-box h3{ font-family:var(--fe-mcp-font-head); font-size:30px; font-weight:700; margin:0 0 1.2rem; }
.fe-mcp-stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.fe-mcp-stat{ text-align:left; }
.fe-mcp-stat i{ font-size:2.2rem; color:var(--fe-mcp-teal); margin-bottom:.45rem; display:block; }
.fe-mcp-stat .fe-mcp-stat-num{ font-family:var(--fe-mcp-font-head); font-size:1.15rem; font-weight:700; color:var(--fe-mcp-teal); display:block; }
.fe-mcp-stat .fe-mcp-stat-label{ font-size:.72rem; color:var(--fe-mcp-body-soft); }

.fe-mcp-testi-row{ display:flex; align-items:center; gap:.7rem; }
.fe-mcp-testi-arrow{
  width:34px; height:34px; flex:0 0 auto;
  border-radius:50%; border:1.5px solid var(--fe-mcp-border);
  display:flex; align-items:center; justify-content:center;
  color:var(--fe-mcp-navy); background:var(--fe-mcp-white); cursor:pointer;
}
.fe-mcp-testi-track{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; flex:1 1 auto; }
.fe-mcp-testi-card{ border:1px solid var(--fe-mcp-border); border-radius:12px; padding:1rem 1.1rem; }
.fe-mcp-stars{ color:var(--fe-mcp-gold); font-size:1.4rem; letter-spacing:2px; margin-bottom:.5rem; }
.fe-mcp-testi-card p{ font-size:.82rem; font-style:italic; color:var(--fe-mcp-navy); margin:0 0 .9rem; line-height:1.45; }
.fe-mcp-testi-person{ display:flex; align-items:center; gap:.6rem; }
.fe-mcp-avatar{
  width:34px; height:34px; border-radius:50%;
  background:var(--fe-mcp-teal-tint); color:var(--fe-mcp-teal-dark);
  display:flex; align-items:center; justify-content:center; font-size:.9rem;
}
.fe-mcp-testi-person b{ display:block; font-size:.8rem; color:var(--fe-mcp-navy); }
.fe-mcp-testi-person span{ font-size:.72rem; color:var(--fe-mcp-body-soft); }

/* ============================== CHARGE ON BANNER ============================== */
.fe-mcp-cta{ padding:0 0 3rem; }
.fe-mcp-cta-box{
  background:linear-gradient(100deg,var(--fe-mcp-teal-deep) 0%,var(--fe-mcp-teal) 65%,#0f8fa3 100%);
  border-radius:18px;
  padding:2.4rem 2.6rem;
  display:grid;
  grid-template-columns:1fr .85fr;
  align-items:center;
  gap:1.5rem;
  color:var(--fe-mcp-white);
  position:relative;
  overflow:hidden;
}
.fe-mcp-cta-box h2{ font-family:var(--fe-mcp-font-head); font-size:40px; font-weight:700; margin:0 0 .4rem;color: #fff; }
.fe-mcp-cta-box > div > p{ font-size:1.02rem; color:#d9eef0; margin:0 0 1.3rem; }
.fe-mcp-store-row{ display:flex; gap:.7rem; }
.fe-mcp-store-btn{
  display:flex; align-items:center; gap:.55rem;
  background:#000; color:var(--fe-mcp-white);
  border-radius:9px; padding:.5rem .95rem;
  border:1px solid #2c2c2c;
}
.fe-mcp-store-btn i{ font-size:1.35rem; }
.fe-mcp-store-btn .fe-mcp-store-text{ line-height:1.15; text-align:left; }
.fe-mcp-store-btn .fe-mcp-store-text small{ display:block; font-size:.6rem; color:#c9c9c9; }
.fe-mcp-store-btn .fe-mcp-store-text strong{ font-size:.92rem; font-weight:700; }
.fe-mcp-cta-visual .fe-mcp-img-ph{
  height:170px; border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));
  color:rgba(255,255,255,.85);
  border:1px dashed rgba(255,255,255,.35);
}

/* ============================== FOOTER MINI STRIP ============================== */
.fe-mcp-foot{ padding-bottom:3rem; }
.fe-mcp-foot-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.fe-mcp-foot-item{ display:flex; align-items:flex-start; gap:.7rem; }
.fe-mcp-foot-ic{
  width:40px; height:40px; flex:0 0 auto; border-radius:50%;
  border:1.5px solid #bfdde0; color:#fff;background: var(--fe-mcp-teal);
  display:flex; align-items:center; justify-content:center; font-size:1rem;
}
.fe-mcp-foot-ic i {
  font-size: 26px;
}
.fe-mcp-foot-item h5{ font-family:var(--fe-mcp-font-head); font-size:1.02rem; font-weight:700; margin:0 0 .2rem; color:var(--fe-mcp-navy); }
.fe-mcp-foot-item p{ font-size:.96rem; color:var(--fe-mcp-body-soft); margin:0; line-height:1.4; }

/* ============================== RESPONSIVE ============================== */
@media (max-width: 991.98px){
  .fe-mcp-nav-links{ display:none; }
  .fe-mcp-hero-grid{ grid-template-columns:1fr; }
  .fe-mcp-hero-visual{ order:-1; }
  .fe-mcp-member-card{ position:static; width:100%; margin-top:1rem; }
  .fe-mcp-featurebar{ grid-template-columns:repeat(2,1fr); }
  .fe-mcp-how-row{ grid-template-columns:repeat(2,1fr); row-gap:2rem; }
  .fe-mcp-how-row::before{ display:none; }
  .fe-mcp-where-row{ grid-template-columns:repeat(2,1fr); }
  .fe-mcp-split{ grid-template-columns:1fr; }
  .fe-mcp-needbox{ grid-template-columns:1fr; }
  .fe-mcp-why-grid{ grid-template-columns:1fr; }
  .fe-mcp-trusted-box{ grid-template-columns:1fr; }
  .fe-mcp-stat-grid{ grid-template-columns:repeat(4,1fr); }
  .fe-mcp-testi-track{ grid-template-columns:1fr; }
  .fe-mcp-cta-box{ grid-template-columns:1fr; text-align:left; }
  .fe-mcp-foot-row{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 575.98px){
  .fe-mcp-h1{ font-size:1.9rem; }
  .fe-mcp-search-row{ flex-direction:column; }
  .fe-mcp-featurebar{ grid-template-columns:1fr; }
  .fe-mcp-where-row{ grid-template-columns:1fr; }
  .fe-mcp-stat-grid{ grid-template-columns:repeat(2,1fr); }
  .fe-mcp-foot-row{ grid-template-columns:1fr; }
  .fe-mcp-cta-box{ padding:1.8rem; }
}