/* Four compact case cards. Scoped to Home's success-story section. */
.hcc{max-width:1180px;margin:auto;padding:52px 28px 44px;font-family:Arial,sans-serif;color:#163466}
.hcc *{box-sizing:border-box}
.hcc .hcc-clip{position:absolute;width:0;height:0;overflow:hidden}
.hcc-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:28px}
.hcc-heading .eyebrow{font-family:Roboto,Arial,sans-serif;margin:0 0 13px}
.hcc h2{font-size:clamp(28px,3.1vw,38px);line-height:1.12;max-width:740px;margin:0;letter-spacing:-.025em}
.hcc-all{display:inline-flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;border:1px solid #163466;border-radius:999px;color:#163466;text-decoration:none;font-size:14px;font-weight:600;line-height:1.3;padding:18px 22px;min-height:56px}
.hcc-all span{font-size:23px;font-weight:400;line-height:1}
.hcc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hcc-item{min-width:0}
.hcc-card{display:block;position:relative;width:100%;min-width:0;aspect-ratio:3/4;min-height:380px;color:#fff;text-decoration:none;border-radius:24px;isolation:isolate}
.hcc-visual{position:absolute;inset:0;overflow:hidden;clip-path:url(#hcc-card-shape);background:#0b1c30}
.hcc-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hcc-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,19,34,.08) 10%,rgba(5,19,34,.5) 36%,rgba(5,19,34,.9) 66%,#071727 100%)}
.hcc-copy{position:absolute;inset:auto 18px 26px;padding-right:26px}
.hcc-service{font-size:11px;font-weight:600;line-height:1.4;color:#e2ebf1;margin:0 0 8px}
.hcc h3{font-size:clamp(19px,1.65vw,22px);font-weight:700;line-height:1.14;letter-spacing:-.02em;color:#fff;margin:0 0 11px}
.hcc-metric{font-size:14px;font-weight:500;line-height:1.45;color:#A8CF38;margin:0}
.hcc-arrow{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ccd5de;border-radius:50%;background:#fff;color:#163466;font-size:22px;line-height:1;transition:background .2s ease,color .2s ease,transform .2s ease}
.hcc-note{font-size:11px;line-height:1.5;color:#667588;margin:12px 0 0}
.hcc-card:focus-visible,.hcc-all:focus-visible{outline:3px solid #008738;outline-offset:6px}
@media(hover:hover){.hcc-card:hover img{transform:scale(1.035)}.hcc-card:hover .hcc-arrow,.hcc-all:hover{background:#163466;color:#fff}.hcc-card:hover .hcc-arrow{transform:rotate(8deg)}}
/* Two compact rows on tablets and phones; never a stretched single column. */
@media(max-width:1023px){
 .hcc{padding:38px 24px}
 .hcc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .hcc-card{aspect-ratio:auto;min-height:0;height:340px}
 .hcc h3{font-size:21px;line-height:1.17}
 .hcc-service{font-size:11px;line-height:1.35}
 .hcc-metric{font-size:13px;line-height:1.4}
 .hcc-copy{inset:auto 16px 54px;padding-right:0}
 .hcc-arrow{width:44px;height:44px;font-size:23px}
}
@media(max-width:760px){
 .hcc{padding:32px 18px}
 .hcc-heading{display:block;margin-bottom:20px}
 .hcc h2{max-width:600px;font-size:28px}
 .hcc-all{margin-top:18px;padding:12px 17px;min-height:46px;font-size:13px}
 .hcc-card{height:320px}
 .hcc h3{font-size:19px}
}
@media(max-width:600px){
 .hcc{padding:28px 14px}
 .hcc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hcc-card{height:310px;max-width:none;margin:0}
 .hcc h2{font-size:25px}
 .hcc h3{font-size:16px;line-height:1.18;margin-bottom:9px}
 .hcc-service{font-size:10.5px;line-height:1.35;margin-bottom:7px}
 .hcc-metric{font-size:12px;line-height:1.4}
 .hcc-copy{inset:auto 11px 51px;padding:0}
 .hcc-arrow{width:44px;height:44px;font-size:22px}
}
@media(max-width:359px){
 .hcc{padding-inline:10px}
 .hcc-grid{gap:10px}
 .hcc-card{height:320px}
 .hcc-copy{left:9px;right:9px}
 .hcc h3{font-size:15px}
 .hcc-metric{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){.hcc-card img,.hcc-arrow{transition:none}.hcc-card:hover img,.hcc-card:hover .hcc-arrow{transform:none}}

.hcc .home-arrow-icon{display:block;width:1em;height:1em;flex:none}