/* ROADMAP */
.roadmap-wrap{position:relative;margin-top:64px}
.roadmap-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Inter',sans-serif;font-size:20vw;font-weight:700;text-transform:uppercase;color:color-mix(in srgb,var(--fg) 2%,transparent);pointer-events:none;white-space:nowrap}
.roadmap-glow{position:absolute;border-radius:50%;background:color-mix(in srgb,var(--primary) 5%,transparent);filter:blur(120px);pointer-events:none}
.roadmap-glow.g1{width:400px;height:400px;top:10%;left:10%}
.roadmap-glow.g2{width:300px;height:300px;bottom:10%;right:10%}
.roadmap-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--border) 40%,transparent);transform:translateX(-50%)}
.roadmap-line-fill{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--primary),transparent);transform:translateX(-50%);transform-origin:top;transform:scaleY(0);transition:transform 1.5s cubic-bezier(.4,0,.2,1)}
.roadmap-line-fill.animate{transform:scaleY(1)}
.roadmap-items{position:relative;display:flex;flex-direction:column;gap:64px}
.roadmap-item{display:flex;align-items:center;position:relative}
.roadmap-item:nth-child(odd){flex-direction:row-reverse}
.roadmap-item:nth-child(odd) .rm-content{text-align:right;padding-right:calc(50% + 40px);padding-left:0}
.roadmap-item:nth-child(even) .rm-content{padding-left:calc(50% + 40px)}
.rm-content{width:100%}
.rm-card{display:inline-block;padding:24px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);background:color-mix(in srgb,var(--secondary) 5%,transparent);backdrop-filter:blur(8px);transition:background .3s,border-color .3s;max-width:400px}
.rm-card:hover{background:color-mix(in srgb,var(--secondary) 20%,transparent);border-color:var(--border)}
.rm-card h3{font-family:'Cinzel Decorative',serif;font-size:18px;font-weight:700;margin-bottom:8px}
.rm-card p{font-size:14px;color:var(--muted);line-height:1.6}
.rm-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.rm-card:nth-child(odd) .rm-tags{justify-content:flex-end}
.rm-tag{padding:3px 10px;border-radius:9999px;font-size:10px;font-weight:500;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}
.rm-year{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--primary);margin-bottom:8px;transition:color .3s}
.rm-card:hover .rm-year{color:var(--fg)}
.rm-dot{position:absolute;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:var(--primary);z-index:2;box-shadow:0 0 10px color-mix(in srgb,var(--primary) 80%,transparent),0 0 30px color-mix(in srgb,var(--primary) 40%,transparent)}
.rm-deco{position:absolute;font-family:'Inter',sans-serif;font-size:10rem;font-weight:700;font-style:italic;color:color-mix(in srgb,var(--fg) 3%,transparent);pointer-events:none;white-space:nowrap}
.roadmap-item:nth-child(odd) .rm-deco{right:calc(50% + 60px)}
.roadmap-item:nth-child(even) .rm-deco{left:calc(50% + 60px)}
@media(max-width:768px){
  .roadmap-line,.roadmap-line-fill,.rm-dot{left:20px !important;transform:translateX(-50%)}
  .roadmap-item,.roadmap-item:nth-child(odd){flex-direction:row}
  .rm-content,.roadmap-item:nth-child(odd) .rm-content{padding-left:50px !important;padding-right:0 !important;text-align:left !important}
  .rm-deco{display:none}
}