:root{
  --cert-bg:#dfe4e6;
  --cert-surface:#bcc7cc;
  --cert-surface-2:#c9d2d6;
  --cert-surface-3:#eef2f4;
  --cert-text:#101214;
  --cert-muted:#233038;
  --cert-line:#9eabb1;
  --cert-blue:#18356f;
  --cert-blue-2:#274d92;
  --cert-white:#ffffff;
  --cert-max:1180px;
  --cert-gap:18px;
}

.egn-cert-v1{background:var(--cert-bg);color:var(--cert-text);font-family:inherit}
.egn-cert-v1 *{box-sizing:border-box}
.egn-cert-v1 .wrap{max-width:var(--cert-max);margin:0 auto;padding:0 16px 42px}

.egn-cert-v1 .hero{
  position:relative;min-height:560px;display:flex;align-items:flex-end;border:1px solid var(--cert-line);
  margin-bottom:18px;overflow:hidden;
  background:
    radial-gradient(circle at 80% 18%, rgba(255,255,255,.36) 0, rgba(255,255,255,0) 22%),
    radial-gradient(circle at 15% 82%, rgba(39,77,146,.18) 0, rgba(39,77,146,0) 28%),
    linear-gradient(135deg, #c7d1d5 0%, #dfe4e6 40%, #cdd7db 100%);
}
.egn-cert-v1 .hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(8,14,24,.20) 0%, rgba(8,14,24,.06) 36%, rgba(8,14,24,0) 72%),
    repeating-linear-gradient(150deg, rgba(255,255,255,.09) 0 1px, rgba(255,255,255,0) 1px 26px);
}
.egn-cert-v1 .hero-panel{
  position:relative;z-index:1;width:min(720px, 100%);margin:0 0 34px 34px;padding:34px 34px 28px;
  background:rgba(24,53,111,.95);color:var(--cert-white);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 60px rgba(24,53,111,.22);
}
.egn-cert-v1 .hero-aside{
  position:absolute;right:26px;top:26px;width:min(340px, calc(100% - 52px));display:grid;gap:14px;z-index:1;
}
.egn-cert-v1 .mini-card{
  background:rgba(255,255,255,.76);border:1px solid rgba(158,171,177,.9);padding:16px 18px 14px;backdrop-filter:blur(3px);
}
.egn-cert-v1 .mini-card h3,.egn-cert-v1 .mini-card p{margin:0}
.egn-cert-v1 .mini-card h3{font-size:14px;line-height:1.3;font-weight:700;color:var(--cert-blue)}
.egn-cert-v1 .mini-card p{margin-top:7px;font-size:13px;line-height:1.58;color:var(--cert-muted)}

