.cp-seo,.cp-services{--cp-ink:#182c3d;--cp-muted:#44596b;--cp-bg:#f4f7fa;--cp-card:#fff;--cp-line:#dbe3eb;--cp-link:#0b588a;box-sizing:border-box;clear:both;color:var(--cp-ink);font-size:16px;line-height:1.7}
.cp-intro{max-width:950px;margin:auto;text-align:center}.cp-intro p{line-height:1.7}.cp-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.cp-actions a{display:inline-block;padding:11px 20px;background:#174d70;color:#fff!important;border-radius:6px;text-decoration:none!important;font-size:16px;line-height:1.5}
.cp-services{margin:28px 0}.cp-services>h2,.cp-seo h2{font-size:26px;line-height:1.35;margin:0 0 18px;color:inherit}.cp-services>h2{text-align:center}.cp-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cp-service-card{display:block;min-width:0;background:var(--cp-card);border:1px solid var(--cp-line);border-radius:10px;overflow:hidden;color:var(--cp-ink)!important;text-decoration:none!important}.cp-service-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.cp-service-card h3{margin:0;padding:16px;font-size:19px;line-height:1.4;color:inherit}.cp-service-card:hover,.cp-service-card:focus-visible{border-color:var(--cp-link);box-shadow:0 4px 18px #16324d20}
.cp-seo{padding:26px;margin:32px 0;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:10px}.cp-seo h3{font-size:20px;line-height:1.4;margin:22px 0 10px;color:inherit}.cp-seo p{margin:0 0 15px}.cp-seo a{color:var(--cp-link);text-decoration:underline}.cp-seo ul{padding-left:24px;margin:12px 0 20px}.cp-seo li{margin:6px 0}.cp-seo details{padding:14px 0;border-top:1px solid var(--cp-line)}.cp-seo summary{font-weight:bold;cursor:pointer}.cp-seo details p{margin:12px 0 0}.cp-category-description{max-width:1000px;margin:16px auto 24px;font-size:16px;line-height:1.7}.cp-category-description p{margin:0 0 12px}
@media(max-width:900px){.cp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.cp-service-grid{grid-template-columns:minmax(0,1fr)}.cp-seo{padding:18px 14px}.cp-seo h2,.cp-services>h2{font-size:23px}.cp-actions{flex-direction:column}.cp-actions a{text-align:center}.cp-intro h1{font-size:27px;line-height:1.3}}
@media(prefers-color-scheme:dark){.cp-seo,.cp-services{--cp-ink:#edf3f8;--cp-muted:#c6d2df;--cp-bg:#18232f;--cp-card:#202e3b;--cp-line:#415467;--cp-link:#8ecfff}}