/* A distinct, gentle background for each service area. */
.service-detail#data-center{--section-tint:#edf4ff;--section-edge:#dce8fa;--section-accent:#3868a8}
.service-detail#cloud-virtualization{--section-tint:#f2edfc;--section-edge:#e7ddf7;--section-accent:#7655a4}
.service-detail#routing-switching{--section-tint:#eaf7f2;--section-edge:#d6ece2;--section-accent:#357e68}
.service-detail#security-devices{--section-tint:#fff2e9;--section-edge:#f4e2d3;--section-accent:#9a6241}
.service-detail#security-operations{--section-tint:#eaf6fa;--section-edge:#d5eaf1;--section-accent:#377a90}
.service-detail#product-api{--section-tint:#fceef4;--section-edge:#f1dfe8;--section-accent:#9a5479}
.service-detail.section{padding:36px;border:1px solid var(--section-edge);border-radius:24px;background:linear-gradient(135deg,var(--section-tint),#ffffff 160%);box-shadow:0 8px 25px #20395804}
.service-detail .capability{background:#ffffffed;border-color:var(--section-edge)}
.service-detail .delivery{background:#ffffffa6;border:1px solid var(--section-edge)}
.service-detail .detail-heading .eyebrow,.service-detail .brand-line>.eyebrow,.service-detail .delivery-grid span{color:var(--section-accent)}
.service-detail .technology-brand{border-color:var(--section-edge);background:#fff}
@media(max-width:1000px){.service-detail.section{padding:27px}}
@media(max-width:760px){.service-detail.section{padding:22px 16px;border-radius:19px}.service-detail .detail-heading{gap:20px}.service-detail .delivery{padding:20px}}