.roadmap-section{overflow:hidden;background:linear-gradient(180deg,#090a08 0%,#0d0f0b 48%,#070806 100%)}
.roadmap-section::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 48% 38% at 74% 5%,rgba(201,168,92,.1),transparent 72%),linear-gradient(90deg,transparent 49.95%,rgba(241,238,228,.035) 50%,transparent 50.05%)}
.roadmap-backdrop{position:absolute;right:-2vw;top:2%;color:rgba(241,238,228,.018);font-family:'Manrope',sans-serif;font-size:clamp(140px,24vw,390px);font-weight:700;letter-spacing:-.09em;line-height:1;white-space:nowrap;pointer-events:none}
.roadmap-hero{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:clamp(60px,10vw,150px);align-items:end;margin-bottom:100px}
.roadmap-title .display{font-size:clamp(64px,8.8vw,126px)}
.roadmap-summary{padding:30px 0 4px;border-top:1px solid var(--line-strong)}
.estimate-label{display:inline-flex;align-items:center;gap:11px;margin-bottom:28px;color:var(--gold-bright);font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.estimate-label i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(201,168,92,.08);animation:estimatePulse 2.2s ease-in-out infinite}
@keyframes estimatePulse{50%{box-shadow:0 0 0 11px rgba(201,168,92,0)}}
.roadmap-meter{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
.progress-ring{position:relative;width:138px;height:138px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--gold) 0 50%,rgba(241,238,228,.07) 50% 100%)}
.progress-ring::before{content:'';position:absolute;inset:8px;border-radius:50%;background:#0c0e0b;border:1px solid var(--line)}
.progress-ring strong,.progress-ring span{position:relative;z-index:1;display:block}.progress-ring strong{font-family:'Manrope',sans-serif;font-size:29px;font-weight:600;letter-spacing:-.04em}.progress-ring span{max-width:80px;color:var(--muted);font-size:9px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}
.roadmap-meter>p{color:var(--muted);font-size:13px;line-height:1.7}
.roadmap-stage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(7,8,6,.52);backdrop-filter:blur(12px)}
.roadmap-track{position:absolute;z-index:4;left:0;right:0;top:86px;height:2px;background:rgba(241,238,228,.08);pointer-events:none}.roadmap-track span{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 20px rgba(201,168,92,.3)}
.roadmap-stage .road-phase{position:relative;display:block;min-height:490px;padding:28px 28px 34px;border-right:1px solid var(--line);transition:transform .45s var(--ease),background .35s,border-color .35s}.roadmap-stage .road-phase:last-child{border-right:0}.roadmap-stage .road-phase:hover{z-index:5;transform:translateY(-10px);background:#11130f;border-color:var(--line-strong)}
.roadmap-stage .road-phase::before{content:'';position:absolute;z-index:6;top:78px;left:27px;width:15px;height:15px;border-radius:50%;background:#0a0c09;border:2px solid #575950;box-shadow:0 0 0 7px rgba(87,89,80,.08)}
.roadmap-stage .road-phase.complete::before{background:var(--gold);border-color:var(--gold-bright);box-shadow:0 0 0 7px rgba(201,168,92,.1),0 0 22px rgba(201,168,92,.38)}
.roadmap-stage .road-phase.active::before{background:var(--green);border-color:#c9ead8;box-shadow:0 0 0 8px rgba(134,200,167,.1),0 0 25px rgba(134,200,167,.45);animation:activePhase 2s ease-in-out infinite}@keyframes activePhase{50%{box-shadow:0 0 0 14px rgba(134,200,167,0),0 0 32px rgba(134,200,167,.35)}}
.road-phase-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:56px}.road-index{color:var(--gold);font-family:'Manrope',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em}.road-status{padding:6px 9px;border:1px solid var(--line);color:#787a72;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.road-phase.complete .road-status{border-color:rgba(201,168,92,.28);color:var(--gold-bright)}.road-phase.active .road-status{border-color:rgba(134,200,167,.28);color:#bfe5d1;background:rgba(134,200,167,.06)}
.roadmap-stage .road-phase time{display:block;min-height:68px;margin-bottom:26px;color:var(--paper);font-family:'Manrope',sans-serif;font-size:clamp(17px,1.6vw,22px);font-weight:600;letter-spacing:-.025em;line-height:1.25}
.roadmap-stage .road-items{display:flex;flex-direction:column}.roadmap-stage .road-items p{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:15px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.55}.roadmap-stage .road-items p b{color:#5d5f58;font-size:9px;font-weight:600;letter-spacing:.1em}.road-phase.complete .road-items p b{color:var(--gold)}.road-phase.active .road-items p b{color:var(--green)}
.roadmap-footnote{display:flex;gap:16px;max-width:720px;margin-top:26px;color:#6e7068;font-size:11px}.roadmap-footnote span{color:var(--gold);font-size:16px}
@media(max-width:1050px){.roadmap-stage{grid-template-columns:repeat(2,1fr)}.roadmap-track{display:none}.roadmap-stage .road-phase:nth-child(3){border-right:0}.roadmap-stage .road-phase:nth-child(-n+3){border-bottom:1px solid var(--line)}.roadmap-stage .road-phase::before{top:72px}.roadmap-hero{grid-template-columns:1fr;gap:50px}.roadmap-summary{max-width:650px}}
@media(max-width:600px){.roadmap-hero{margin-bottom:65px}.roadmap-title .display{font-size:clamp(52px,16vw,78px)}.roadmap-meter{grid-template-columns:110px 1fr}.progress-ring{width:104px;height:104px}.progress-ring strong{font-size:23px}.roadmap-stage{grid-template-columns:1fr}.roadmap-stage .road-phase{min-height:auto;border-right:0;border-bottom:1px solid var(--line)!important}.roadmap-stage .road-phase:last-child{border-bottom:0!important}.roadmap-stage .road-phase::before{display:none}.road-phase-head{margin-bottom:26px}.roadmap-stage .road-phase time{min-height:auto}.roadmap-backdrop{top:10%}}
@media(prefers-reduced-motion:reduce){.estimate-label i,.roadmap-stage .road-phase.active::before{animation:none!important}}