.roadmap-container{position:relative}.roadmap-phase{align-items:center;min-height:80vh;display:flex;position:relative}.roadmap-phase[data-theme=solid]{background:linear-gradient(to bottom right,#fafafa,#f4f4f5)}.roadmap-phase[data-theme=growing]{background:linear-gradient(to bottom right,#f0f0ff,#faf5ff)}.roadmap-phase[data-theme=emerging]{background:linear-gradient(to bottom right,#eef2ff,#ede9fe)}.roadmap-phase[data-theme=ethereal]{color:#fff;background:linear-gradient(135deg,#0f0f23 0%,#1a1a3e 30%,#0d0d2b 70%,#141433 100%)}@property --gradient-x{syntax:"<percentage>";inherits:false;initial-value:30%}@property --gradient-y{syntax:"<percentage>";inherits:false;initial-value:40%}.vision-gradient-mesh:before{content:"";background:radial-gradient(ellipse at var(--gradient-x) var(--gradient-y), #3d3bff26 0%, transparent 60%), radial-gradient(ellipse at calc(100% - var(--gradient-x)) calc(100% - var(--gradient-y)), #ff9f0a14 0%, transparent 50%);pointer-events:none;animation:12s ease-in-out infinite alternate gradientMesh;position:absolute;inset:0}@keyframes gradientMesh{0%{--gradient-x:30%;--gradient-y:40%}50%{--gradient-x:60%;--gradient-y:20%}to{--gradient-x:45%;--gradient-y:70%}}.phase-indicator{z-index:40;flex-direction:column;align-items:center;gap:0;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.phase-indicator-track{background:#e4e4e7;border-radius:1px;width:2px;height:120px;position:relative;overflow:hidden}.phase-indicator-fill{background:#3d3bff;border-radius:1px;width:100%;transition:height .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.phase-indicator-node{z-index:1;background:#fff;border:2px solid #e4e4e7;border-radius:50%;width:10px;height:10px;transition:all .3s;position:relative}.phase-indicator-node.active{background:#3d3bff;border-color:#3d3bff;box-shadow:0 0 0 4px #3d3bff26}.phase-indicator-node.completed{background:#3d3bff;border-color:#3d3bff}.phase-indicator-label{color:#a1a1aa;writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:.05em;margin-top:.75rem;font-size:.6875rem;font-weight:600;transition:color .3s}.phase-indicator-label.active{color:#3d3bff}.roadmap-feature-item{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.roadmap-feature-item.visible{opacity:1;transform:translateY(0)}.roadmap-phase-heading{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.roadmap-phase-heading.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.vision-gradient-mesh:before{animation:none}.roadmap-feature-item,.roadmap-phase-heading{opacity:1;transition:none;transform:none}}@media (max-width:767px){.phase-indicator{display:none}.roadmap-phase{min-height:auto;padding-top:4rem;padding-bottom:4rem}}