.roadmap-section { padding: 72px 0; }
.roadmap-heading { max-width: 760px; margin-bottom: 28px; }
.roadmap-heading .eyebrow, .roadmap-card-label { font-family: Lux Mono, monospace; font-size: 11px; letter-spacing: .08em; color: rgb(var(--brand-400)); }
.roadmap-heading h2 { font-family: Lux Display, Lux Sans, sans-serif; font-size: clamp(32px, 4vw, 52px); line-height: 1.05; letter-spacing: -.025em; margin: 12px 0 16px; }
.roadmap-heading p, .roadmap-card p, .roadmap-status { color: rgb(var(--fg-muted)); font-size: 14px; line-height: 1.75; }
.roadmap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.roadmap-card { padding: 26px; border: 1px solid rgb(var(--border)); border-radius: 18px; background: rgb(var(--bg-elevated)); min-width: 0; }
.roadmap-card h3 { font-family: Lux Display, Lux Sans, sans-serif; font-size: 29px; line-height: 1.12; margin: 18px 0 14px; }
.roadmap-card p { margin: 0; }
.roadmap-card-label { display: block; }
.roadmap-status { border-left: 2px solid rgb(var(--brand-400)); padding-left: 16px; margin: 24px 0 18px; }
.roadmap-details { display: inline-flex; align-items: center; min-height: 44px; color: rgb(var(--brand-400)); text-decoration: underline; text-underline-offset: 5px; }
.roadmap-details:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; border-radius: 4px; }
body.plans-page .roadmap-section { padding: 40px 0; }
body.plans-page .roadmap-section > .container { width: 100%; }
@media (max-width: 900px) { .roadmap-grid { grid-template-columns: 1fr; } .roadmap-section { padding: 48px 0; } .roadmap-card { padding: 22px; } }