.services-plan { background: #f6f8fb; }
.services-plan-intro { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr); gap:64px; align-items:start; }
.services-plan-intro h2 { margin:14px 0 22px; font-size:clamp(34px,4vw,58px); line-height:1.05; color:var(--ink); }
.services-plan-intro h2 em { color:var(--blue); font-style:normal; }
.services-plan-intro .lead { margin:0; color:var(--muted); font-size:17px; line-height:1.8; }
.services-plan-note { padding:30px; background:#202633; color:#fff; border-radius:3px; box-shadow:inset 4px 0 0 var(--teal); }
.services-plan-note span { color:#79d7d0; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.services-plan-note p { margin:12px 0 0; color:#d8dde8; font-size:14px; line-height:1.75; }
.services-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:48px; }
.services-plan-card { position:relative; padding:30px 32px; background:#fff; border:1px solid #e1e6ee; box-shadow:0 12px 30px rgba(32,38,51,.05); }
.services-plan-card:before { content:""; position:absolute; top:0; left:0; width:4px; height:100%; background:var(--accent,var(--blue)); }
.services-plan-card > span { color:var(--accent,var(--blue)); font-size:11px; font-weight:800; letter-spacing:.12em; }
.services-plan-card h3 { margin:10px 0 12px; color:var(--ink); font-size:20px; }
.services-plan-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.services-plan-card ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 22px; margin:20px 0 0; padding:18px 0 0; border-top:1px solid #e8ecf2; list-style:none; }
.services-plan-card li { position:relative; padding-left:15px; color:#3d4657; font-size:13px; line-height:1.55; }
.services-plan-card li:before { content:""; position:absolute; left:0; top:.55em; width:5px; height:5px; border-radius:50%; background:var(--accent,var(--teal)); }
.services-plan-card a { display:inline-flex; gap:16px; margin-top:22px; color:var(--blue); font-size:12px; font-weight:800; text-decoration:none; }
.services-plan-card a span { color:var(--teal); }
@media(max-width:760px){.services-plan-intro,.services-plan-grid{grid-template-columns:1fr}.services-plan-intro{gap:30px}.services-plan-grid{margin-top:34px}.services-plan-card{padding:26px 24px}.services-plan-card ul{grid-template-columns:1fr}}
