body.ca-services-page { background:#fff; color:#253f4a; font-family:Roboto,sans-serif; }
.cs-page { max-width:1280px; width:100%; margin:0 auto; padding:24px 24px 40px; }
.cs-page * { box-sizing:border-box; letter-spacing:0; }
.cs-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:#596f79; font-size:13px; margin-bottom:24px; }
.cs-breadcrumb a { color:#416674; }
.cs-heading { padding-bottom:22px; }
.cs-eyebrow { color:#526d77; font-size:13px; font-weight:500; margin:0 0 8px; }
.cs-page h1 { font-size:32px; line-height:1.25; font-weight:700; color:#1f4e5f; margin:0 0 12px; }
.cs-intro { font-size:17px; line-height:1.65; max-width:850px; margin:0 0 14px; color:#4b626d; }
.cs-shortcuts { display:flex; flex-wrap:wrap; gap:4px 26px; }
.cs-shortcuts a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#1f4e5f; font-size:14px; font-weight:500; }
.cs-page a:hover { text-decoration:underline; text-underline-offset:3px; }
.cs-page :is(a,summary):focus-visible { outline:3px solid #368b7d; outline-offset:4px; }
.cs-page h2 { font-size:23px; line-height:1.35; font-weight:700; margin:0 0 8px; color:#203f4c; }
.cs-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px 28px; margin-bottom:20px; }
.cs-section-heading h2 { margin:0; }
.cs-section-heading>p { margin:0; font-size:14px; color:#526773; max-width:460px; line-height:1.6; }
.cs-offers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.cs-offer { --offer-color:#a87b24; --offer-tint:#fff5dd; border:1px solid #b8cbd2; border-top:4px solid var(--offer-color); border-radius:8px; padding:22px; display:flex; flex-direction:column; min-width:0; background:#fff; box-shadow:0 2px 6px rgba(31,62,75,.05); scroll-margin-top:100px; }
.cs-offer-credits { --offer-color:#2c7b60; --offer-tint:#e9f4ee; }
.cs-offer-boost { --offer-color:#3c748a; --offer-tint:#eaf1f5; }
.cs-offer-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; }
.cs-offer-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:5px; flex-shrink:0; color:var(--offer-color); background:var(--offer-tint); font-size:20px; }
.cs-offer-kind { color:#506671; font-size:12px; text-align:right; }
.cs-page h3 { font-size:20px; line-height:1.4; margin:0 0 8px; font-weight:700; color:#203f4c; overflow-wrap:anywhere; }
.cs-offer-benefit { font-size:15px; line-height:1.6; margin:0 0 18px; color:#3d5966; }
.cs-offer ul { padding:0; list-style:none; margin:0 0 22px; }
.cs-offer li { display:flex; gap:9px; align-items:flex-start; font-size:14px; line-height:1.6; color:#4a616d; margin:0 0 10px; }
.cs-offer li:last-child { margin-bottom:0; }
.cs-offer li i { flex-shrink:0; margin-top:5px; color:#2c7863; font-size:12px; }
.cs-offer-bottom { margin-top:auto; padding-top:16px; border-top:1px solid #d9e2e6; }
.cs-offer-bottom>p { font-size:12px; color:#536873; margin:0 0 14px; line-height:1.5; }
.cs-page .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:10px 16px; font-size:14px; line-height:1.4; font-weight:500; border-radius:6px; text-transform:none; white-space:normal; box-shadow:none; }
.cs-page .btn i { flex-shrink:0; }
.cs-page .btn-primary { background:#1f4e5f; border:1px solid #1f4e5f; color:#fff; }
.cs-page .btn-primary:hover { background:#163e4d; border-color:#163e4d; text-decoration:none; }
.cs-page .btn-outline-primary { background:#fff; border:1px solid #9ab4c0; color:#1f4e5f; }
.cs-page .btn-outline-primary:hover { background:#edf4f5; text-decoration:none; }
.cs-offer .btn { width:100%; }
.cs-commercial-note { display:flex; align-items:flex-start; gap:8px; color:#576c75; font-size:12px; line-height:1.6; margin:16px 0 0; }
.cs-commercial-note i { margin-top:3px; flex-shrink:0; }
.cs-explore { display:flex; align-items:center; justify-content:space-between; gap:20px 32px; border-top:1px solid #c9d8de; border-bottom:1px solid #c9d8de; padding:24px 0; margin-top:28px; }
.cs-explore h2 { font-size:19px; }
.cs-explore p { color:#526773; font-size:14px; margin:0; line-height:1.6; }
.cs-explore-links { display:grid; gap:4px; flex-shrink:0; }
.cs-explore a,.cs-project a { display:inline-flex; align-items:center; gap:10px; font-size:14px; min-height:40px; font-weight:500; color:#1f4e5f; }
.cs-digital { padding:34px 0; border-bottom:1px solid #c9d8de; scroll-margin-top:100px; }
.cs-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.cs-project { display:grid; grid-template-columns:80px minmax(0,1fr); align-items:start; gap:20px; padding:22px; border:1px solid #cad7dd; border-radius:8px; background:#fff; min-width:0; }
.cs-project img { display:block; width:80px; height:80px; object-fit:contain; align-self:start; margin-top:6px; }
.cs-project h3 { font-size:19px; margin-top:6px; }
.cs-project p { font-size:14px; line-height:1.65; color:#4e6470; margin:0 0 10px; }
.cs-project-kind { display:inline-block; font-size:12px; font-weight:500; color:#306653; background:#eaf4ee; border-radius:3px; padding:4px 7px; }
.cs-project-upcoming .cs-project-kind { background:#edf1f3; color:#50636d; }
.cs-faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:32px; padding:32px 0; border-bottom:1px solid #c9d8de; }
.cs-faq details { border-bottom:1px solid #d6e0e4; }
.cs-faq details:first-child { border-top:1px solid #d6e0e4; }
.cs-faq summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 0; color:#294e5c; font-size:15px; line-height:1.5; font-weight:500; cursor:pointer; }
.cs-faq summary::-webkit-details-marker { display:none; }
.cs-faq summary i { font-size:12px; flex-shrink:0; }
.cs-faq details[open] summary i { transform:rotate(180deg); }
.cs-faq details p { margin:0 0 18px; color:#4e6470; font-size:14px; line-height:1.7; }
.cs-help { display:flex; align-items:center; justify-content:space-between; gap:22px; padding-top:28px; }
.cs-help h2 { font-size:20px; }
.cs-help p { color:#526773; margin:0; font-size:14px; line-height:1.6; }
.cs-help .btn { flex-shrink:0; }
@media(max-width:991.98px) {
 .cs-offers { gap:14px; }
 .cs-offer { padding:18px; }
 .cs-offer-top { flex-wrap:wrap; }
 .cs-section-heading { align-items:flex-start; flex-direction:column; gap:8px; }
 .cs-project { grid-template-columns:64px minmax(0,1fr); padding:18px; gap:14px; }
 .cs-project img { width:64px; height:64px; }
 .cs-faq { grid-template-columns:minmax(0,1fr); gap:14px; }
}
@media(max-width:767.98px) {
 .cs-page { padding:18px 16px 32px; }
 .cs-page h1 { font-size:28px; }
 .cs-intro { font-size:16px; }
 .cs-offers,.cs-projects { grid-template-columns:minmax(0,1fr); }
 .cs-offer-top { flex-wrap:nowrap; }
 .cs-explore,.cs-help { align-items:flex-start; flex-direction:column; gap:14px; }
 .cs-explore-links { width:100%; }
 .cs-help .btn { width:100%; }
 .cs-shortcuts { gap:2px 20px; }
}
@media(max-width:379.98px) {
 .cs-project { grid-template-columns:48px minmax(0,1fr); padding:16px; gap:12px; }
 .cs-project img { width:48px; height:48px; }
}
