.roadmap-page{max-width:52rem;margin:0 auto;padding:3rem 1.5rem 4rem}.roadmap-hero{text-align:center;border-bottom:1px solid var(--cs-border);margin-bottom:3rem;padding-bottom:2rem}.roadmap-hero h1{font-family:var(--font-display);color:var(--cs-text);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3rem);font-weight:700}.roadmap-hero-intro{font-family:var(--font-body);color:var(--cs-muted);max-width:40rem;margin:0 auto;font-size:1.1rem;line-height:1.7}.roadmap-hero-intro strong{color:var(--cs-text)}.roadmap-hero-intro code{color:var(--cs-accent);background:#6d5cff26;border-radius:4px;padding:.15em .45em;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:.85em}.quick-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.quick-nav a{font-family:var(--font-body);color:var(--cs-muted);background:#ffffff0a;border:1px solid #0000;border-radius:6px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s}.quick-nav a:hover{color:var(--cs-text);border-color:var(--cs-border);background:#ffffff14}.roadmap-section{margin-bottom:3rem;padding-top:1.5rem;position:relative}.roadmap-section:before{content:"";background:linear-gradient(180deg, var(--cs-accent) 0%, transparent 100%);opacity:.3;border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:0}.section-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-left:1.5rem;display:flex}.status-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.status-indicator.live{background:#22c55e;box-shadow:0 0 12px #22c55e80}.status-indicator.planned{background:#3b82f6;box-shadow:0 0 12px #3b82f666}.status-indicator.design{background:#a855f7;box-shadow:0 0 12px #a855f766}.status-indicator.future{background:#6b7280}.status-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;border-radius:4px;flex-shrink:0;padding:.3rem .7rem;font-size:.7rem;font-weight:700}.status-label.live{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.status-label.planned{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.status-label.design{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.status-label.future{color:#9ca3af;background:#6b728026;border:1px solid #6b72804d}.section-title{font-family:var(--font-display);color:var(--cs-text);letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:700}.section-content{padding-left:1.5rem}.section-description{font-family:var(--font-body);color:var(--cs-muted);margin:0 0 1.5rem;font-size:1rem;line-height:1.7}.feature-cards{gap:1rem;display:grid}@media (width>=640px){.feature-cards.two-col{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--cs-bg-elevated);border:1px solid var(--cs-border);border-radius:12px;padding:1.25rem 1.5rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#6d5cff4d;transform:translateY(-2px)}.feature-card.live{background:linear-gradient(135deg,#22c55e0f 0%,#22c55e05 100%);border-color:#22c55e33}.feature-card.live:hover{border-color:#22c55e66}.feature-card h3{font-family:var(--font-display);color:var(--cs-text);margin:0 0 .6rem;font-size:1.1rem;font-weight:600}.feature-card p{font-family:var(--font-body);color:var(--cs-muted);margin:0;font-size:.95rem;line-height:1.65}.feature-card ul{margin:.75rem 0 0;padding-left:1.1rem}.feature-card li{font-family:var(--font-body);color:var(--cs-text);margin:.4rem 0;font-size:.95rem;line-height:1.6}.feature-card li:first-child{margin-top:0}.feature-card code{color:var(--cs-accent);background:#6d5cff1f;border-radius:4px;padding:.1em .4em;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:.85em}.feature-card a{color:var(--cs-link);font-weight:500;text-decoration:none}.feature-card a:hover{text-decoration:underline}.process-flow{background:#6d5cff0d;border:1px solid #6d5cff26;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem;margin:1rem 0 1.25rem;padding:1rem 1.25rem;display:flex}.process-step{font-family:var(--font-body);color:var(--cs-text);background:var(--cs-bg-elevated);border:1px solid var(--cs-border);border-radius:6px;padding:.4rem .8rem;font-size:.9rem;font-weight:600}.process-arrow{color:var(--cs-accent);font-size:.85rem;font-weight:400}.scope-grid{gap:1rem;display:grid}@media (width>=640px){.scope-grid{grid-template-columns:repeat(2,1fr)}}.scope-card{background:var(--cs-bg-elevated);border:1px solid var(--cs-border);border-radius:12px;padding:1.25rem 1.5rem}.scope-card.in-scope{background:linear-gradient(135deg,#22c55e0f 0%,#22c55e05 100%);border-color:#22c55e33}.scope-card.out-of-scope{background:linear-gradient(135deg,#ef44440f 0%,#ef444405 100%);border-color:#ef444433}.scope-card h3{font-family:var(--font-display);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;font-weight:600;display:flex}.scope-card.in-scope h3{color:#22c55e}.scope-card.out-of-scope h3{color:#ef4444}.scope-card ul{margin:0;padding-left:1.1rem}.scope-card li{font-family:var(--font-body);color:var(--cs-muted);margin:.35rem 0;font-size:.9rem;line-height:1.6}.source-box{background:linear-gradient(135deg,#6366f114 0%,#a855f70a 100%);border:1px solid #6366f133;border-radius:12px;margin-top:2rem;padding:1.5rem}.source-box h2{font-family:var(--font-display);color:var(--cs-text);margin:0 0 .75rem;font-size:1.15rem;font-weight:600}.source-box p{font-family:var(--font-body);color:var(--cs-muted);margin:0;font-size:.95rem;line-height:1.65}.source-list{margin:1rem 0 0;padding:0;list-style:none}.source-list li{font-family:var(--font-body);color:var(--cs-text);padding:.4rem 0;font-size:.9rem}.source-list li code{color:var(--cs-accent);background:#6366f126;border-radius:4px;margin-right:.5rem;padding:.15em .5em;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:.85em}.source-list li span{color:var(--cs-muted)}.source-note{font-family:var(--font-body);color:var(--cs-muted);border-top:1px solid var(--cs-border);margin:1rem 0 0;padding-top:1rem;font-size:.85rem}@media (width<=640px){.roadmap-page{padding:2rem 1rem 3rem}.roadmap-hero{margin-bottom:2rem;padding-bottom:1.5rem}.roadmap-hero h1{font-size:clamp(1.75rem,6vw,2.25rem)}.roadmap-hero-intro{font-size:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.roadmap-section:before{display:none}.roadmap-section,.section-content{padding-left:0}.section-title{font-size:1.2rem}.feature-card{padding:1rem 1.25rem}.feature-card h3{font-size:1rem}.feature-card p,.feature-card li{font-size:.9rem}.quick-nav{gap:.4rem}.quick-nav a{padding:.4rem .75rem;font-size:.8rem}.process-flow{padding:.75rem 1rem}.process-step{padding:.3rem .6rem;font-size:.8rem}}