@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');:root{--navy:#283b78;--teal:#5ebdaf;--ink:#1d2b54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fc;font-family:Outfit,Arial,sans-serif;color:var(--ink)}main{max-width:1440px;margin:auto;background:white;overflow:hidden}.brand{height:95px;display:flex;align-items:center;gap:16px;padding:0 5%;font-size:30px;font-weight:700;background:linear-gradient(90deg,#fff 0%,#cde5f5 65%,#69a8d8 100%)}.teal,h1 em,h2 em{color:var(--teal);font-style:normal}.brand-icon{width:49px;height:49px;display:inline-block;position:relative;flex-shrink:0}.brand-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--navy) 0 69%,var(--teal) 69%);clip-path:polygon(0 0,100% 0,100% 100%,48% 100%,48% 50%,0 50%)}.brand-icon:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--teal);position:absolute;left:3px;bottom:3px}.hero{height:500px;background:linear-gradient(90deg,rgba(255,255,255,.91),rgba(255,255,255,.08) 63%),url('assets/hero.jpg') center 55%/cover;position:relative}.hero-copy{position:absolute;left:5%;top:19%}h1{font-size:clamp(35px,5vw,65px);line-height:1.12;margin:0 0 20px;font-weight:800}.hero p{font-size:18px;line-height:1.5}.stats{display:flex;padding:24px 6%;gap:40px}.stats>div{display:grid;grid-template-columns:45px auto;grid-template-rows:auto auto;align-items:center;padding-right:45px;border-right:1px solid #c9d1e1}.stats>div:last-child{border:0}.stat-icon{grid-row:span 2;font-size:32px;color:var(--navy)}.stats strong{font-size:26px}.stats small{font-size:12px}.overview{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.about{padding:50px 10%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em}.about h2,.services h2,.contact h2{font-size:clamp(27px,3vw,43px);line-height:1.15;margin:12px 0 20px}.about p,.services>p,.contact p{font-size:16px;line-height:1.55}.employee{background:url('assets/employee.jpg') center/cover}.services{padding:55px 5% 65px}.services>p{max-width:580px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.service-grid article{border:1px solid #e0e8ef;border-radius:8px;overflow:hidden;padding:16px 14px 0;display:flex;flex-direction:column;min-width:0}.service-icon{font-size:27px;color:var(--navy)}.service-grid h3{font-size:17px;margin:12px 0 6px}.service-grid p{font-size:13px;line-height:1.4;flex:1;margin:0 0 15px}.service-grid img{width:calc(100% + 28px);margin:0 -14px;aspect-ratio:1.7;object-fit:cover}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.feature-photo{background:url('assets/multimodal.jpg') center/cover}.benefits{background:var(--navy);color:white;padding:45px 8%}.benefits h2{font-size:clamp(26px,3vw,39px);line-height:1.14;margin:12px 0 25px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefit-grid>div{position:relative;padding-left:38px}.benefit-grid span{position:absolute;left:0;top:0;font-size:25px}.benefit-grid h3{font-size:16px;margin:0 0 4px}.benefit-grid p{font-size:12px;line-height:1.45;margin:0}.benefit-grid .wide{grid-column:span 2}.contact{min-height:330px;background:linear-gradient(90deg,rgba(227,246,252,.96),rgba(225,245,252,.74) 43%,rgba(220,243,253,.08)),url('assets/network.jpg') center/cover;padding:45px 5%}.contact h2{margin-bottom:8px}.contact-line{margin:9px 0}.contact a{color:inherit;text-decoration:none}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;gap:20px;font-size:13px;background:#eff7fb}.footer-brand{display:flex;align-items:center;gap:10px;font-size:21px}.footer-brand .brand-icon{width:35px;height:35px}footer>div:last-child{text-align:right}@media(max-width:700px){.brand{height:70px;font-size:21px;gap:9px}.brand-icon{width:34px;height:34px}.hero{height:330px;background-position:59% center}.hero-copy{top:13%;left:5%}h1{font-size:35px}.hero p{font-size:12px}.stats{gap:15px;padding:20px 5%}.stats>div{padding-right:15px;grid-template-columns:30px auto}.stat-icon{font-size:23px}.stats strong{font-size:20px}.stats small{font-size:10px}.overview{grid-template-columns:1fr 1fr;min-height:280px}.about{padding:22px 7%}.about h2{font-size:22px}.about p{font-size:11px}.services{padding:35px 5%}.services h2{font-size:27px}.services>p{font-size:13px}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-grid article{padding:12px 10px 0}.service-grid img{width:calc(100% + 20px);margin:0 -10px}.service-grid h3{font-size:14px}.service-grid p{font-size:11px}.feature{grid-template-columns:1fr}.feature-photo{height:300px;background-position:center 42%}.benefits{padding:32px 6%}.benefits h2{font-size:30px}.contact{min-height:280px;background-position:60% center}.contact h2{font-size:30px}.contact p{font-size:12px}footer{font-size:10px}.footer-brand{font-size:14px}.footer-brand .brand-icon{width:28px;height:28px}}@media(max-width:390px){.overview{grid-template-columns:1fr}.employee{height:260px}.hero{height:290px}.hero-copy h1{font-size:31px}}
/* Refined brand colors and consistent outline icon system */
:root{--navy:#293c79;--teal:#60bdaf;--ink:#263970}
.line-icon{width:1em;height:1em;display:inline-block;vertical-align:middle;flex-shrink:0}
.stat-icon,.service-icon,.benefit-grid span{display:flex;align-items:center;justify-content:center}
.stat-icon{font-size:30px}.service-icon{font-size:28px;height:32px;justify-content:flex-start}
.benefit-grid span{font-size:26px}.contact-line{display:flex;align-items:center;gap:12px}.contact-line .line-icon{width:19px;height:19px;color:var(--navy)}
.brand{background:linear-gradient(90deg,#fff 0%,#e4f0f9 38%,#9bc6e9 74%,#5eabd9 100%)}
.contact{background:linear-gradient(90deg,rgba(220,244,252,.97) 0%,rgba(218,240,250,.87) 46%,rgba(215,239,249,.12) 100%),url('assets/network.jpg') center/cover}
footer{background:linear-gradient(90deg,#e5f5f9,#b7d9ed)}
@media(max-width:700px){.stat-icon{font-size:23px}.contact-line .line-icon{width:16px;height:16px}}
/* Requested adjustments: centered metrics and light blue About panel */
.stats{justify-content:center;align-items:center;background:#fff}
.stats>div{min-width:205px}
.overview{background:#e8f5fb}
.about{background:#e8f5fb}
@media(max-width:700px){.stats{justify-content:center;gap:12px}.stats>div{min-width:0;flex:0 1 auto}}