/* Pricing-only additions. Kept separate so the protected landing page is unaffected. */
.pricing-tiers .tier{padding-top:40px}
.plan-state{position:absolute;top:14px;right:18px;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 9px}
.plan-state.live{color:var(--ok);background:#E9F8F1}
.plan-state.design{color:var(--indigo);background:var(--tint)}
.contact-price b{font-size:38px!important;letter-spacing:-.035em!important}
.roadmap-note{margin-top:auto;padding-top:18px;color:var(--muted);font-size:12.5px;line-height:1.5}
.roadmap-band{background:linear-gradient(180deg,var(--bg),var(--tint))}
.roadmap-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,96px);align-items:center}
.status-list{display:grid;gap:12px}
.status-list article{display:grid;grid-template-columns:14px 1fr;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh-sm)}
.status-list h3{margin-bottom:4px}
.status-list p{color:var(--muted);font-size:14.5px;line-height:1.5}
.status-dot{width:10px;height:10px;border-radius:50%;margin-top:6px}
.status-dot.live{background:var(--ok);box-shadow:0 0 0 5px #E9F8F1}
.status-dot.soon{background:var(--violet);box-shadow:0 0 0 5px var(--tint-2)}
.status-dot.design{background:var(--ink-2);box-shadow:0 0 0 5px var(--line)}
.cta-band .eyebrow{color:#fff}
.cta-band .eyebrow::before{background:#fff}
@media(max-width:860px){.roadmap-grid{grid-template-columns:1fr}.pricing-tiers{max-width:560px}}
@media(max-width:640px){.pr-hero h1{font-size:clamp(36px,11vw,54px)}.pricing-tiers .tier{padding:34px 22px 24px}.plan-state{top:12px;right:14px}}