.roadmap-page:where(.astro-mjkhpsdt){padding:3rem 1.5rem;max-width:1100px;margin:0 auto}.roadmap-container:where(.astro-mjkhpsdt){display:flex;flex-direction:column;gap:2.5rem}.roadmap-header:where(.astro-mjkhpsdt){text-align:center}.roadmap-header:where(.astro-mjkhpsdt) h1:where(.astro-mjkhpsdt){font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.roadmap-description:where(.astro-mjkhpsdt){color:var(--color-text-secondary);font-size:1.1rem;max-width:650px;margin:0 auto}.error-notice:where(.astro-mjkhpsdt){background:#ef44441a;border:1px solid rgba(239,68,68,.4);border-radius:.75rem;padding:2rem;text-align:center}.error-notice:where(.astro-mjkhpsdt) h2:where(.astro-mjkhpsdt){color:#ef4444;font-size:1.25rem;margin-bottom:.5rem}.error-notice:where(.astro-mjkhpsdt) p:where(.astro-mjkhpsdt){color:var(--color-text-secondary)}.phases-list:where(.astro-mjkhpsdt){display:flex;flex-direction:column;gap:1.5rem}.phase-card:where(.astro-mjkhpsdt){background:var(--color-bg-surface);border:1px solid var(--color-hairline);border-radius:.75rem;padding:1.5rem;transition:border-color .2s ease-out,box-shadow .2s ease-out}.phase-card:where(.astro-mjkhpsdt):hover{box-shadow:0 0 20px #ffffff08}.phase-card:where(.astro-mjkhpsdt).status-completed{border-left:4px solid #22c55e}.phase-card:where(.astro-mjkhpsdt).status-in-progress{border-left:4px solid #f59e0b}.phase-card:where(.astro-mjkhpsdt).status-planned{border-left:4px solid #6b7280}.phase-card:where(.astro-mjkhpsdt).status-completed:hover{border-color:#22c55e66}.phase-card:where(.astro-mjkhpsdt).status-in-progress:hover{border-color:#f59e0b66}.phase-card:where(.astro-mjkhpsdt).status-planned:hover{border-color:#6b728066}.phase-header:where(.astro-mjkhpsdt){display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.phase-title-row:where(.astro-mjkhpsdt){display:flex;flex-direction:column;gap:.25rem}.phase-number:where(.astro-mjkhpsdt){font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.phase-name:where(.astro-mjkhpsdt){font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.phase-status:where(.astro-mjkhpsdt){display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;white-space:nowrap;flex-shrink:0}.status-completed:where(.astro-mjkhpsdt) .phase-status:where(.astro-mjkhpsdt){background:#22c55e1a;color:#22c55e}.status-in-progress:where(.astro-mjkhpsdt) .phase-status:where(.astro-mjkhpsdt){background:#f59e0b1a;color:#f59e0b}.status-planned:where(.astro-mjkhpsdt) .phase-status:where(.astro-mjkhpsdt){background:#6b72801a;color:#9ca3af}.status-icon:where(.astro-mjkhpsdt){font-size:.9rem}.progress-wrapper:where(.astro-mjkhpsdt){display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.progress-bar:where(.astro-mjkhpsdt){flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill:where(.astro-mjkhpsdt){height:100%;border-radius:4px;transition:width .4s ease-out}.status-completed:where(.astro-mjkhpsdt) .progress-fill:where(.astro-mjkhpsdt){background:linear-gradient(90deg,#22c55e,#4ade80)}.status-in-progress:where(.astro-mjkhpsdt) .progress-fill:where(.astro-mjkhpsdt){background:linear-gradient(90deg,#f59e0b,#fbbf24)}.status-planned:where(.astro-mjkhpsdt) .progress-fill:where(.astro-mjkhpsdt){background:#6b7280}.progress-text:where(.astro-mjkhpsdt){font-size:.85rem;font-weight:700;min-width:3rem;text-align:right;color:var(--color-text-secondary)}.status-completed:where(.astro-mjkhpsdt) .progress-text:where(.astro-mjkhpsdt){color:#22c55e}.status-in-progress:where(.astro-mjkhpsdt) .progress-text:where(.astro-mjkhpsdt){color:#f59e0b}.features-list:where(.astro-mjkhpsdt){list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.features-list:where(.astro-mjkhpsdt) li:where(.astro-mjkhpsdt){display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.9rem;line-height:1.4}.feature-indicator:where(.astro-mjkhpsdt){display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;font-size:.85rem;font-weight:700}.feature-done:where(.astro-mjkhpsdt) .feature-indicator:where(.astro-mjkhpsdt){color:#22c55e}.feature-pending:where(.astro-mjkhpsdt) .feature-indicator:where(.astro-mjkhpsdt){color:#6b7280}.feature-done:where(.astro-mjkhpsdt) .feature-name:where(.astro-mjkhpsdt){color:var(--color-text-primary)}.feature-pending:where(.astro-mjkhpsdt) .feature-name:where(.astro-mjkhpsdt){color:var(--color-text-secondary)}.sr-only:where(.astro-mjkhpsdt){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 767px){.roadmap-page:where(.astro-mjkhpsdt){padding:2rem 1rem}.roadmap-header:where(.astro-mjkhpsdt) h1:where(.astro-mjkhpsdt){font-size:2rem}.phase-header:where(.astro-mjkhpsdt){flex-direction:column;gap:.5rem}.phase-name:where(.astro-mjkhpsdt){font-size:1.1rem}.features-list:where(.astro-mjkhpsdt){grid-template-columns:1fr}}