/* Original compositions, with the approved readable typography and palette. */
@keyframes journeyConnectVertical{from{transform:scaleY(0)}to{transform:scaleY(1)}}
body[data-page="home"] #home .hero{padding:84px 10px 0}
#home .hero-card{max-width:none;width:100%;min-height:clamp(520px,calc(100svh - 110px),760px);border-radius:var(--radius-panel);overflow:hidden}
#home .hero-inner{position:relative;min-height:inherit;padding:72px 24px;display:flex;align-items:center;justify-content:center;text-align:center}
#home .hero-panel{width:100%;max-width:1000px;align-items:center;padding:0;text-align:center}
#home .hero-panel .eyebrow{display:flex;justify-content:center;align-items:center;margin:0 0 24px;font-size:16px;letter-spacing:normal;text-transform:none;color:#fff}
#home .hero-panel .eyebrow::before{display:none}
#home .hero h1{font-size:clamp(40px,4.9vw,72px);line-height:1.2;text-align:center;margin:0 0 32px;max-width:100%;font-weight:600;letter-spacing:normal!important}
#home .hero-line{white-space:normal}
#home .hero-track{width:min(500px,100%);margin:0 auto;padding:6px 6px 6px 16px;border-radius:var(--radius-card)!important;background:rgba(255,255,255,.94);box-shadow:0 10px 30px -18px #071f2f99}
#home .hero-track input{flex:1;min-width:0;font-size:18px!important}
#home .hero-track .btn{flex:none;white-space:nowrap;padding:12px 20px}
#home .home-services{background:#fff;padding:80px 0}
#home .home-services .wrap{max-width:1180px}
#home .svc-intro{display:block;text-align:center;margin:0 auto 40px;max-width:800px}
#home .svc-intro h2{font-size:clamp(30px,3vw,42px)}
#home .svc-intro p{margin:18px auto 0;text-align:center;max-width:60ch}
#home .svc-rows{display:block;border-top:1px solid #c9dbe4}
#home .srow,#home .srow:first-child,#home .srow:last-child{display:grid;grid-template-columns:48px minmax(180px,.8fr) minmax(0,1.6fr) 44px;gap:24px;align-items:center;padding:26px 12px;border:0;border-bottom:1px solid #c9dbe4;background:none;min-height:0}
#home .srow:hover{background:#eaf5fb}
#home .srow .sico{position:static;margin:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none}
#home .srow .name{margin:0;font-size:24px}
#home .srow .desc{font-size:18px!important;line-height:1.6;max-width:none;padding:0}
#home .srow .go{width:40px;height:40px;margin:0;display:flex;align-items:center;justify-content:center;color:#087f40}
#home .journey-section{max-width:1280px;margin:0 auto 72px;padding:64px 32px}
#home .journey-section .sec-head{text-align:center;margin:0 auto 44px;max-width:900px}
#home .journey-section h2{font-size:clamp(30px,3.2vw,44px)}
#home .journey-section .proc-track{gap:24px;text-align:center}
#home .journey-section .step{text-align:center;padding:0}
#home .journey-section .step::before{display:none}
#home .journey-section .step .step-ico{position:relative;left:auto;top:auto;margin:0 auto 18px;border-radius:50%!important;width:58px;height:58px;display:flex;align-items:center;justify-content:center}
#home .journey-section .step h4{margin:0 0 10px;font-size:22px}
#home .journey-section .step p{font-size:18px!important;max-width:23ch;margin:0 auto;padding:0}
#home .journey-section .proc-line{left:9%;right:9%;top:29px}
#home .cta-band,#about .cta-band{align-items:center;text-align:center;background:#123f35;border-left:0;padding:76px 40px;min-height:340px}
#home .cta-band h2,#about .cta-band h2{font-size:clamp(32px,3.5vw,48px);max-width:850px}
#home .cta-band p,#about .cta-band p{max-width:52ch;color:#e0eee7}
#home .cta-band{background:#142634}
#home .cta-band p{color:#e3eaf0}
#home .cta-globe,#about .cta-globe{left:50%;right:auto;transform:translateX(-50%);opacity:.2}
#about > .wrap:first-child{max-width:none;padding:0 10px}
#about .page-hero-about{margin:84px 0 64px;padding:64px 24px 28px;border-radius:var(--radius-panel);overflow:hidden;display:flex;flex-direction:column;gap:24px;background:linear-gradient(180deg,#dceefa 0%,#e8f4fb 48%,#f5fafd 78%,#fff 100%)}
#about .page-hero-about::before{display:none}
#about .about-intro{text-align:center;max-width:900px;margin:0 auto}
#about .page-hero-about h1{max-width:26ch;margin:0 auto;font-size:clamp(34px,3.8vw,54px)}
#about .page-hero-about p{max-width:70ch;margin:24px auto 0}
#about .about-network{width:min(100%,1050px);margin:0 auto;align-self:center}
#about .about-network img{min-height:0;width:100%;max-height:390px;object-fit:contain}
#about .about-purpose,#about .values-band{max-width:1280px;margin-left:auto;margin-right:auto}
@media(max-width:1320px){#home .journey-section{margin-left:24px;margin-right:24px}#about .about-purpose,#about .values-band{margin-left:14px;margin-right:14px}}
@media(max-width:840px){
 #home .srow,#home .srow:first-child,#home .srow:last-child{grid-template-columns:40px minmax(0,1fr) 40px;gap:12px 18px;padding:24px 4px}
 #home .srow .name{grid-column:2;grid-row:1;font-size:23px}
 #home .srow .desc{grid-column:2;grid-row:2;display:block}
 #home .srow .go{grid-column:3;grid-row:1 / span 2}
 #home .journey-section .proc{max-width:520px}
 #home .journey-section .proc-track{grid-template-columns:1fr;gap:28px}
 #home .journey-section .step{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px 22px;text-align:left}
 #home .journey-section .step .step-ico{grid-column:1;grid-row:1 / span 2;margin:0}
 #home .journey-section .step h4{grid-column:2;margin:3px 0 0}
 #home .journey-section .step p{grid-column:2;max-width:none;margin:0}
 #home .journey-section .proc-line{left:28px;right:auto;top:29px;bottom:29px}
 #home .proc.journey-open .proc-line::after{animation-name:journeyConnectVertical}
}
@media(max-width:600px){
 body[data-page="home"] #home .hero{padding:76px 8px 0}
 #home .hero-inner{padding:56px 20px}#home .hero-card{min-height:520px}
 #home .hero h1{font-size:clamp(34px,8.5vw,48px)}
 #home .hero-track{padding-left:10px;flex-wrap:nowrap}#home .hero-track input{font-size:16px!important;width:0;flex:1 1 0}
 #home .hero-track .btn{padding:10px 12px}
 #home .home-services{padding:52px 0}
 #home .journey-section{padding:44px 0;margin:0 16px 48px}
 #home .cta-band,#about .cta-band{padding:52px 24px}
 #about > .wrap:first-child{padding:0 8px}
 #about .page-hero-about{margin-top:76px;padding:40px 20px 24px;margin-bottom:40px}
 #about .about-network{margin-top:8px}
}