/* EPI Implementation styles */
:root{
  --epi-bg:#0b1624;
  --epi-text:#e7edf3;
  --epi-muted:#b7c4d3;
  --epi-accent:#e53935;
  --epi-line:#183049;
}

.epi-impl{background:linear-gradient(180deg, #0b1624 0%, #0a1320 100%); color:var(--epi-text); padding:48px 16px; font-family:inherit;}
.epi-impl__wrap{max-width:960px;margin:0 auto;}
.epi-impl__header{text-align:center;margin-bottom:18px;}
.epi-impl__title{letter-spacing:1px;font-weight:700;font-size:42px;margin:0 0 10px;text-transform:uppercase;}
.epi-impl__hero{color:var(--epi-muted);margin:0 auto 10px;max-width:720px;}
.epi-impl__rule{height:2px;background:linear-gradient(90deg, transparent, var(--epi-line), transparent);margin:0 auto 8px;max-width:720px;opacity:.7;}
.epi-impl__intro{margin:16px auto 6px;max-width:760px;text-align:center;color:var(--epi-muted);}

.epi-impl__list{list-style:none;counter-reset: step; margin:20px auto; padding:0; max-width:860px;}
.epi-impl__item{display:grid; grid-template-columns:72px 1fr; gap:16px; padding:16px 12px; border-radius:12px; background:rgba(255,255,255,0.02); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03); align-items:center;}
.epi-impl__item + .epi-impl__item{margin-top:12px;}
.epi-impl__text{line-height:1.55;}

.epi-impl__divider{height:1px;background:linear-gradient(90deg, transparent, var(--epi-line), transparent); margin:28px 0; opacity:.6;}
.epi-impl__subtitle{text-align:center;margin:0 0 18px; text-transform:uppercase; letter-spacing:.5px;}

.epi-impl__install{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; list-style:none; padding:0; margin:0 0 8px;}
.epi-impl__install-item{text-align:center; background:rgba(255,255,255,0.02); border-radius:14px; padding:18px 14px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);}
.epi-impl__install-title{margin-top:10px; font-weight:600;}
.epi-impl__install-desc{color:var(--epi-muted); font-size:14px; line-height:1.5; margin-top:8px;}

.epi-impl__consult{margin-top:18px; text-align:center; color:var(--epi-muted); font-style:italic;}

@media (max-width: 900px){
  .epi-impl__install{grid-template-columns:repeat(2,1fr);}
  .epi-impl__item{grid-template-columns:56px 1fr;}
}
@media (max-width: 540px){
  .epi-impl__install{grid-template-columns:1fr;}
  .epi-impl__title{font-size:34px;}
}

/* Minimal icons (CSS backgrounds using inline SVG data) */
.epi-impl__icon,
.epi-impl__install-icon{width:64px;height:64px;border-radius:12px;background:rgba(4,12,24,.6);position:relative;box-shadow:0 8px 22px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.04);}
.epi-impl__icon:after,
.epi-impl__install-icon:after{content:'';position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:70%;filter:drop-shadow(0 0 8px rgba(229,57,53,.25));opacity:.95;}

/* Hex/cluster */
.epi-impl__icon--cluster:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23b9c7d6' stroke-width='4'><path d='M50 8l19 11v22L50 52 31 41V19z'/><path d='M81 26l11 19-11 19H69L58 45l11-19z'/><path d='M31 41l-11 19H8L19 41 31 41z'/></svg>");}

/* Region */
.epi-impl__icon--region:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23b9c7d6' stroke-width='4'><circle cx='50' cy='50' r='30'/><circle cx='50' cy='50' r='18'/><circle cx='50' cy='50' r='8'/></svg>");}

/* Country */
.epi-impl__icon--country:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23b9c7d6' stroke-width='4'><rect x='18' y='18' width='64' height='64' rx='8'/><path d='M18 50h64M50 18v64'/></svg>");}

/* Pilot */
.epi-impl__icon--pilot:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23e53935' stroke-width='4'><path d='M20 70h60M30 70V30h40v40'/><circle cx='50' cy='50' r='6' fill='%23e53935'/></svg>");}

/* Install icons */
.epi-impl__install-icon--mobile:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23b9c7d6' stroke-width='4'><rect x='16' y='40' width='52' height='28' rx='6'/><rect x='68' y='48' width='16' height='20' rx='3'/><circle cx='32' cy='72' r='6' fill='%23b9c7d6'/><circle cx='64' cy='72' r='6' fill='%23b9c7d6'/></svg>");}
.epi-impl__install-icon--rooftop:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23b9c7d6' stroke-width='4'><path d='M18 56l32-20 32 20v16H18z'/><rect x='46' y='28' width='8' height='28'/><path d='M50 18v10M42 24h16'/></svg>");}
.epi-impl__install-icon--tripod:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23b9c7d6' stroke-width='4'><rect x='46' y='18' width='8' height='24'/><path d='M50 42 L26 82 M50 42 L74 82 M38 62h24'/></svg>");}
.epi-impl__install-icon--shack:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23b9c7d6' stroke-width='4'><path d='M18 46l32-20 32 20v28H18z'/><path d='M34 54h12v12H34zM54 54h12v12H54z'/></svg>");}

/* Adjust installation icons to top center */
.epi-impl__install-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.epi-impl__install-icon {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
