#roadmap-integration{--bg-color:transparent;--surface-color:#f8f9fa;--border-color:#00000014;--text-primary:#000;--text-secondary:#666;--accent-color:#000;--success-color:#000;--status-released:#000;--status-current:#000;--status-upcoming:#ccc;--timeline-line:#0000001a;--timeline-progress:#000;flex-direction:column;align-items:center;width:100%;display:flex;--font-family:"Inter",system-ui,-apple-system,sans-serif!important;font-family:var(--font-family)!important;color:var(--text-primary)!important;line-height:1.6!important}#roadmap-integration .container{box-sizing:border-box;width:100%;max-width:900px;padding:60px 20px;position:relative}#roadmap-integration header h1.headline-serif{letter-spacing:-.04em!important;color:#000!important;margin-top:0!important;margin-bottom:0!important;font-family:Instrument Serif,serif!important;font-size:5.5rem!important;font-weight:400!important}#roadmap-integration header{text-align:center;margin-bottom:100px}#roadmap-integration .timeline{position:relative}#roadmap-integration .timeline:before{content:"";background:var(--timeline-line);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:30px}#roadmap-integration .timeline-progress-bar{background:var(--timeline-progress);z-index:2;width:2px;height:0%;transition:height .1s linear;position:absolute;top:0;left:30px;box-shadow:0 0 15px #0003}#roadmap-integration .timeline-progress-bar:after{content:"";background:#000;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080}#roadmap-integration .phase{z-index:2;opacity:0;margin-bottom:100px;transition:all .6s cubic-bezier(.165,.84,.44,1);position:relative;transform:translateY(30px);padding:0!important}#roadmap-integration .phase.visible{opacity:1;transform:translateY(0)}#roadmap-integration .phase-marker{z-index:3;background:#000;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:0;left:11px}#roadmap-integration .phase-marker i{color:#fff;font-size:1.3rem}#roadmap-integration .phase[data-status=upcoming] .phase-marker{background:#fff;border:2px solid #000}#roadmap-integration .phase[data-status=upcoming] .phase-marker i{color:#000}#roadmap-integration .phase-content{margin-left:80px;padding-top:0}#roadmap-integration .phase-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-top:2px;display:flex}#roadmap-integration .phase-info .phase-label{text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--text-secondary)!important;font-size:.75rem!important;font-weight:600!important;font-family:var(--font-family)!important;margin-bottom:4px!important;display:block!important}#roadmap-integration .phase-info h2{font-size:1.8rem!important;font-weight:700!important;font-family:var(--font-family)!important;color:#000!important;margin:0!important;line-height:1.2!important}#roadmap-integration .status-badge{flex-shrink:0;text-transform:uppercase!important;font-size:.75rem!important;font-weight:700!important;font-family:var(--font-family)!important;border:1px solid!important;border-radius:6px!important;padding:4px 12px!important}#roadmap-integration .status-badge.released{color:var(--status-released)!important;background:#0000000d!important}#roadmap-integration .status-badge.current{color:var(--status-current)!important;background:#0000001a!important}#roadmap-integration .status-badge.upcoming{color:var(--status-upcoming)!important;background:0 0!important;border:1px solid #0000001a!important}#roadmap-integration .version-card{border:1px solid var(--border-color)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffc!important;border-radius:16px!important;margin-bottom:25px!important;padding:30px!important;transition:transform .3s,box-shadow .3s!important;box-shadow:0 4px 20px #00000008!important}#roadmap-integration .version-card:hover{border-color:#0000001a!important;transform:translateY(-4px)!important;box-shadow:0 20px 40px #00000014!important}#roadmap-integration .version-header{justify-content:space-between!important;align-items:flex-start!important;margin-bottom:8px!important;display:flex!important}#roadmap-integration .version-title{font-size:1.4rem!important;font-weight:700!important;font-family:var(--font-family)!important;color:#000!important}#roadmap-integration .version-time{color:var(--text-secondary)!important;background:#0000000a!important;border-radius:4px!important;padding:2px 8px!important;font-family:JetBrains Mono,monospace!important;font-size:.85rem!important}#roadmap-integration .version-goal{color:var(--text-secondary)!important;font-size:.95rem!important;font-style:italic!important;font-family:var(--font-family)!important;margin-bottom:20px!important;display:block!important}#roadmap-integration .feature-list{margin:0!important;padding:0!important;list-style:none!important}#roadmap-integration .feature-item{color:#333!important;font-size:1rem!important;font-family:var(--font-family)!important;align-items:flex-start!important;gap:24px!important;margin-bottom:20px!important;display:flex!important}#roadmap-integration .check-box{border:1.5px solid #0000004d!important;border-radius:4px!important;flex-shrink:0!important;width:18px!important;height:18px!important;margin-top:4px!important;position:relative!important}#roadmap-integration .feature-item.done .check-box{background:#000!important;border-color:#000!important}#roadmap-integration .feature-item.done .check-box:after{content:"✓"!important;color:#fff!important;font-size:11px!important;font-weight:900!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}#roadmap-integration .feature-item.current .check-box{border-color:#000!important}#roadmap-integration .feature-item.current .check-box:after{content:""!important;background:#000!important;border-radius:50%!important;width:6px!important;height:6px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}#roadmap-integration .feature-item.planned .check-box{border-style:dashed!important}@media (max-width:600px){#roadmap-integration .timeline:before,#roadmap-integration .timeline-progress-bar{left:20px}#roadmap-integration .phase-marker{width:36px;height:36px;left:1px}#roadmap-integration .phase-content{margin-left:50px}#roadmap-integration .phase-header{flex-direction:column;align-items:flex-start;gap:10px}#roadmap-integration .status-badge{align-self:flex-start}}