.section-container { max-width: var(--container-width); margin-inline: auto; }
.services-section, .locations-section { font-family: Peyda, Dana, sans-serif; }
.services-section { padding: 56px 0 48px; background: radial-gradient(ellipse at 48% 60%, #e9f0ff, transparent 65%), #f7faff; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 28px; }
.section-eyebrow { color: #7a89aa; font-size: 14px; margin: 0 0 10px; }
.section-heading h2, .locations-heading h2 { color: #25304f; font-size: clamp(26px, 2.5vw, 34px); font-weight: 700; margin: 0; line-height: 1.5; }
.section-heading > p { color: #828b9c; font-size: 15px; margin: 0 0 6px; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.product-card { background: #fff; border: 1px solid #e0e3ec; border-radius: 13px; padding: 22px 24px; display: flex; flex-direction: column; box-shadow: 0 8px 28px #5b70a208; transition: border-color 180ms, transform 180ms, box-shadow 180ms; }
.product-card:hover { transform: translateY(-4px); border-color: #c5d3f3; box-shadow: 0 14px 35px #5b70a214; }
.product-illustration { width: 78px; height: 76px; margin-bottom: 15px; }
.product-card h3 { color: #4b4d58; font-size: 22px; font-weight: 700; margin: 0 0 16px; }
.product-eyebrow { color: #273b8a; font-size: 14px; font-weight: 500; margin: 0 0 24px; }
.product-description { color: #81818d; font-size: 14px; line-height: 2; margin: 0 0 28px; flex: 1; }
.product-button { display: flex; justify-content: center; gap: 14px; align-items: center; width: 100%; min-height: 43px; padding: 10px; border: none; border-radius: 8px; background: #deebfc; color: #2635d9; font-size: 14px; font-weight: 500; transition: background 180ms; }
.product-button:hover { background: #cfdef9; }
.service-shortcuts { display: flex; gap: 9px; padding: 20px 2px 6px; overflow-x: auto; scrollbar-width: thin; }
.service-shortcuts button { flex: 0 0 auto; border: 1px solid #e0e3eb; border-radius: 24px; padding: 7px 15px; color: #747784; background: white; font-size: 13px; }
.service-shortcuts button:hover { color: #2635d9; border-color: #abb9ec; }
@media (max-width: 1399px) { .section-container { margin-inline: 32px; } .product-grid { gap: 20px; } .product-card { padding: 20px; } }
@media (max-width: 1050px) { .section-container { margin-inline: 24px; } .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .section-container { margin-inline: 18px; } .section-heading { display: block; } .section-heading > p { margin-top: 10px; } .product-grid { grid-template-columns: 1fr; gap: 16px; } .product-card { padding: 24px; } .product-illustration { width: 70px; height: 64px; } .product-description { margin-bottom: 22px; } .services-section { padding-top: 36px; } }
@media (prefers-reduced-motion: reduce) { .product-card, .product-button { transition: none; } .product-card:hover { transform: none; } }