:root{
  --hiw-navy:#071a35;
  --hiw-navy-2:#0b294c;
  --hiw-yellow:#f5b82e;
  --hiw-text:#10213a;
  --hiw-muted:#66768a;
  --hiw-border:#dbe4ee;
  --hiw-soft:#f6f8fb;
}
.hiw218-hero{
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);
  align-items:center;
  gap:clamp(48px,6vw,96px);
  padding:clamp(72px,8vw,118px) clamp(24px,4vw,64px);
  background:
    linear-gradient(rgba(19,46,79,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(19,46,79,.16) 1px,transparent 1px),
    var(--hiw-navy);
  background-size:64px 64px;
  color:#fff;
}
.hiw218-hero-copy{max-width:760px}
.hiw218-eyebrow,
.hiw218-process-head span{
  display:block;
  color:var(--hiw-yellow);
  font:900 10px/1 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}
.hiw218-hero h1{
  margin:18px 0 20px;
  max-width:820px;
  font:800 clamp(54px,5.3vw,86px)/.98 Manrope,Arial,sans-serif;
  letter-spacing:-.055em;
}
.hiw218-hero p{
  margin:0;
  max-width:690px;
  color:#c6d1df;
  font:500 16px/1.65 Manrope,Arial,sans-serif;
}
.hiw218-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.hiw218-primary,.hiw218-secondary{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 18px;
  border-radius:11px;
  text-decoration:none;
  font:900 11px/1 Manrope,Arial,sans-serif;
}
.hiw218-primary{background:var(--hiw-yellow);color:#071a35}
.hiw218-secondary{border:1px solid #466581;background:rgba(255,255,255,.02);color:#fff}
.hiw218-hero-panel{
  border:1px solid #325677;
  border-radius:22px;
  padding:20px;
  background:rgba(10,39,72,.72);
  box-shadow:0 28px 80px rgba(0,0,0,.2);
  backdrop-filter:blur(8px);
}
.hiw218-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:15px;
  border-bottom:1px solid #31506f;
}
.hiw218-panel-top span{font:900 11px/1 Manrope,Arial,sans-serif}
.hiw218-panel-top b{color:#8094ab;font:800 8px/1 Manrope,Arial,sans-serif;letter-spacing:.08em}
.hiw218-panel-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.hiw218-panel-grid article{
  min-height:126px;
  padding:15px;
  border:1px solid #315477;
  border-radius:14px;
  background:#0c315b;
}
.hiw218-panel-grid small{
  display:block;
  color:var(--hiw-yellow);
  font:900 9px/1 Manrope,Arial,sans-serif;
  letter-spacing:.08em;
}
.hiw218-panel-grid strong{
  display:block;
  margin-top:18px;
  font:800 20px/1 Manrope,Arial,sans-serif;
}
.hiw218-panel-grid span{
  display:block;
  margin-top:8px;
  color:#a9b8c8;
  font:600 10px/1.45 Manrope,Arial,sans-serif;
}
.hiw218-panel-foot{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding:10px 12px;
  border-radius:10px;
  background:#091f3a;
  color:#9fb0c2;
  font:700 9px/1.4 Manrope,Arial,sans-serif;
}
.hiw218-panel-foot i{
  width:8px;height:8px;border-radius:50%;background:var(--hiw-yellow);box-shadow:0 0 0 5px rgba(245,184,46,.12)
}

.hiw218-process{
  padding:clamp(70px,7vw,110px) clamp(24px,4vw,64px);
  background:#fff;
}
.hiw218-process-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);
  align-items:end;
  gap:48px;
  margin-bottom:40px;
}
.hiw218-process-head h2{
  margin:10px 0 0;
  color:var(--hiw-text);
  font:800 clamp(42px,4vw,64px)/1 Manrope,Arial,sans-serif;
  letter-spacing:-.045em;
}
.hiw218-process-head p{
  margin:0;
  color:var(--hiw-muted);
  font:500 14px/1.7 Manrope,Arial,sans-serif;
}
.hiw218-timeline{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:none!important;
  margin:0!important;
}
.hiw218-timeline:before{
  content:"";
  position:absolute;
  left:50%;
  top:30px;
  bottom:30px;
  width:1px;
  background:linear-gradient(#e6edf5,#f5b82e,#e6edf5);
}
.hiw218-timeline article{
  position:relative;
  min-height:205px;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:start!important;
  gap:20px!important;
  padding:26px!important;
  margin:0!important;
  border:1px solid var(--hiw-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(7,26,53,.045);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hiw218-timeline article:hover{
  transform:translateY(-3px);
  border-color:#c7d6e7!important;
  box-shadow:0 18px 42px rgba(7,26,53,.075);
}
.hiw218-timeline article>b{
  width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:16px!important;
  background:#fff7df!important;
  color:#e3a91c!important;
  font:900 24px/1 Manrope,Arial,sans-serif!important;
}
.hiw218-timeline article>div{
  padding-top:2px!important;
}
.hiw218-timeline article span{
  display:block;
  color:#1972d2!important;
  font:900 9px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.11em;
}
.hiw218-timeline article h3{
  margin:10px 0 8px!important;
  color:var(--hiw-text)!important;
  font:800 21px/1.2 Manrope,Arial,sans-serif!important;
}
.hiw218-timeline article p{
  max-width:520px;
  margin:0!important;
  color:var(--hiw-muted)!important;
  font:500 12px/1.65 Manrope,Arial,sans-serif!important;
}
.hiw218-timeline article:nth-child(7){
  grid-column:1/-1;
  width:calc(50% - 7px);
  justify-self:center;
}

.hiw218-outcomes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:28px;
}
.hiw218-outcomes article{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:95px;
  padding:16px;
  border:1px solid var(--hiw-border);
  border-radius:14px;
  background:var(--hiw-soft);
}
.hiw218-outcomes article>span{
  width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;
  border-radius:10px;background:var(--hiw-navy);color:var(--hiw-yellow);
  font:900 10px/1 Manrope,Arial,sans-serif;
}
.hiw218-outcomes strong{display:block;color:var(--hiw-text);font:800 12px/1.2 Manrope,Arial,sans-serif}
.hiw218-outcomes small{display:block;margin-top:4px;color:var(--hiw-muted);font:500 9px/1.45 Manrope,Arial,sans-serif}
.hiw218-final{
  margin:0 clamp(24px,4vw,64px) 42px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

@media(max-width:1100px){
  .hiw218-hero{grid-template-columns:1fr;gap:34px;min-height:auto}
  .hiw218-hero-panel{max-width:760px}
  .hiw218-process-head{grid-template-columns:1fr;gap:18px}
  .hiw218-outcomes{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .hiw218-hero{
    padding:38px 14px 34px;
    background-size:46px 46px;
  }
  .hiw218-hero h1{
    font-size:clamp(39px,11vw,54px);
    line-height:.98;
  }
  .hiw218-hero p{font-size:12px;line-height:1.55}
  .hiw218-hero-actions{display:grid;grid-template-columns:1fr}
  .hiw218-primary,.hiw218-secondary{width:100%}
  .hiw218-panel-grid{grid-template-columns:1fr 1fr}
  .hiw218-panel-grid article{min-height:108px;padding:12px}
  .hiw218-panel-grid strong{font-size:16px;margin-top:13px}
  .hiw218-process{padding:44px 12px}
  .hiw218-process-head h2{font-size:clamp(31px,9vw,42px)}
  .hiw218-process-head p{font-size:11px;line-height:1.55}
  .hiw218-timeline{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hiw218-timeline:before{display:none}
  .hiw218-timeline article,
  .hiw218-timeline article:nth-child(7){
    width:100%!important;
    grid-column:auto!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    min-height:auto;
    padding:16px!important;
    border-radius:14px!important;
  }
  .hiw218-timeline article>b{
    width:48px!important;height:48px!important;border-radius:12px!important;font-size:18px!important
  }
  .hiw218-timeline article h3{font-size:17px!important}
  .hiw218-timeline article p{font-size:10px!important}
  .hiw218-outcomes{grid-template-columns:1fr}
  .hiw218-final{margin:0 12px 24px!important}
}
@media(max-width:420px){
  .hiw218-panel-grid{grid-template-columns:1fr}
  .hiw218-hero-panel{padding:12px;border-radius:16px}
  .hiw218-panel-top{align-items:flex-start}
  .hiw218-timeline article{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}
}