/* User's Figma 2351:2488, adapted to a viewport-wide section. */
#recognition-process{position:relative;isolation:isolate;display:block;width:100vw;max-width:none;margin:48px calc(50% - 50vw) 64px;padding:48px 56px;border:0;border-radius:40px;overflow:hidden;background:#001246;color:#fff}
#recognition-process .process-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}
#recognition-process .process-content{width:100%;max-width:1600px;margin-inline:auto;display:flex;flex-direction:column;gap:40px}
#recognition-process .process-heading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:start}
#recognition-process h2{white-space:nowrap;font-size:clamp(36px,3.9vw,60px);line-height:1.05;font-weight:500;letter-spacing:-.04em;color:#fff;margin:0;max-width:none}
#recognition-process .process-intro{display:flex;flex-direction:column;align-items:center;gap:28px;margin:0;max-width:none}
#recognition-process .process-intro p{font-size:20px;line-height:1.5;letter-spacing:-.01em;color:#d2e8fd;margin:0;width:100%}
#recognition-process .process-intro .text-link{display:flex;align-items:center;justify-content:center;align-self:center;width:320px;max-width:100%;min-height:56px;padding:14px 22px;border:0;border-radius:99px;background:#fff;color:#0249cc;font-size:16px;line-height:22px;font-weight:600;text-align:center;transition:background .25s ease}
#recognition-process .process-intro .text-link:hover{background:#e9f3ff}
#recognition-process .stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;margin:0;padding:0;list-style:none;counter-reset:stages}
#recognition-process .stage-list li{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-content:start;gap:20px 24px;padding:36px;min-height:323px;border:0;border-radius:28px;background:#001246;color:#fff}
#recognition-process .stage-list li:first-child,#recognition-process .stage-list li:last-child{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
#recognition-process .stage-list li:before{grid-column:1;grid-row:1;content:counter(stages,decimal-leading-zero);font-family:Manrope,Arial,sans-serif;font-size:72px;font-weight:500;line-height:1.05;letter-spacing:-.04em;color:#abd6ff;margin:0}
#recognition-process .stage-list li:first-child:before,#recognition-process .stage-list li:last-child:before{color:#001246}
#recognition-process .stage-list li>div{display:contents}
#recognition-process .stage-list h3{grid-column:2;grid-row:1;align-self:start;font-size:30px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:#fff;margin:0}
#recognition-process .stage-list p{grid-column:1/-1;grid-row:2;font-size:18px;line-height:1.5;letter-spacing:-.01em;color:#fff;margin:0}
#recognition-process .stage-list li>span{grid-column:1/-1;grid-row:3;align-self:end;font-family:Manrope,Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:#abd6ff;border:0;padding:0;margin:0}
#recognition-process .stage-list li:first-child>span,#recognition-process .stage-list li:last-child>span{color:#001246}
@media(min-width:1900px){#recognition-process{padding-block:72px}}
@media(max-width:1190px){
  #recognition-process{padding:40px}
  #recognition-process .process-heading{grid-template-columns:1.45fr 1fr;gap:36px}
  #recognition-process .stage-list li{padding:28px;grid-template-columns:80px minmax(0,1fr);gap:20px}
  #recognition-process .stage-list li:before{font-size:60px}
  #recognition-process .stage-list h3{font-size:26px;line-height:1.3}
}
@media(max-width:900px){
  #recognition-process .process-heading{grid-template-columns:1fr;gap:28px}
  #recognition-process h2{font-size:clamp(32px,5vw,44px)}
  #recognition-process .process-intro{max-width:600px;align-items:flex-start;gap:24px}
  #recognition-process .stage-list{grid-template-columns:1fr;gap:24px}
  #recognition-process .stage-list li{min-height:0;grid-template-columns:88px minmax(0,1fr)}
  #recognition-process .stage-list h3{font-size:30px}
}
@media(max-width:599px){
  #recognition-process{width:100vw;margin:24px calc(50% - 50vw) 40px;padding:32px 20px;border-radius:28px}
  #recognition-process .process-content{gap:32px}
  #recognition-process h2{font-size:clamp(21px,5.8vw,34px)}
  #recognition-process .process-intro p{font-size:16px}
  #recognition-process .process-intro .text-link{width:100%;font-size:14px;padding-inline:12px}
  #recognition-process .stage-list{gap:18px}
  #recognition-process .stage-list li{padding:24px;grid-template-columns:52px minmax(0,1fr);gap:18px 14px;border-radius:24px}
  #recognition-process .stage-list li:before{font-size:46px}
  #recognition-process .stage-list h3{font-size:24px;line-height:1.2;align-self:center}
  #recognition-process .stage-list p,#recognition-process .stage-list li>span{font-size:16px}
}
@media(max-width:359px){
  #recognition-process{padding-inline:16px}
  #recognition-process .stage-list li{padding:20px;grid-template-columns:1fr;gap:18px}
  #recognition-process .stage-list h3{grid-column:1;grid-row:2}
  #recognition-process .stage-list p{grid-row:3}
  #recognition-process .stage-list li>span{grid-row:4}
}
/* Three stages under the approved 2021 governing documents, published 30 Oct 2026. */
@media(min-width:1100px){#recognition-process .stage-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#recognition-process .stage-list li{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:24px;padding:32px}#recognition-process .stage-list li:before{grid-row:1}#recognition-process .stage-list h3{grid-column:1;grid-row:2;font-size:28px;line-height:1.25}#recognition-process .stage-list p{grid-row:3}#recognition-process .stage-list li>span{grid-row:4}}
@media(min-width:901px) and (max-width:1099px){#recognition-process .stage-list li:last-child{grid-column:1/-1}}