.changelog-page .changelog-hero{padding:160px 0 80px}.changelog-page .changelog-content{padding:80px 0 120px}.changelog-page .timeline{display:grid;gap:40px}.changelog-page .timeline-item{display:grid;grid-template-columns:auto 1fr;gap:24px}.changelog-page .timeline-item.roadmap .timeline-dot{background:var(--bg-elevated);border-color:var(--primary)}.changelog-page .timeline-marker{display:flex;flex-direction:column;align-items:center;gap:8px}.changelog-page .timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--primary);border:2px solid var(--primary-light)}.changelog-page .timeline-dot.future{background:var(--bg);border-color:var(--primary)}.changelog-page .timeline-line{width:2px;flex:1;background:var(--border)}.changelog-page .timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px}.changelog-page .version-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.changelog-page .version-badge{background:#b91c1c33;color:var(--primary-light);padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px}.changelog-page .version-date{color:var(--text-muted);font-size:14px}.changelog-page .version-tag{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.changelog-page .version-tag.latest{background:#34d39926;color:var(--success)}.changelog-page .version-tag.upcoming{background:#3b82f626;color:var(--info)}.changelog-page .version-summary{color:var(--text-muted);margin-bottom:24px}.changelog-page .version-changes{display:grid;gap:20px}.changelog-page .change-group h4{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:12px}.changelog-page .change-group ul{padding-left:20px;display:grid;gap:8px;color:var(--text-muted)}.changelog-page .changelog-cta{margin-top:64px;text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:40px}.changelog-page .changelog-cta h3{font-size:24px;margin-bottom:12px}.changelog-page .changelog-cta p{color:var(--text-muted);margin-bottom:20px}@media (max-width: 900px){.changelog-page .timeline-item{grid-template-columns:1fr}.changelog-page .timeline-marker{flex-direction:row;justify-content:flex-start}.changelog-page .timeline-line{display:none}}