/* Phase 2 visual system: derived from K2C_Solutions Website.pptx (15 page mockups).
   Source imagery: WebsiteNew.zip / Website/Web Contribute/Pictures, optimised locally to WebP.
   Keeps existing site.css for Phase-1 Careers placeholder and compatible components. */
:root{--ref-navy:#203d87;--ref-blue:#3149a5;--ref-green:#16b95c;--ref-ink:#26384b;--ref-muted:#5d6e7f;--ref-pale:#e8f2fc;--ref-mint:#def5d7;--ref-border:#dae4eb}
.ref-site{background:#fff;color:var(--ref-ink);font-family:Arial,'Segoe UI',sans-serif}
.ref-site .site-header{background:rgba(255,255,255,.97);box-shadow:0 2px 14px rgba(30,57,92,.09);position:sticky;top:0;z-index:80}
.ref-site .header-inner{min-height:78px;height:auto}
.ref-site .ref-brand{padding:2px 0;min-width:130px}
.ref-site .ref-brand img{object-fit:contain;height:58px;width:130px}
.ref-site .primary-navigation{gap:15px}
.ref-site .nav-link{font-weight:650;color:#24365c;font-size:13px}
.ref-site .nav-contact{background:#163f8a;color:#fff;font-size:12px}
.ref-site .nav-submenu{min-width:235px}
.ref-container{width:min(calc(100% - 74px),1120px);margin:auto}
.ref-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:410px;background:#dfe8f4}
.ref-hero-image{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.ref-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(245,249,255,.96) 0%,rgba(246,249,255,.84) 39%,rgba(245,249,255,.17) 76%,rgba(245,249,255,0) 100%)}
.ref-hero-content{padding:77px 0 81px}
.ref-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;color:#178c65;margin:0 0 14px}
.ref-hero .ref-kicker{color:#284b94}
.ref-hero h1{color:#293c99;font-weight:800;font-size:clamp(38px,4.1vw,64px);line-height:1.08;max-width:680px;margin:0 0 15px;letter-spacing:-.036em}
.ref-hero-lead{font-size:16px;line-height:1.72;max-width:595px;color:#304358;margin:0;font-weight:500}
.ref-hero-dark{background:#193b62}.ref-hero-dark:before{background:linear-gradient(90deg,rgba(9,31,61,.92) 0%,rgba(18,45,81,.76) 43%,rgba(16,34,61,.14) 100%)}
.ref-hero-dark h1,.ref-hero-dark .ref-kicker{color:white}.ref-hero-dark .ref-hero-lead{color:#e4eef8}
.ref-section{padding:65px 0 77px;scroll-margin-top:95px}
.ref-bg-mint{background:var(--ref-mint)}.ref-bg-pale{background:var(--ref-pale)}.ref-bg-white{background:white}
.ref-section-heading{text-align:center;max-width:860px;margin:0 auto 30px}
.ref-section-heading h2{font-size:clamp(27px,2.7vw,39px);font-weight:750;letter-spacing:-.025em;line-height:1.22;color:#233d90;margin:0 0 13px}
.ref-section-heading>p:not(.ref-kicker){font-size:15px;line-height:1.75;color:#526579;max-width:770px;margin:0 auto}
.ref-card-grid{display:grid;gap:17px}.ref-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ref-card{background:white;border:1px solid var(--ref-border);border-radius:14px;padding:23px 23px 22px;box-shadow:0 5px 15px rgba(29,68,102,.035);min-width:0;scroll-margin-top:105px}
.ref-card h3{color:#2b4292;font-size:18px;font-weight:780;line-height:1.28;margin:0 0 11px}
.ref-card p{color:#5c6e7f;font-size:14px;line-height:1.69;margin:0}
.ref-card ul{padding-left:18px;margin:16px 0 0;font-size:14px;color:#3e596e;line-height:1.75}
.ref-card li+li{margin-top:4px}
.ref-card-link{display:inline-block;color:#168453;font-size:13px;font-weight:800;margin-top:17px;text-decoration:none}.ref-card-link:hover{text-decoration:underline;color:#0a754c}
.ref-center-action{text-align:center;margin:32px auto 0}.ref-button{border-radius:4px;padding:12px 22px;display:inline-flex;gap:15px;align-items:center;justify-content:center;font-weight:780;font-size:13px;text-decoration:none;border:1px solid transparent;transition:filter .15s}
.ref-button-green{background:#16b857;color:#fff}.ref-button-green:hover{background:#079a46;color:#fff}
.ref-chart{text-align:center;margin:14px auto 0;max-width:650px}.ref-chart img{width:min(100%,580px);height:auto;max-height:560px;object-fit:contain;display:block;margin:auto}.ref-chart figcaption{font-size:12px;color:#697b8e;margin-top:12px}
.ref-intro{max-width:800px;margin:0 auto;text-align:center}.ref-intro p{color:#4e6474;font-size:16px;line-height:1.85}
.ref-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ref-list-card{border-radius:14px;border:1px solid #d5e2e8;background:#fff;padding:19px 21px}.ref-list-card h3{font-size:17px;color:#294290;margin-bottom:7px}.ref-list-card p{font-size:14px;line-height:1.6;color:#657384;margin:0}
.ref-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1080px;margin:auto}.ref-step{background:white;border:1px solid #d8e4e8;padding:22px 21px;border-radius:13px}.ref-step-number{color:#13ac5e;font-weight:850;font-size:24px;letter-spacing:-.04em;margin-bottom:13px}.ref-step h3{font-size:17px;color:#2b418b;margin-bottom:9px}.ref-step p{font-size:13px;color:#5e7180;line-height:1.7;margin:0}.ref-steps:has(.ref-step:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
.ref-cta{background:#ddf5d6;padding:58px 20px 64px;text-align:center}.ref-cta h2{color:#2d448e;font-size:31px;font-weight:800;margin-bottom:13px}.ref-cta p{max-width:710px;margin:0 auto 23px;color:#567078;line-height:1.7;font-size:15px}
.ref-filter{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:25px}.ref-filter button{cursor:pointer;border:1px solid #b7d5c7;background:white;border-radius:30px;padding:9px 16px;font-size:12px;font-weight:760;color:#36596b}.ref-filter button[aria-pressed="true"]{background:#1e9c5a;border-color:#1e9c5a;color:white}
.ref-info{border-radius:10px;background:#fff;border-left:4px solid #278d71;padding:20px;margin:27px auto 0;max-width:890px;font-size:14px;line-height:1.8;color:#485e70}
.ref-site section[id],.ref-site article[id]{scroll-margin-top:105px}
.ref-site .site-footer{padding-top:55px}.ref-footer .footer-top{align-items:start}
@media(max-width:1100px){.ref-site .primary-navigation{gap:9px}.ref-site .nav-link{font-size:12px}.ref-steps:has(.ref-step:nth-child(5)){grid-template-columns:repeat(3,1fr)}}
@media(max-width:1040px){.ref-site .primary-navigation{gap:0}.ref-site .nav-link{font-size:14px}.ref-site .ref-brand img{width:110px;height:51px}}
@media(max-width:800px){.ref-container{width:min(calc(100% - 42px),1120px)}.ref-hero{min-height:375px}.ref-hero-content{padding:60px 0}.ref-hero:before{background:linear-gradient(90deg,rgba(245,249,255,.94),rgba(245,249,255,.79) 60%,rgba(245,249,255,.34))}.ref-hero-dark:before{background:linear-gradient(90deg,rgba(9,31,61,.93),rgba(9,31,61,.68))}.ref-hero h1{font-size:43px}.ref-columns-4,.ref-columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-steps,.ref-steps:has(.ref-step:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.ref-section{padding:50px 0 57px}.ref-footer .footer-top{gap:23px}}
@media(max-width:550px){.ref-container{width:min(calc(100% - 32px),1120px)}.ref-hero{min-height:325px}.ref-hero-content{padding:53px 0}.ref-hero h1{font-size:35px}.ref-hero-lead{font-size:14px}.ref-columns-4,.ref-columns-3,.ref-columns-2,.ref-list-grid{grid-template-columns:1fr}.ref-steps,.ref-steps:has(.ref-step:nth-child(5)){grid-template-columns:1fr}.ref-cta h2{font-size:27px}.ref-card{padding:22px}.ref-section-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ref-button{transition:none}}