/* Novia's Figma revision ideas: open navy bands and inset image treatments.
   Scoped to Home and About; retain the established readable type and motion. */
body:is([data-page="home"],[data-page="about"]){--revision-navy:#0e2334;--revision-blue:#369dcc}
#home .hero-card{border:0;outline:0;box-shadow:none}
#home .hero-inner{z-index:4}
#home .hero-carm{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.72);color:#0e2334;font-size:15px;font-weight:400;text-decoration:none;line-height:1;border:1px solid rgba(255,255,255,.55)}
#home .hero-carm-mark{width:28px;height:28px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
#home .hero-carm-mark img{width:15px;height:15px;display:block}
#home .hero-carm-arrow{width:18px;height:18px;flex:none;display:block;stroke:currentColor;overflow:visible}
#home .hero-carm:hover{background:rgba(255,255,255,.88)}
#home .hero-carm:hover .hero-carm-arrow{transform:translateX(4px)}
#home .hero-carm-arrow{transition:transform .28s cubic-bezier(.16,1,.3,1)}
#home .hero-carm:focus-visible{outline:2px solid #fff;outline-offset:3px}
#home .srow .sico{background:none!important;-webkit-mask:none;mask:none;width:35px;height:35px;color:var(--sico,#2a9ad6);opacity:.7}
#home .srow .sico :is(img,svg){opacity:1;width:35px;height:35px;display:block;filter:none;stroke:currentColor}
#home .srow:nth-child(1) .sico{--sico:#2a9ad6}
#home .srow:nth-child(2) .sico{--sico:#1a6f92}
#home .srow:nth-child(3) .sico{--sico:#087f40}
#home .srow:nth-child(4) .sico{--sico:#e0811a}
#home .srow:nth-child(5) .sico{--sico:#5b63c7}
#home .ticker{background:#eaf4fb;color:#142634}
#home .ticker .run,#home .ticker b{color:#142634}
#home .ticker .sep{background:#142634}
#home .journey-section{background:#eaf4fb!important;width:100%;max-width:none;margin:0;padding:56px 0 64px;border-radius:0!important;color:#142634}
#home .journey-section .wrap{max-width:1180px}
#home .journey-section .step .step-ico{background:#fff!important;border-color:#8dc6e7}
#home .journey-section .step-ico img{filter:none;opacity:.85}
#home .journey-section .proc-line{height:1px!important;background:#d7e4ec}
#home .journey-section .proc-line::after{background:#c8d8e2}
@media(max-width:840px){
 #home .journey-section .proc-line{width:1px!important;height:auto!important;left:28px;right:auto;top:29px;bottom:29px}
 #home .journey-section .proc-line::after{transform-origin:top center}
}
#home .journey-section .step h4{color:#142634}
#home .journey-section .step p{color:#3f5663}
#home .journey-section + .orbit-sec{padding-top:76px}
#home .experience-section{background:var(--revision-navy);border:0;color:#fff}
#home .experience-section .sec-head h2{color:#fff}
#home .experience-section .sec-head p{color:#d5e5ef}
#home .experience-section .scard{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid #38566b!important;border-radius:8px!important}
#home .experience-section .scard:first-child{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
#home .experience-section .scard .n,#home .experience-section .scard .n span{font-weight:500!important;letter-spacing:normal!important;font-variant-numeric:tabular-nums}
#home .experience-section .scard .l{color:#d5e5ef!important}
#home .experience-section .scard:first-child .l{color:#526874!important}
#home .specialize > .wrap{max-width:1180px}
#home .specialize .sec-head{display:grid;grid-template-columns:1.2fr 1fr;gap:32px 64px;align-items:start;text-align:left;max-width:none}
#home .specialize .sec-head h2{text-align:left;margin:0}
#home .specialize .sec-head p{text-align:left;margin:4px 0 0;max-width:45ch}
#home .spec-grid{align-items:stretch}
#home .spec-grid .spec-card{display:flex;flex-direction:column;padding:10px;background:#f9f9f9;border:1px solid #e4e9ec;border-radius:10px!important;overflow:hidden}
#home .spec-grid .spec-card .ph-media{width:100%;height:auto;min-height:0;aspect-ratio:5/4;flex:none;border-radius:6px!important;overflow:hidden}
#home .spec-grid .spec-card .ph-media img{width:100%;height:100%;min-height:0;object-fit:cover}
#home .spec-grid .spec-card .body{padding:24px 18px 18px;flex:1;min-width:0}
#home .spec-grid .spec-card h3{font-size:23px;line-height:1.3;letter-spacing:normal}
#home .spec-grid .spec-card .go{margin-top:18px}
#home .spec-card:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
#about .page-hero-about{margin-bottom:0;border-bottom:0}
#about .page-hero-about{min-height:0;padding-top:124px}
#about .about-network svg{display:block;width:100%;height:auto;max-height:390px;overflow:visible}
#about .about-purpose{width:100%;max-width:none;margin:0;border-radius:0!important;background:var(--revision-navy);padding:56px max(24px,calc((100% - 1140px)/2))}
#about .about-purpose .two{max-width:1140px;margin:0 auto;gap:64px}
#about .about-purpose .mv + .mv{border-color:#38566b}
#about .about-purpose p{color:#d5e5ef}
#about .values-band{background:#fff;border-radius:0!important;margin:48px auto 0;padding:56px;max-width:1280px}
#about .values-grid{margin-top:0}
#about .values-band{display:flex;flex-direction:column;align-items:center;text-align:center}
#about .values-band > .sec-h,#about .values-band > .sec-p{text-align:center;margin-left:auto;margin-right:auto;grid-column:auto}
#about .values-band > .sec-p{max-width:42ch;margin-bottom:36px}
#about .values-grid{grid-column:auto;grid-row:auto;width:100%;text-align:left}
/* Keep the user's leaner closing CTA on these two pages. */
:is(#home,#about) .home-footer-cta .cta-band{min-height:460px;justify-content:center;padding:88px 24px 112px;gap:24px}
:is(#home,#about) .home-footer-cta .cta-band h2{margin:0;max-width:850px;line-height:1.18}
:is(#home,#about) .home-footer-cta .cta-band .btn{margin-top:0}
@media(max-width:1000px){
 #home .specialize .sec-head{grid-template-columns:1fr;gap:18px}
 #about .about-purpose{padding:48px 32px}
 #about .about-purpose .two{gap:32px}
 #about .values-band{padding:40px 32px}
}
@media(max-width:800px){
 #about .page-hero-about{padding-top:108px}
 #home .journey-section{margin:0;padding:44px 0}
 #home .journey-section + .orbit-sec{padding-top:48px}
 #home .specialize .sec-head{gap:16px}
 #home .spec-grid .spec-card .ph-media{aspect-ratio:3/2}
 #home .spec-grid .spec-card .body{padding:22px 14px 18px}
 #about .about-purpose{padding:40px 24px}
 #about .values-band{margin:24px auto 0;padding:40px 24px}
 :is(#home,#about) .home-footer-cta .cta-band{min-height:400px;padding:72px 24px 88px}
}
@media(max-width:480px){
 #home .experience-section .scard{padding:18px;min-height:144px}
 #home .experience-section .scard .n{font-size:36px}
}