/* VGaint v5.3 -- shared content grid, navigation and footer across 9 pages */
:root{--v53-max:1480px}
html,body{max-width:100%;overflow-x:clip}
body .container,body:has(.v5-hero) .container,body:has(.v5-hero) .v5-services>.container{width:min(var(--v53-max),calc(100% - 64px))!important;max-width:var(--v53-max)!important;margin-inline:auto!important}
/* ONE persistent header; remains identical while navigating pages */
body .v51-topbar{height:32px;background:#0b2d50;color:#f5faff;font-size:11px}
body .v51-top-inner{display:flex;gap:19px;align-items:center;height:100%;white-space:nowrap}
body .v51-topbar a{color:#f5faff}
body .site-header{height:auto!important;min-height:64px!important;position:sticky;top:0;background:#fff!important;z-index:100;border-bottom:1px solid #dce6ed}
body .site-header .header-inner{height:64px!important;min-height:64px!important;gap:16px!important;width:min(var(--v53-max),calc(100% - 64px))!important;max-width:var(--v53-max)!important}
body .site-header .brand{min-width:220px;gap:9px}
body .site-header .brand img{width:45px!important;height:45px!important;object-fit:contain}
body .site-header .brand-copy strong{font-size:20px!important;letter-spacing:-.7px;line-height:1.1}
body .site-header .brand-copy small{font-size:9px!important}
body .site-header .nav{gap:clamp(9px,1.05vw,20px)!important;align-items:center}
body .site-header .nav-link{font-size:12px!important;white-space:nowrap}
body .site-header .nav-link.current{color:#16895b!important}
body .site-header .v51-quote{font-size:12px!important;padding:11px 15px!important;color:#fff!important}
.v53-home-icon{display:inline-flex;vertical-align:middle;margin-right:5px;color:inherit}
.v53-home-icon svg{width:13px;height:13px;display:block}
/* Fix all three edges: never let six services overflow the container */
.v5-services{padding:17px 0 19px!important}
.v5-services-layout{display:grid!important;grid-template-columns:minmax(0,29%) minmax(0,1fr)!important;gap:24px!important;align-items:center}
.v5-services-intro,.v5-service-grid,.v5-service{min-width:0}
.v5-service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 12px!important}
.v5-service{box-sizing:border-box;min-width:0!important;width:100%!important;min-height:76px!important;height:auto!important;padding:10px 11px!important;gap:10px!important}
.v5-service b,.v5-service small{overflow-wrap:break-word;word-break:normal;min-width:0}
.v5-service small{line-height:1.35!important}
.v5-chevron{flex-shrink:0}
.v5-partners-inner,.v5-products-layout,.v5-why-grid{min-width:0}
/* Dark benefit band: slightly richer tonal contrast, restrained green accent */
.v5-why{background:linear-gradient(115deg,#09223e 0%,#12395b 60%,#0e2948 100%)!important;border-top:3px solid #16895b;padding:23px 0!important}
.v5-why-grid{display:grid;grid-template-columns:minmax(180px,1.3fr) repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.v5-why-grid>div{min-width:0}
.v5-why-grid>div:not(:first-child){border-left:1px solid #ffffff1e;padding-left:16px}
.v5-why-grid b{color:#fff}
.v5-why-grid small{color:#d1e1ef}
/* Footer is a separate section with tighter composition, not a huge empty block */
body footer{background:#0c2544!important;padding:32px 0 17px!important;min-height:0}
body footer .footer-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))!important;gap:clamp(20px,3vw,48px)!important;align-items:start}
body footer .footer-grid>div{min-width:0;gap:7px}
body footer .footer-grid .footer-brand img{width:36px;height:36px;object-fit:contain;margin-bottom:3px}
body footer .footer-grid .footer-brand p{margin-top:9px!important}
body footer .footer-grid p,body footer .footer-grid a{overflow-wrap:anywhere;line-height:1.55}
body footer .footer-bottom{margin-top:24px!important;padding-top:12px!important}
@media(max-width:1250px){body .site-header .brand{min-width:180px}body .site-header .nav{gap:8px!important}body .site-header .nav-link{font-size:10.5px!important}.v5-services-layout{grid-template-columns:27% minmax(0,1fr)!important;gap:15px!important}.v5-service{gap:7px!important;padding:8px!important}.v5-service-icon{width:38px!important;height:38px!important;flex-basis:38px!important}.v5-service-icon img{width:25px!important;height:25px!important}.v5-why-grid{gap:10px}}
@media(max-width:1080px){body .site-header .mobile-menu{display:flex!important;flex-direction:column;gap:4px}body .site-header .nav{display:none!important;position:absolute;top:64px;left:0;right:0;background:#fff;padding:12px 22px 22px;flex-direction:column;align-items:stretch;box-shadow:0 12px 24px #102b4d25}body .site-header .nav.is-open{display:flex!important}body .site-header .nav-link{font-size:14px!important;padding:9px 6px}body .site-header .v51-quote{align-self:stretch}.v5-services-layout{grid-template-columns:1fr!important;gap:16px!important}.v5-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v5-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-why-grid>div:first-child{grid-column:1/-1}.v5-why-grid>div:not(:first-child){padding-left:10px}}
@media(max-width:740px){body .container,body:has(.v5-hero) .container,body:has(.v5-hero) .v5-services>.container,body .site-header .header-inner{width:calc(100% - 32px)!important}.v51-topbar{height:auto!important;padding:5px 0}.v51-top-inner{flex-wrap:wrap;gap:4px 12px!important;font-size:10px}.v51-top-right{margin-left:0!important}.v5-service-grid{grid-template-columns:1fr!important}.v5-why-grid{grid-template-columns:1fr!important}.v5-why-grid>div:first-child{grid-column:auto}.v5-why-grid>div:not(:first-child){border:0;border-top:1px solid #ffffff25;padding:10px 0 0}.footer-grid,body footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.footer-brand{grid-column:1/-1}}
@media(max-width:420px){body footer .footer-grid{grid-template-columns:1fr!important}}