.service-details { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.service-detail-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; min-width: 0; }
.service-detail-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.service-detail-icon { width: 46px; height: 46px; display: grid; place-items: center; background: #edf4ef; color: var(--green); border-radius: 12px; }
.service-detail-icon svg { width: 25px; height: 25px; }
.service-detail-number { font-size: 12px; font-weight: 800; color: var(--green); letter-spacing: .08em; }
.service-detail-card h3 { font-size: 21px; line-height: 1.35; letter-spacing: -.025em; min-height: 2.7em; margin-bottom: 15px; }
.service-detail-card p { font-size: 15px; line-height: 1.7; color: var(--muted); margin: 0 0 20px; }
.service-detail-card ul { list-style: none; padding: 17px 0 0; margin: 0; border-top: 1px solid var(--line); display: grid; gap: 8px; }
.service-detail-card li { position: relative; padding-left: 15px; font-size: 13px; line-height: 1.6; color: var(--muted); }
.service-detail-card li::before { content: ''; position: absolute; left: 0; top: .65em; width: 4px; height: 4px; border-radius: 50%; background: var(--green); }
.service-detail-call { display: inline-flex; gap: 8px; align-items: center; color: var(--blue); font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; margin-top: 18px; min-height: 28px; }
.service-detail-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 32px; }
.service-detail-cta p { margin: 0; max-width: 620px; font-size: 15px; color: var(--muted); }
.service-detail-cta .button { flex-shrink: 0; }
@media (max-width: 1100px) { .service-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 750px) { .service-detail-cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 650px) { .service-detail-grid { grid-template-columns: 1fr; gap: 20px; } .service-detail-card { padding: 25px; } .service-detail-card h3 { min-height: 0; font-size: 22px; } .service-detail-card p { font-size: 16px; } .service-detail-card li { font-size: 14px; } }