.cc-service { color: #2a375f; }
.cc-service h1,.cc-service h2,.cc-service h3 { margin: 0; font-weight: 500; letter-spacing: -.035em; line-height: 1.13; }
.cc-service h1 { font-size: clamp(2.55rem,5vw,4.65rem); }
.cc-service h2 { font-size: clamp(2rem,3.7vw,3.35rem); }
.cc-service h3 { font-size: 1.45rem; }
.cc-service p,.cc-service dd { line-height: 1.62; }
.cc-service p { margin: .85em 0 0; }
.cc-hero,.cc-next { color: white; background: #2a375f; }
.cc-hero-layout { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 3%; padding-block: clamp(48px,7vw,96px); }
.cc-wordmark { display:block; width:clamp(125px,13vw,175px); height:auto; margin-bottom:30px; }
.cc-hero-copy p,.cc-next p { max-width: 60ch; font-size:1.1rem; color:#eef1fa; }
.cc-art { width:100%; height:auto; display:block; }
.cc-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-top:28px; }
.cc-actions a { font-size:1rem; line-height:1.4; }
.cc-primary { display:inline-flex; gap:12px; align-items:center; padding:14px 20px; color:#202941; background:#cd61ff; text-decoration:none; }
.cc-primary:hover { background:#e3a7ff; }
.cc-secondary { color:white; text-decoration:underline; text-underline-offset:4px; }
.cc-facts,.cc-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,4vw,56px); }
.cc-facts { margin-block:0; padding-block:32px; border-bottom:1px solid #dce1ea; }
.cc-facts dt { font-size:clamp(1.75rem,3vw,2.5rem); font-weight:500; }
.cc-facts dd { margin:4px 0 0; }
.cc-coverage,.cc-process,.cc-example,.cc-next { padding-block:clamp(45px,6vw,82px); }
.cc-columns { margin-top:36px; }
.cc-columns article { border-top:3px solid #cd61ff; padding-top:20px; }
.cc-process { background:#f5f6fb; }
.cc-process-layout,.cc-example { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,7vw,96px); }
.cc-process ol { margin:0; padding:0; list-style:none; }
.cc-process li+li { border-top:1px solid #ced4e1; margin-top:20px; padding-top:20px; }
.cc-example p { margin:0; }
.cc-next h2 { max-width:24ch; }
@media(max-width:700px) {
  .cc-hero-layout,.cc-process-layout,.cc-example,.cc-columns { grid-template-columns:1fr; }
  .cc-hero-layout { gap:12px; padding-block:40px 20px; }
  .cc-art { width:min(80%,320px); margin-inline:auto; }
  .cc-facts { gap:12px; }
  .cc-facts dd { font-size:.86rem; line-height:1.45; }
}
body.page-service .cc-hero h1,body.page-service .cc-next h2 { color: #fff; }
.cc-coverage .cc-explanation { max-width: 75ch; font-size: 1.08rem; margin-top: 18px; }