.cost-section { padding: 88px 0 100px; background: radial-gradient(ellipse at 90% 20%, #f8e3ef, transparent 50%), radial-gradient(ellipse at 5% 95%, #e0eaff, transparent 55%), #fafbff; }
.cost-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 76px; align-items: center; }
.cost-eyebrow { margin: 46px 0 18px; color: var(--accent-agent); font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.cost-copy h1 { font-size: clamp(38px, 4.3vw, 62px); line-height: 1.12; letter-spacing: -.045em; }
.cost-copy .cost-intro { margin: 28px 0 12px; color: var(--ink); font-size: 21px; }
.cost-copy > p:last-child { max-width: 41ch; }
.cost-card { padding: 38px; border: 1px solid var(--line); border-radius: 20px; background: #fffdfb; box-shadow: 0 18px 50px #54437b0c; }
.cost-label { color: var(--ink); font-weight: 600; }
.cost-price { font-size: 76px; line-height: 1.3; font-weight: 600; letter-spacing: -.06em; color: var(--ink); margin: 12px 0 24px; }
.cost-details { border-top: 1px solid var(--line); padding-top: 26px; margin-bottom: 28px; }
.cost-details h2 { font-size: 22px; letter-spacing: -.02em; margin-bottom: 12px; }
.cost-card .button { width: 100%; font-size: 14px; white-space: normal; text-align: center; }
.cost-note { font-size: 12px; margin-top: 16px; text-align: center; }
[aria-current="page"] { color: var(--accent-agent); }
@media (max-width: 1000px) { .cost-grid { gap: 32px; } .cost-card { padding: 28px; } }
@media (max-width: 800px) { .cost-grid { grid-template-columns: 1fr; gap: 36px; } .cost-section { padding: 40px 0 56px; } .cost-eyebrow { margin-top: 30px; } .cost-card { max-width: 540px; width: 100%; } }
@media (max-width: 560px) { .cost-price { font-size: 64px; } .cost-card { padding: 26px 22px; } }