.roadmap-hero{padding:84px 0 36px;position:relative;overflow:hidden}.roadmap-hero:before{content:"";position:absolute;inset:0;background-image:url(/assets/hero-city.jpg);background-size:cover;background-position:center 65%;opacity:.3;mask-image:linear-gradient(180deg,black,transparent 82%);-webkit-mask-image:linear-gradient(180deg,black,transparent 82%)}.roadmap-hero>*{position:relative;z-index:1}.rm-stats-wrap{margin-top:40px}.rm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.2);border-radius:var(--r-lg);overflow:hidden}.rm-stat{background:rgba(10,7,32,.82);padding:22px 24px}.rm-stat__v{font-family:var(--f-display);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1;letter-spacing:-.02em;background:var(--grad-cta);-webkit-background-clip:text;background-clip:text;color:transparent}.rm-stat__sub{font-size:.52em;opacity:.8;margin-left:1px}.rm-stat__k{margin-top:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute)}.rm-bar{margin-top:22px}.rm-bar__label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:8px}.rm-bar__label b{font-size:15px;color:var(--cyan)}.rm-bar__track{height:10px;border-radius:10px;background:rgba(10,7,32,.6);border:1px solid rgba(168,85,247,.2);overflow:hidden}.rm-bar__fill{height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#4ade80,#4ade80 60%,#2de2ff);box-shadow:0 0 18px -2px rgba(45,226,255,.6);transition:width 1.4s cubic-bezier(.4,0,.2,1)}.rm-bar__fill.is-in{width:92%}.rm-bar__legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.rm-bar__legend .done{color:var(--mint)}.rm-bar__legend .active{color:var(--cyan)}.rm-bar__legend .future{color:var(--violet)}.rm-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.rm-filter{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);font-family:var(--f-display);font-size:13.5px;font-weight:600;color:var(--fg-dim);background:rgba(10,7,32,.55);border:1px solid rgba(168,85,247,.2);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.rm-filter:hover{color:var(--fg);border-color:rgba(45,226,255,.4);transform:translateY(-1px)}.rm-filter.is-active{color:#fff;background:linear-gradient(90deg,rgba(45,226,255,.22),rgba(168,85,247,.22));border-color:rgba(45,226,255,.5)}.rm-filter__count{font-family:var(--f-mono);font-size:10px;padding:2px 7px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--fg-mute)}.rm-filter.is-active .rm-filter__count{background:rgba(255,255,255,.15);color:#fff}.timeline{position:relative;padding:8px 0 0;animation:rm-fade .5s ease both}.timeline:before{content:"";position:absolute;top:6px;bottom:40px;left:27px;width:2px;border-radius:2px;background:linear-gradient(180deg,#4ade80,#4ade80 62%,#2de2ff 0,#2de2ff 80%,#a855f7 0,#a855f7);transform-origin:top;animation:rm-draw 1.2s cubic-bezier(.4,0,.2,1) both}.tl-phase{position:relative;padding:0 0 44px 76px}.tl-phase:last-child{padding-bottom:0}.tl-marker{position:absolute;left:16px;top:6px;width:24px;height:24px;border-radius:50%;background:#05030d;border:3px solid var(--violet);z-index:2}.tl-phase.done .tl-marker{border-color:var(--mint);background:rgba(74,222,128,.15)}.tl-phase.done .tl-marker:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mint);font-weight:700;font-size:12px}.tl-phase.active .tl-marker{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 0 4px rgba(45,226,255,.15),0 0 22px var(--cyan);animation:rm-pulse 2.2s ease-in-out infinite}@keyframes rm-pulse{50%{box-shadow:0 0 0 7px rgba(45,226,255,.08),0 0 36px var(--cyan)}}.tl-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.tl-num{font-family:var(--f-display);font-weight:700;font-size:42px;letter-spacing:-.02em;line-height:1;flex:none}.tl-phase.done .tl-num{color:var(--mint)}.tl-phase.active .tl-num{background:var(--grad-cta);-webkit-background-clip:text;background-clip:text;color:transparent}.tl-phase.future .tl-num{color:var(--fg-mute)}.tl-headmeta{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.tl-title{font-family:var(--f-display);font-size:23px;font-weight:600;letter-spacing:-.02em}.tl-status{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:10px;align-self:flex-start}.tl-phase.done .tl-status{background:rgba(74,222,128,.12);color:var(--mint);border:1px solid rgba(74,222,128,.3)}.tl-phase.active .tl-status{background:rgba(45,226,255,.12);color:var(--cyan);border:1px solid rgba(45,226,255,.3)}.tl-phase.future .tl-status{background:rgba(168,85,247,.1);color:var(--violet);border:1px solid rgba(168,85,247,.3)}.tl-count{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);flex:none;align-self:flex-start;margin-top:6px}.tl-card{position:relative;background:linear-gradient(160deg,rgba(26,17,64,.7),rgba(10,7,32,.6));border:1px solid rgba(168,85,247,.18);border-left:2px solid var(--violet);border-radius:var(--r-lg);padding:22px 26px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tl-phase.done .tl-card{border-left-color:var(--mint)}.tl-phase.active .tl-card{border-left-color:var(--cyan);box-shadow:0 0 0 1px rgba(45,226,255,.16),0 24px 60px -34px rgba(45,226,255,.55)}.tl-card:hover{transform:translateY(-2px);border-color:rgba(45,226,255,.35);box-shadow:0 22px 50px -30px rgba(45,226,255,.45)}.tl-items{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;color:var(--fg-dim);font-size:14px}.tl-items li{display:flex;align-items:center;gap:10px;padding:3px 0;transition:color .15s ease}.tl-items li:hover{color:var(--fg)}.tl-items li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);flex:none}.tl-phase.done .tl-items li:before{background:var(--mint)}.tl-items li.is-done:before{background:var(--mint);border:none;width:7px;height:7px}.tl-phase.future .tl-items li:before{background:none;border:1.5px solid var(--violet);width:8px;height:8px}.tl-card__foot{margin-top:16px;padding-top:14px;border-top:1px solid rgba(168,85,247,.14);font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.tl-card__foot[data-state=done]{color:var(--mint)}.tl-card__foot[data-state=active]{color:var(--cyan)}.tl-card__foot[data-state=future]{color:var(--violet)}.rm-empty{color:var(--fg-mute);font-family:var(--f-mono);padding:32px 0}@keyframes rm-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes rm-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:720px){.rm-stats{grid-template-columns:1fr 1fr}.tl-items{grid-template-columns:1fr}.tl-head{flex-wrap:wrap;gap:12px}.tl-num{font-size:34px}}@media (prefers-reduced-motion:reduce){.timeline,.timeline:before,.tl-phase.active .tl-marker{animation:none!important;transform:none!important}.rm-bar__fill{transition:none!important}}