.roadmap-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);text-align:center}.roadmap-hero-content{max-width:800px;margin:0 auto}.hero-logo{margin-bottom:2rem}.hero-logo-image{height:100px;width:auto;opacity:.9;transition:opacity .3s ease}.hero-logo-image:hover{opacity:1}.roadmap-hero h1{font-size:4rem;font-weight:800;color:gold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-2px;line-height:1.1}.hero-subtitle{font-size:1.4rem;color:#ccc;margin-bottom:1.5rem;line-height:1.6}.hero-highlight{display:inline-block;background:#ffd7001a;border:1px solid #ffd700;border-radius:25px;padding:1rem 2rem}.highlight-text{color:gold;font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.roadmap-timeline-section{padding:4rem 0;background:#111}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:-1px}.section-header p{font-size:1.2rem;color:#999;max-width:600px;margin:0 auto}.timeline-container{position:relative;max-width:900px;margin:0 auto}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,gold,#333 50% 100%);transform:translate(-50%);z-index:1}.phase-item{display:flex;align-items:flex-start;margin-bottom:3rem;position:relative;z-index:2}.phase-item:nth-child(odd){flex-direction:row}.phase-item:nth-child(2n){flex-direction:row-reverse}.phase-icon{width:80px;height:80px;background:#1a1a1a;border:3px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative;flex-shrink:0;transition:all .3s ease}.phase-item.completed .phase-icon{border-color:#10b981;background:#10b9811a}.phase-item.in-progress .phase-icon{border-color:gold;background:#ffd7001a;animation:pulse 2s infinite}.phase-item.upcoming .phase-icon{border-color:#333;background:#1a1a1a}.phase-content{flex:1;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;margin:0 2rem;transition:all .3s ease}.phase-content:hover{background:#222;border-color:gold;transform:translateY(-5px)}.phase-item.completed .phase-content{border-color:#10b981}.phase-item.in-progress .phase-content{border-color:gold;background:#1f1f1f}.phase-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.phase-header h3{font-size:1.4rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;flex:1}.phase-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.phase-status.completed{background:#10b98133;color:#10b981;border:1px solid #10b981}.phase-status.in-progress{background:#ffd70033;color:gold;border:1px solid #ffd700}.phase-status.upcoming{background:#9993;color:#999;border:1px solid #333}.phase-description{margin-bottom:1.5rem}.phase-description p{color:#ccc;font-size:1.1rem;line-height:1.6}.phase-details{display:flex;flex-direction:column;gap:.8rem}.detail-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#111;border:1px solid #222;border-radius:8px;transition:all .3s ease}.detail-item:hover{background:#1a1a1a;border-color:#333}.detail-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.phase-item.completed .detail-icon{background:#10b981;color:#fff}.phase-item.in-progress .detail-icon{background:gold;color:#000}.phase-item.upcoming .detail-icon{background:#333;color:#999}.detail-item span:last-child{color:#ccc;font-size:.9rem;line-height:1.5;color:gold;font-weight:500}.progress-overview-section{padding:4rem 0;background:#0a0a0a}.progress-content{text-align:center}.progress-content h2{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:3rem;text-transform:uppercase;letter-spacing:-1px}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.progress-stat{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.progress-stat:hover{background:#222;border-color:gold;transform:translateY(-5px)}.progress-stat.active{border-color:gold;background:#1f1f1f}.stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.stat-number{font-size:2.5rem;font-weight:800;color:gold;margin-bottom:.5rem;line-height:1}.stat-label{font-size:1rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.overall-progress{max-width:500px;margin:0 auto}.progress-label{font-size:1.2rem;color:#fff;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.progress-bar{width:100%;height:12px;background:#333;border-radius:6px;overflow:hidden;margin-bottom:.8rem}.progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);border-radius:6px;transition:width 2s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-percentage{font-size:1.1rem;color:gold;font-weight:700}.milestones-section{padding:4rem 0;background:#111}.milestones-content{text-align:center}.milestones-content h2{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:3rem;text-transform:uppercase;letter-spacing:-1px}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.milestone-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.milestone-card:hover{background:#222;border-color:gold;transform:translateY(-5px)}.milestone-card.achieved{border-color:#10b981;background:#10b9810d}.milestone-card.current{border-color:gold;background:#ffd7000d}.milestone-card.current:before{content:"🔥 Current";position:absolute;top:-10px;right:1rem;background:gold;color:#000;padding:.3rem .8rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.milestone-icon{font-size:3rem;margin-bottom:1rem;display:block}.milestone-card h3{font-size:1.3rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.milestone-card p{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.milestone-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.milestone-card.achieved .milestone-status{background:#10b98133;color:#10b981;border:1px solid #10b981}.milestone-card.current .milestone-status{background:#ffd70033;color:gold;border:1px solid #ffd700}.milestone-card.upcoming .milestone-status{background:#9993;color:#999;border:1px solid #333}.expectations-section{padding:4rem 0;background:#0a0a0a}.expectations-content{text-align:center}.expectations-content h2{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:3rem;text-transform:uppercase;letter-spacing:-1px}.expectations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.expectation-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.expectation-card:hover{background:#222;border-color:gold;transform:translateY(-5px)}.expectation-icon{font-size:3rem;margin-bottom:1rem;display:block}.expectation-card h3{font-size:1.3rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.expectation-card p{color:#ccc;line-height:1.6}.roadmap-cta{padding:4rem 0;background:#111}.roadmap-cta .cta-content{text-align:center;max-width:700px;margin:0 auto}.roadmap-cta h2{font-size:2.8rem;font-weight:700;color:gold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-1px}.roadmap-cta p{font-size:1.2rem;color:#ccc;margin-bottom:2rem;line-height:1.6}.roadmap-cta .cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@keyframes pulse{0%,to{box-shadow:0 0 #ffd700b3}50%{box-shadow:0 0 0 10px #ffd70000}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.roadmap-hero h1{font-size:2.8rem}.timeline-line{left:40px}.phase-item{flex-direction:row!important;padding-left:100px}.phase-icon{position:absolute;left:0;width:60px;height:60px;font-size:1.5rem}.phase-content{margin:0}.phase-header{flex-direction:column;align-items:flex-start;gap:.5rem}.progress-stats{grid-template-columns:1fr;gap:1rem}.expectations-grid{grid-template-columns:1fr}.roadmap-cta .cta-buttons{flex-direction:column;align-items:center}.roadmap-cta .btn{width:100%;max-width:300px}}@media (max-width: 480px){.roadmap-hero h1{font-size:2.2rem}.section-header h2,.progress-content h2,.milestones-content h2,.expectations-content h2,.roadmap-cta h2{font-size:2rem}.phase-content,.progress-stat,.milestone-card,.expectation-card{padding:1.5rem}.timeline-container{padding-left:80px}}