/* Focused changes from the user's annotated screenshots. */
body.landing-page #why{display:block;padding-top:86px;padding-bottom:86px}body.landing-page #why .section-top{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end;margin-bottom:36px}body.landing-page #why .section-top h2{font-size:clamp(30px,3vw,45px);margin:18px 0 0;line-height:1.45}body.landing-page #why .section-top h2>span:last-child{color:#009A68}body.landing-page #why .section-top>p{font-size:15px;line-height:1.9;max-width:43ch}
body.landing-page #why .problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0}
body.landing-page #why .problems article:nth-child(n){display:flex;flex-direction:column;gap:0;padding:30px;min-height:310px;border:1px solid #E2E8F0;border-radius:22px;background:#FFFFFF;box-shadow:0 14px 25px -20px #02142C35;overflow:hidden;transition:transform .25s,box-shadow .25s}
body.landing-page #why .problems article:first-child{background:linear-gradient(140deg,#02142C,#02142C);border-color:#02142C;color:#FFFFFF}body.landing-page #why .problems article:last-child{background:#009A68;border-color:#009A68;color:#02142C}
body.landing-page #why .problem-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:0}body.landing-page #why .problem-index{display:block;font-size:14px;letter-spacing:.06em;line-height:1;color:#009A68}body.landing-page #why .problem-icon{width:44px;height:44px;border-radius:14px;background:#FFFFFFC0;border:1px solid #FFFFFF70;color:#009A68}body.landing-page #why .problem-icon svg{width:22px;height:22px}body.landing-page #why .problem-kicker{font-size:8px;letter-spacing:.12em;color:#00A1CF}body.landing-page #why .problems h3{font-size:23px;line-height:1.5;font-weight:600;margin:12px 0 15px}body.landing-page #why .problems p{font-size:14px;line-height:1.95;color:#02142C}body.landing-page #why .problems article:first-child :is(.problem-kicker,.problem-index){color:#00A1CF}body.landing-page #why .problems article:first-child h3{color:white}body.landing-page #why .problems article:first-child p{color:#E2E8F0}body.landing-page #why .problems article:last-child :is(.problem-kicker,.problem-index,p){color:#02142C}body.landing-page #why .problems article:last-child h3{color:#02142C}
body.landing-page .value{background:linear-gradient(110deg,#FFFFFF,#FFFFFF)}body.landing-page .value h2>span{color:#009A68}body.landing-page .value-grid{gap:18px}body.landing-page .value-grid article:nth-child(n){border-radius:20px;padding:28px 24px;min-height:260px;background:#FFFFFF;border:1px solid #E2E8F0;box-shadow:0 18px 28px -20px #02142C38,0 2px 4px #02142C04}body.landing-page .value-grid article:nth-child(n):before{display:none}body.landing-page .value-grid article:first-child{background:linear-gradient(140deg,#02142C,#02142C);border-color:#02142C}body.landing-page .value-grid article:last-child{background:#009A68;border-color:#009A68}body.landing-page .value-grid .value-emoji{width:52px;height:52px;font-size:31px;border-radius:15px;background:#FFFFFF;border:1px solid #E2E8F0;box-shadow:none;margin-bottom:27px}body.landing-page .value-grid article h3{font-size:20px;line-height:1.5;font-weight:600;color:#02142C;margin-bottom:14px}body.landing-page .value-grid article p{font-size:14px;line-height:1.9;color:#02142C}body.landing-page .value-grid article:first-child h3{color:#FFFFFF}body.landing-page .value-grid article:first-child p{color:#E2E8F0}body.landing-page .value-grid article:last-child p{color:#02142C}body.landing-page .value-grid article:last-child .value-emoji{background:#FFFFFFDE;border-color:#FFFFFF60}
/* A distinct invitation, with clear contrast rather than four pale boxes. */
body.landing-page #partner{max-width:none;padding:86px 6%;background:radial-gradient(ellipse at 100% 0%,#00A1CF0F,transparent 55%),#FFFFFF;gap:6%;grid-template-columns:.9fr 1.1fr}body.landing-page #partner h2{font-size:clamp(32px,3vw,46px);line-height:1.45;font-weight:600}body.landing-page #partner h2>span:last-child{color:#009A68}body.landing-page .bright-benefits{gap:16px}body.landing-page .bright-benefits article:nth-child(n){position:relative;padding:28px;border:1px solid #E2E8F0;border-radius:20px;min-height:230px;background:#FFFFFF;box-shadow:0 18px 30px -23px #02142C40}body.landing-page .bright-benefits article:first-child{background:linear-gradient(140deg,#02142C,#02142C);border-color:#02142C}body.landing-page .bright-benefits article:nth-child(3){background:#FFFFFF;border-color:#E2E8F0}body.landing-page .bright-benefits article:nth-child(4){background:#009A68;border-color:#009A68}body.landing-page .bright-benefits article h3{font-size:21px;line-height:1.5;font-weight:600;margin:27px 0 14px;color:#02142C}body.landing-page .bright-benefits article p{font-size:14px;line-height:1.95;color:#02142C}body.landing-page .bright-benefits article:first-child h3{color:#FFFFFF}body.landing-page .bright-benefits article:first-child p{color:#E2E8F0}body.landing-page .bright-benefits article:nth-child(4) p{color:#02142C}body.landing-page .bright-benefits article:first-child :is(span,svg){color:#00A1CF}body.landing-page .bright-benefits article:nth-child(4) :is(span,svg){color:#02142C}
body:is(.landing-page,.site-2027) .footer-main{gap:28px}body:is(.landing-page,.site-2027) .footer-bottom{margin-top:6px}body:is(.landing-page,.site-2027) .site-footer{padding-top:38px;padding-bottom:23px}
/* Contact details: deliberate three-card hierarchy and one clear office panel. */
body.contact-page .contact-channels{padding-bottom:44px}body.contact-page .channels-title{margin-bottom:25px;align-items:end}body.contact-page .channels-title h2{font-size:28px;font-weight:600;line-height:1.5}body.contact-page .contact-cards{gap:18px}body.contact-page .contact-cards>a:nth-child(n){padding:30px;border:1px solid #E2E8F0;border-radius:20px;background:#FFFFFF;box-shadow:0 15px 30px -22px #02142C38;min-height:200px;transition:transform .25s,box-shadow .25s}body.contact-page .contact-cards>a:first-child{background:linear-gradient(140deg,#02142C,#02142C);border-color:#02142C}body.contact-page .contact-cards>a:last-child{background:#009A68;border-color:#009A68}body.contact-page .contact-cards small{font-size:12px;letter-spacing:.02em}body.contact-page .contact-cards h2{font-size:22px;font-weight:600;margin:28px 0 12px;line-height:1.45;color:#02142C}body.contact-page .contact-cards p{font-size:13px;line-height:1.9;color:#02142C}body.contact-page .contact-cards>a:first-child :is(h2,small,.contact-icon){color:white}body.contact-page .contact-cards>a:first-child p{color:#E2E8F0}body.contact-page .contact-cards>a:last-child :is(small,.contact-icon,p){color:#02142C}body.contact-page .contact-icon{top:25px;right:26px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#FFFFFF28;color:#00A1CF}body.contact-page .contact-icon svg{width:20px;height:20px}
body.contact-page .contact-address{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:40px;border:1px solid #02142C;border-radius:22px;background:linear-gradient(120deg,#02142C,#02142C);color:#FFFFFF;margin-bottom:68px;box-shadow:0 22px 40px -25px #02142C3D}body.contact-page .contact-address .contact-kicker{color:#00A1CF}body.contact-page .contact-address h2{font-size:30px;font-weight:500;color:#FFFFFF;line-height:1.5;margin:15px 0 17px}body.contact-page .contact-address p{font-size:15px;line-height:1.9;color:#E2E8F0}body.contact-page .office-map-links{gap:18px}body.contact-page .office-map-links>p{font-size:12px;color:#E2E8F0}body.contact-page .office-map-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.contact-page .office-map-actions a{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#FFFFFF;color:#02142C;border:1px solid #FFFFFF33;border-radius:12px;padding:20px 18px;font-size:14px;font-weight:500;box-shadow:0 5px 12px #02142C15;min-width:0}body.contact-page .office-map-actions svg{width:18px;height:18px;flex-shrink:0}
@media(hover:hover){body.landing-page #why .problems article:nth-child(n):hover,body.contact-page .contact-cards>a:nth-child(n):hover{transform:translateY(-4px);box-shadow:0 25px 35px -24px #02142C50}}
body.landing-page.dark #why{background:#02142C}body.landing-page.dark #why .problems article:nth-child(2){background:#02142C;border-color:#FFFFFF18}body.landing-page.dark #why .problems article:nth-child(2) :is(h3,.problem-kicker){color:#FFFFFF}body.landing-page.dark #why .problems article:nth-child(2) p{color:#E2E8F0}body.landing-page.dark .value{background:#02142C}body.landing-page.dark .value-grid article:nth-child(2),body.landing-page.dark .value-grid article:nth-child(3){background:#02142C;border-color:#FFFFFF18}body.landing-page.dark .value-grid article:nth-child(2) h3,body.landing-page.dark .value-grid article:nth-child(3) h3{color:#FFFFFF}body.landing-page.dark .value-grid article:nth-child(2) p,body.landing-page.dark .value-grid article:nth-child(3) p{color:#E2E8F0}body.landing-page.dark #partner{background:#02142C}body.landing-page.dark .bright-benefits article:nth-child(2),body.landing-page.dark .bright-benefits article:nth-child(3){background:#02142C;border-color:#FFFFFF18}body.landing-page.dark .bright-benefits article:nth-child(2) h3,body.landing-page.dark .bright-benefits article:nth-child(3) h3{color:#FFFFFF}body.landing-page.dark .bright-benefits article:nth-child(2) p,body.landing-page.dark .bright-benefits article:nth-child(3) p{color:#E2E8F0}
@media(max-width:1100px){body.landing-page #why .problems article:nth-child(n){padding:25px;min-height:340px}body.landing-page #why .problems h3{font-size:21px}body.landing-page .value-grid article:nth-child(n){padding:25px 20px}body.landing-page .bright-benefits article:nth-child(n){padding:24px}body.contact-page .contact-cards>a:nth-child(n){padding:25px}body.contact-page .contact-cards h2{font-size:20px}body.contact-page .contact-address{padding:32px;gap:5%}}
@media(max-width:900px){body.landing-page #why{padding:64px 24px}body.landing-page #why .section-top{grid-template-columns:1fr;gap:21px;margin-bottom:30px}body.landing-page #why .section-top h2{font-size:32px}body.landing-page #why .problems{grid-template-columns:1fr;gap:16px}body.landing-page #why .problems article:nth-child(n){padding:27px;min-height:0}body.landing-page #why .problem-top{margin-bottom:20px}body.landing-page #why .problems h3{font-size:23px}body.landing-page .value-grid{gap:16px}body.landing-page .value-grid article:nth-child(n){min-height:0;padding:25px 22px}body.landing-page #partner{display:block;padding:64px 24px}body.landing-page .bright-benefits{grid-template-columns:1fr 1fr;gap:15px}body.landing-page .bright-benefits article:nth-child(n){padding:25px;min-height:230px}body.contact-page .contact-address{grid-template-columns:1fr;gap:28px}body.contact-page .contact-cards{grid-template-columns:1fr;gap:15px}body.contact-page .contact-cards>a:nth-child(n){min-height:0;padding:27px}body.contact-page .contact-cards h2{font-size:23px;margin-top:25px}}
@media(max-width:600px){body.landing-page #why .section-top h2{font-size:29px}body.landing-page #why .problems article:nth-child(n){padding:25px;border-radius:18px}body.landing-page #why .problems h3{font-size:22px}body.landing-page #why .problems p{font-size:14px}body.landing-page .value-grid article:nth-child(n){padding:22px 17px;border-radius:18px}body.landing-page .value-grid article h3{font-size:17px}body.landing-page .value-grid article p{font-size:13px}body.landing-page .value-grid .value-emoji{width:45px;height:45px;font-size:28px;margin-bottom:21px}body.landing-page #partner h2{font-size:31px}body.landing-page .bright-benefits{grid-template-columns:1fr;gap:14px}body.landing-page .bright-benefits article:nth-child(n){padding:26px;min-height:0}body.contact-page .channels-title{display:block}body.contact-page .channels-title h2{font-size:25px;margin-top:10px}body.contact-page .contact-address{padding:27px;border-radius:19px;margin-bottom:45px}body.contact-page .contact-address h2{font-size:27px}body.contact-page .office-map-actions{grid-template-columns:1fr}body.contact-page .office-map-actions a{padding:17px 18px;font-size:14px}}
/* One motion language across the public site. */
body:is(.landing-page,.site-2027) .interactive-surface{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
body:is(.landing-page,.site-2027) .interactive-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,50%),#FFFFFF22,transparent 65%);pointer-events:none;opacity:0;transition:opacity .35s;z-index:-1}
body:is(.landing-page,.site-2027) :is(a,button,input,summary){-webkit-tap-highlight-color:transparent}
body:is(.landing-page,.site-2027) :is(a,button,summary):focus-visible{outline:3px solid #00A1CF;outline-offset:5px}
body:is(.landing-page,.site-2027) :is(.button,.application-submit,.office-map-actions a){transition:transform .25s,box-shadow .25s,background .25s}
body:is(.landing-page,.site-2027) :is(.cta-arrow,.application-submit-icon,.office-map-actions svg){transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s}
body:is(.landing-page,.site-2027) .site-header nav>a:not(.nav-contact){position:relative}
body:is(.landing-page,.site-2027) .site-header nav>a:not(.nav-contact):after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:#009A68;transform:scaleX(0);transform-origin:left;transition:transform .25s}
body.landing-page #join .application-submit{position:relative;border-radius:15px;height:61px;padding:9px 10px 9px 23px;background:linear-gradient(110deg,#02142C,#02142C);box-shadow:0 10px 22px -12px #02142C70;font-size:15px;font-weight:500;letter-spacing:0}
body.landing-page #join .application-submit-icon{width:39px;height:39px;border-radius:50%;background:#00A1CF33}
body.landing-page #join .field-control:focus-within{border-color:#00A1CF;box-shadow:0 0 0 4px #00A1CF0D;transition:box-shadow .2s,border-color .2s}
@media(hover:hover){
 body:is(.landing-page,.site-2027) .interactive-surface:hover{transform:translateY(-6px);box-shadow:0 25px 36px -23px #02142C65}
 body:is(.landing-page,.site-2027) .interactive-surface:hover:after{opacity:1}
 body:is(.landing-page,.site-2027) :is(.button,.application-submit):hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #009A6870}
 body:is(.landing-page,.site-2027) :is(.button,.application-submit):hover :is(.cta-arrow,.application-submit-icon){transform:translateX(3px);background:#FFFFFF25}
 body:is(.landing-page,.site-2027) .office-map-actions a:hover{background:#E2E8F0;transform:translateY(-3px)}
 body:is(.landing-page,.site-2027) .office-map-actions a:hover svg{transform:translate(2px,-2px)}
 body:is(.landing-page,.site-2027) .site-header nav>a:hover:after{transform:scaleX(1)}
}
body:is(.landing-page,.site-2027) :is(.button,.application-submit):active{transform:scale(.985)}
@media(prefers-reduced-motion:reduce){body:is(.landing-page,.site-2027) *,body:is(.landing-page,.site-2027) *:before,body:is(.landing-page,.site-2027) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.landing-page #why .problems article:last-child :is(.problem-kicker,.problem-index,p),body.landing-page .value-grid article:last-child p,body.landing-page .bright-benefits article:nth-child(4) :is(p,span,svg),body.contact-page .contact-cards>a:last-child :is(small,.contact-icon,p){color:#02142C}