:root{--bg:#0b1021;--surface:#121936;--text:#eff4ff;--muted:#b5bfd6;--brand:#22d3ee;--brand-soft:#67e8f9;--accent:#f59e0b;--border:#26335f;--font-display:"Fraunces",serif}
.style-timeline{background:
radial-gradient(900px 460px at 5% -5%, rgba(34,211,238,.16), transparent 62%),
radial-gradient(900px 460px at 92% 8%, rgba(167,139,250,.14), transparent 60%),
var(--bg)}
.roadmap{padding:20px 20px 18px}
.roadmap ol{list-style:none;padding-left:0;position:relative;display:grid;gap:14px}
.roadmap ol::before{content:"";position:absolute;left:126px;top:14px;bottom:14px;width:3px;background:linear-gradient(180deg,#22d3ee,#a78bfa)}
.roadmap li{display:grid;grid-template-columns:108px 1fr;gap:18px;position:relative;align-items:start}
.roadmap li::before{content:"";position:absolute;left:118px;top:15px;width:18px;height:18px;border-radius:999px;background:#22d3ee;box-shadow:0 0 0 5px #0b1021,0 0 0 7px #1f2a52}
.roadmap li div{background:#0f1631;border:1px solid #2b3a69;border-radius:12px;padding:12px 14px}
.roadmap time{display:inline-block;font-weight:800;color:#67e8f9;background:#15234a;padding:4px 10px;border-radius:999px}
.roadmap h3{margin:0 0 4px;font-size:1.02rem}
.roadmap p{color:var(--muted)}
@media (max-width:760px){.roadmap ol::before{left:80px}.roadmap li{grid-template-columns:66px 1fr}.roadmap li::before{left:72px}}