
.egm133{
  --navy:#102f55;
  --blue:#176f9d;
  --teal:#168b87;
  --ink:#162335;
  --muted:#5b6878;
  --line:#dbe4ec;
  --soft:#f4f8fb;
  --warn:#fff8e8;
  --warn-line:#e9b949;
  max-width:1180px;
  margin:0 auto;
  color:var(--ink);
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:16px;
  line-height:1.68;
}

.egm133 *{box-sizing:border-box}
.egm133 h2,.egm133 h3{color:var(--navy);line-height:1.28}
.egm133 h2{font-size:clamp(25px,3vw,36px);margin:0 0 18px}
.egm133 h3{font-size:19px;margin:0 0 10px}
.egm133 p{margin:0 0 15px}
.egm133 a{color:#075f91;text-decoration:underline;text-underline-offset:3px}
.egm133 section{margin:62px 0}

.egm133__hero{
  padding:42px;
  border:1px solid #cbdce9;
  border-left:7px solid var(--teal);
  border-radius:14px;
  background:linear-gradient(125deg,#f8fbfd 0%,#edf6fa 100%);
}

.egm133__eyebrow{
  margin-bottom:12px!important;
  color:var(--teal);
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.egm133__lead{
  max-width:900px;
  font-size:18px;
}

.egm133__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:28px 0 0;
}

.egm133__facts div{
  padding:16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}

.egm133__facts dt{
  margin-bottom:4px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
}

.egm133__facts dd{
  margin:0;
  color:var(--navy);
  font-weight:700;
}

.egm133__intro{
  max-width:880px;
  color:var(--muted);
}

.egm133__decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:25px;
}

.egm133__decision{
  position:relative;
  padding:25px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 7px 22px rgba(16,47,85,.06);
}

.egm133__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:14px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-weight:700;
}

.egm133__label{
  color:var(--teal);
  font-weight:700;
}

.egm133__table-wrap{
  overflow-x:auto;
  margin-top:22px;
  border:1px solid var(--line);
  border-radius:12px;
}

.egm133 table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  background:#fff;
}

.egm133 caption{
  padding:14px 18px;
  background:var(--soft);
  color:var(--navy);
  font-weight:700;
  text-align:left;
}

.egm133 th,.egm133 td{
  padding:15px 17px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}

.egm133 th{
  background:var(--navy);
  color:#fff;
  font-size:14px;
}

.egm133 tbody tr:last-child td{border-bottom:0}

.egm133__architecture{
  padding:30px;
  border-radius:14px;
  background:var(--navy);
  color:#fff;
}

.egm133__architecture h2,
.egm133__architecture h3{color:#fff}

.egm133__layers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:27px 0;
  flex-wrap:wrap;
}

.egm133__layer{
  min-width:145px;
  padding:16px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:8px;
  background:rgba(255,255,255,.1);
  font-weight:700;
  text-align:center;
}

.egm133__arrow{
  color:#6bd1cc;
  font-size:25px;
  font-weight:700;
}

.egm133__signals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.egm133__signal{
  padding:19px;
  border-radius:9px;
  background:#fff;
  color:var(--ink);
}

.egm133__signal strong{
  display:block;
  margin-bottom:7px;
  color:var(--teal);
}

.egm133__status{
  display:inline-block;
  padding:3px 10px;
  border-radius:20px;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.egm133__status--yes{background:#dcf4e9;color:#146344}
.egm133__status--project{background:#e6f1f8;color:#155c82}
.egm133__status--test{background:#fff0cc;color:#7c5600}

.egm133__validation{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  padding:30px;
  border:1px solid var(--warn-line);
  border-radius:14px;
  background:var(--warn);
}

.egm133__validation ul{
  margin:10px 0 0;
  padding-left:21px;
}

.egm133__notice{
  padding:21px;
  border-left:5px solid #c14545;
  border-radius:7px;
  background:#fff;
}

.egm133__workflow{
  counter-reset:egstep;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:25px 0 0;
  padding:0;
  list-style:none;
}

.egm133__workflow li{
  counter-increment:egstep;
  padding:22px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--soft);
}

.egm133__workflow li::before{
  content:counter(egstep,decimal-leading-zero);
  display:block;
  margin-bottom:9px;
  color:var(--teal);
  font-size:22px;
  font-weight:700;
}

.egm133__workflow strong{
  display:block;
  margin-bottom:7px;
  color:var(--navy);
}

.egm133__boundary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
}

.egm133__boundary article{
  padding:24px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}

.egm133__boundary article:first-child{
  border:2px solid var(--teal);
  background:#f1fbfa;
}

.egm133__resources{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.egm133__resource{
  display:block;
  padding:17px 19px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--soft);
  font-weight:700;
  text-decoration:none!important;
}

.egm133__resource:hover{border-color:var(--blue);background:#eaf4f9}

.egm133__faq{
  padding:22px 0;
  border-bottom:1px solid var(--line);
}

.egm133__faq h3{
  margin-bottom:8px;
  font-size:18px;
}

.egm133__cta{
  padding:38px;
  border-radius:14px;
  background:linear-gradient(125deg,var(--navy),#164d78);
  color:#fff;
}

.egm133__cta h2{color:#fff}
.egm133__cta ul{padding-left:21px}

.egm133__button{
  display:inline-block;
  margin-top:10px;
  padding:13px 21px;
  border-radius:7px;
  background:#fff;
  color:var(--navy)!important;
  font-weight:700;
  text-decoration:none!important;
}

@media(max-width:780px){
  .egm133__hero{padding:27px 21px}
  .egm133__facts,
  .egm133__decision-grid,
  .egm133__signals,
  .egm133__validation,
  .egm133__workflow,
  .egm133__boundary,
  .egm133__resources{grid-template-columns:1fr}
  .egm133 section{margin:45px 0}
  .egm133__layer{width:100%}
  .egm133__arrow{transform:rotate(90deg)}
  .egm133__cta{padding:29px 22px}
}
