/* Service — Website Care — page-specific styles */

/* ── CARE PLANS PRICING GRID ── */
.dsmt-plans-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(16px,2vw,24px); }
@media(max-width:800px){ .dsmt-plans-grid { grid-template-columns: 1fr; } }
.dsmt-plan-card { background: var(--dsmt-bg); border: 1.5px solid var(--dsmt-line); border-radius: var(--dsmt-radius-xl); padding: 32px 28px; display: flex; flex-direction: column; gap: 24px; }
.dsmt-plan-card.dsmt-featured { border-color: var(--dsmt-blue); background: var(--dsmt-bg-2); }
.dsmt-plan-name { font-family: var(--dsmt-font-mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dsmt-blue); }
.dsmt-plan-price { font-family: var(--dsmt-font-head); font-weight: 800; font-size: clamp(1.8rem,3vw,2.6rem); letter-spacing: -0.04em; color: var(--dsmt-ink); }
.dsmt-plan-price span { font-size: 1rem; font-weight: 400; letter-spacing: 0; color: var(--dsmt-ink-3); }
.dsmt-plan-desc { font-size: 0.875rem; color: var(--dsmt-ink-2); line-height: 1.65; flex: 1; }
.dsmt-plan-features { list-style: none; display: grid; gap: 10px; padding: 0; margin: 0; }
.dsmt-plan-features li { display: grid; grid-template-columns: 14px 1fr; gap: 10px; font-size: 0.85rem; color: var(--dsmt-ink-2); line-height: 1.55; }
.dsmt-plan-features li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--dsmt-blue); margin-top: 8px; }