.egn-cert-v1 .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.92}
.egn-cert-v1 h1,.egn-cert-v1 h2,.egn-cert-v1 h3,.egn-cert-v1 h4,.egn-cert-v1 h5{margin:0;color:inherit;font-weight:700}
.egn-cert-v1 h1{font-size:46px;line-height:1.02;margin-bottom:14px}
.egn-cert-v1 h2{font-size:32px;line-height:1.12}
.egn-cert-v1 h3{font-size:22px;line-height:1.18}
.egn-cert-v1 h4{font-size:22px;line-height:1.2;color:var(--cert-blue)}
.egn-cert-v1 h5{font-size:18px;line-height:1.28;color:var(--cert-blue)}
.egn-cert-v1 .hero-lead{font-size:20px;line-height:1.34;color:#eef3ff;margin:0 0 16px}
.egn-cert-v1 .hero-meta{font-size:15px;line-height:1.6;color:#eef3ff;margin:0 0 16px;max-width:60ch}
.egn-cert-v1 .tagrow,.egn-cert-v1 .btns,.egn-cert-v1 .section-btns{display:flex;flex-wrap:wrap;gap:10px}
.egn-cert-v1 .tag{border:1px solid rgba(255,255,255,.26);padding:6px 10px;font-size:13px;color:var(--cert-white)}
.egn-cert-v1 a.btn{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 15px;
  font-size:14px;font-weight:700;border-radius:0;cursor:pointer
}
.egn-cert-v1 a.btn.primary{background:var(--cert-white);color:var(--cert-blue);border:1px solid var(--cert-white)}
.egn-cert-v1 a.btn.secondary{background:transparent;color:var(--cert-white);border:1px solid rgba(255,255,255,.52)}
.egn-cert-v1 .contactline{margin-top:14px;font-size:14px;color:#eef3ff}
.egn-cert-v1 a.egn-mail{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:600}

.egn-cert-v1 .metricband{display:grid;gap:var(--cert-gap);margin:0 0 18px}
.egn-cert-v1 .metricband--mixed{grid-template-columns:repeat(4,1fr)}
.egn-cert-v1 .metric{background:var(--cert-surface);border:1px solid var(--cert-line);padding:18px}
.egn-cert-v1 .metric strong{display:block;font-size:28px;line-height:1;margin-bottom:8px;color:var(--cert-blue)}
.egn-cert-v1 .metric h3{font-size:20px;line-height:1.22;color:var(--cert-blue)}
.egn-cert-v1 .metric p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--cert-muted)}
.egn-cert-v1 .imgwrap{display:flex;align-items:center;justify-content:center;border:1px solid var(--cert-line);background:#f6f8f9;min-height:110px}
.egn-cert-v1 .imgwrap img{display:block;max-width:100%;height:auto}
.egn-cert-v1 .imgph{padding:16px;font-size:13px;line-height:1.45;color:var(--cert-muted);text-align:center}
.egn-cert-v1 .metricimg{min-height:180px;background: #bcc7cc;margin-bottom:14px}
.egn-cert-v1 .levelimg{min-height:140px;margin-bottom:14px;background:transparent;border:none}
.egn-cert-v1 .levelimg.is-missing{border:1px solid var(--cert-line);background:#f6f8f9}

.egn-cert-v1 .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--cert-gap)}
.egn-cert-v1 .span12{grid-column:span 12}.egn-cert-v1 .span8{grid-column:span 8}.egn-cert-v1 .span7{grid-column:span 7}
.egn-cert-v1 .span6{grid-column:span 6}.egn-cert-v1 .span5{grid-column:span 5}.egn-cert-v1 .span4{grid-column:span 4}

.egn-cert-v1 .card{background:var(--cert-surface);border:1px solid var(--cert-line);overflow:hidden}
.egn-cert-v1 .card.pad{padding:22px 22px 20px}
.egn-cert-v1 .card.white{background:var(--cert-white)}
.egn-cert-v1 .card.soft{background:var(--cert-surface-3)}
.egn-cert-v1 .card.blue{background:var(--cert-blue);color:var(--cert-white)}
.egn-cert-v1 .card.blue p,.egn-cert-v1 .card.blue li,.egn-cert-v1 .card.blue .lead{color:#eef3ff}
.egn-cert-v1 .card p{margin:10px 0 0;line-height:1.58;color:var(--cert-muted)}
.egn-cert-v1 .lead{font-size:18px;line-height:1.5;color:var(--cert-text)}
.egn-cert-v1 .section-kicker{
  font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--cert-blue);margin:0 0 10px;font-weight:700
}
.egn-cert-v1 .card.blue .section-kicker{color:#d8e3ff}
.egn-cert-v1 ul{margin:12px 0 0;padding-left:18px;color:var(--cert-muted)}
.egn-cert-v1 li{margin:0 0 8px;line-height:1.5}
.egn-cert-v1 .pillnote,.egn-cert-v1 .note{
  margin-top:14px;padding:12px 14px;border:1px solid var(--cert-line);background:var(--cert-surface-3);color:var(--cert-muted)
}
.egn-cert-v1 .card.blue .note,.egn-cert-v1 .card.blue .pillnote{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#eef3ff
}

.egn-cert-v1 .dimension-grid,.egn-cert-v1 .benefit-grid{display:grid;gap:var(--cert-gap);margin-top:16px}
.egn-cert-v1 .dimension-grid{grid-template-columns:repeat(3,1fr)}
.egn-cert-v1 .benefit-grid{grid-template-columns:repeat(3,1fr)}
.egn-cert-v1 .dimension,.egn-cert-v1 .benefit{
  border:1px solid var(--cert-line);background:var(--cert-surface-3);padding:18px
}
.egn-cert-v1 .dimension h3,.egn-cert-v1 .benefit h3{font-size:22px;color:var(--cert-blue)}

.egn-cert-v1 .content-subblock{
  margin-top:18px;padding-top:18px;border-top:1px solid var(--cert-line)
}
.egn-cert-v1 .content-subblock:first-of-type{border-top:none;padding-top:0}
.egn-cert-v1 .content-subgrid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cert-gap);margin-top:14px
}
.egn-cert-v1 .content-subcard{
  border:1px solid var(--cert-line);background:#fff;padding:16px
}

.egn-cert-v1 .levels-wide .level-grid--wide{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cert-gap);margin-top:18px
}
.egn-cert-v1 .level{
  border:1px solid var(--cert-line);background:var(--cert-surface-3);padding:18px;text-align:center
}
.egn-cert-v1 .level h3{font-size:22px;color:var(--cert-blue)}
.egn-cert-v1 .score{margin-top:10px;font-size:15px;line-height:1.45;color:var(--cert-muted)}
.egn-cert-v1 .sub{margin-top:6px;font-size:13px;line-height:1.4;color:var(--cert-muted)}

.egn-cert-v1 .footerline{
  margin-top:18px;padding:14px 16px;border:1px solid var(--cert-line);background:var(--cert-surface);font-weight:700
}

@media (max-width: 1180px){
  .egn-cert-v1 .metricband--mixed{grid-template-columns:repeat(2,1fr)}
  .egn-cert-v1 .dimension-grid,.egn-cert-v1 .benefit-grid{grid-template-columns:1fr}
  .egn-cert-v1 .levels-wide .level-grid--wide{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 980px){
  .egn-cert-v1 .hero{min-height:unset;display:block;padding-top:210px}
  .egn-cert-v1 .hero-aside{left:16px;right:16px;top:16px;width:auto}
  .egn-cert-v1 .hero-panel{width:auto;margin:0 16px 16px;padding:26px 22px 22px}
  .egn-cert-v1 h1{font-size:36px}
  .egn-cert-v1 h2{font-size:28px}
  .egn-cert-v1 .grid{grid-template-columns:1fr}
  .egn-cert-v1 .span12,.egn-cert-v1 .span8,.egn-cert-v1 .span7,.egn-cert-v1 .span6,.egn-cert-v1 .span5,.egn-cert-v1 .span4{grid-column:auto}
  .egn-cert-v1 .content-subgrid{grid-template-columns:1fr}
}

@media (max-width: 700px){
  .egn-cert-v1 .wrap{padding:0 10px 28px}
  .egn-cert-v1 .metricband--mixed{grid-template-columns:1fr}
  .egn-cert-v1 .levels-wide .level-grid--wide{grid-template-columns:1fr}
  .egn-cert-v1 h1{font-size:30px}
  .egn-cert-v1 h2{font-size:24px}
  .egn-cert-v1 h3,.egn-cert-v1 h4{font-size:20px}
  .egn-cert-v1 .hero-lead{font-size:18px}
}