.maintenance-hero { position: relative; padding: 5rem 0; background: #f4efe7; }
.maintenance-hero-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 2rem; align-items: center; }
.maintenance-contract-card { padding: 2rem; background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.maintenance-contract-card strong { display: block; color: var(--carrier); font-size: 1.2rem; }
.maintenance-contract-card ul { margin: 1rem 0 0; padding-left: 1.2rem; color: var(--ink-soft); }
.plan-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 0.8rem; }
.plan-benefits article { padding: 1.35rem; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.plan-benefits b { color: var(--carrier-bright); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; }
.plan-benefits p { margin-top: 0.65rem; color: var(--ink-soft); }
.plan-ledger { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 2rem; align-items: stretch; }
.plan-ledger-copy { padding: 2rem; color: #fff; background: var(--carrier); border-radius: var(--radius-lg); }
.plan-ledger-copy p { margin-top: 0.9rem; color: #d8e9f4; }
.plan-ledger-table { display: grid; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); }
.plan-ledger-table div { display: grid; grid-template-columns: 1.3fr 1fr; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }
.plan-ledger-table div:last-child { border-bottom: 0; }
.plan-ledger-table span { color: var(--ink-soft); }
.plan-ledger-table strong { color: var(--success); text-align: right; }
.maintenance-flow { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.maintenance-flow article { padding: 1.4rem; background: var(--wash); border-radius: var(--radius); }
.maintenance-flow span { color: var(--carrier-bright); font-size: 0.74rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.maintenance-flow p { margin-top: 0.6rem; color: var(--ink-soft); }
@media (max-width: 72rem) {
    .maintenance-hero-grid, .plan-ledger { grid-template-columns: 1fr; }
    .plan-benefits { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 46rem) {
    .plan-benefits, .maintenance-flow { grid-template-columns: 1fr; }
}