/* Eight distinct homepage sections. Existing hero, globe and graduate wall stay intact. */
.process-section{background:linear-gradient(125deg,#285b91,#336fa7 60%,#245a85)}
.process-section .process-layout{align-items:center}
.process-section .eyebrow{color:#d5f3ea}
.process-section .section-heading>p,.process-section .steps p,.process-copy>.small-note{color:#e9f3ff}
.process-section .step-no{background:#ffffff1c;border:1px solid #ffffff35;color:#fff}
.process-section .steps h3 a{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;text-underline-offset:5px}
.process-section .steps h3 a .icon{width:18px;height:18px;flex:none;opacity:.85;transition:transform .2s ease}
.process-section .steps h3 a:hover,.process-section .steps h3 a:focus-visible{text-decoration:underline}
.process-section .steps h3 a:hover .icon{transform:translate(2px,-2px)}
.portal-example-link{display:flex;width:max-content;margin:22px auto 0;color:#fff;border-bottom:1px solid #ffffff70;padding-bottom:5px}
.guides-section{background:#fff}
.article-image{background:#eaf3fb}
.article-illustration{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff 0 16%,#e6f1fb 66%);isolation:isolate}
.article-illustration.tone-1{background:radial-gradient(circle at 50% 45%,#fff 0 16%,#e5f5ee 66%)}
.article-illustration.tone-2{background:radial-gradient(circle at 50% 45%,#fff 0 16%,#fff1d9 66%)}
.article-illustration .service-motion{width:138px;height:138px;filter:drop-shadow(0 14px 10px #16354B12);transition:transform .3s ease}
.article-illustration .living-png{width:100%;height:100%}
.article-illustration>i{position:absolute;z-index:-1;width:180px;height:180px;border:1px solid #6d9db62b;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 0 20px #ffffff50}
.article-card:hover .article-illustration .service-motion{transform:translateY(-5px) scale(1.06)}
.final-section .final-motto{color:#bdebdc;font-weight:800;font-size:clamp(18px,1.8vw,23px);margin-top:20px}
.about-page h1{font-size:clamp(38px,4.5vw,64px);line-height:1.1;letter-spacing:-.04em}
.about-page .about-copy .button{margin-top:12px}
.about-page .about-grid{align-items:center}
@media(max-width:760px){.process-section .process-layout{gap:25px}.article-illustration .service-motion{width:126px;height:126px}.article-illustration>i{width:155px;height:155px}.portal-example-link{font-size:16px}.final-section .final-motto{font-size:18px}}
@media(prefers-reduced-motion:reduce){.article-illustration .service-motion,.process-section .steps h3 a .icon{transition:none}}