.roadmap-container{min-height:100vh;color:white;padding:16px 32px}@media (min-width:768px){.roadmap-container{padding:32px 64px}}.roadmap-wrapper{max-width:1280px;margin:0 auto}.roadmap-header{text-align:center;margin-bottom:48px}.roadmap-title-container{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.roadmap-title{font-weight:700;font-size:3rem;background:linear-gradient(180deg,rgba(254,200,241,.9),rgba(237,146,215,.8) 35%,#541095 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:768px){.roadmap-title{font-size:3.75rem}}.roadmap-subtitle{color:#d1d5db;font-size:1.125rem;line-height:1.75;max-width:768px;margin:0 auto}@media (min-width:768px){.roadmap-subtitle{font-size:1.25rem}}.roadmap-timeline{position:relative}.timeline-line{position:absolute;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#a78bfa,#ec4899);opacity:.3}@media (min-width:1024px){.timeline-line{display:block}}.roadmap-items{display:flex;flex-direction:column;gap:28px}@media (min-width:768px){.roadmap-items{gap:32px}}.roadmap-item{position:relative;display:flex;align-items:center;justify-content:center}@media (min-width:1024px){.roadmap-item.even{flex-direction:row}.roadmap-item.odd{flex-direction:row-reverse}}.roadmap-card{background:rgba(31,41,55,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #374151;border-radius:12px;padding:18px;transition:all .5s ease;transform:scale(1);box-shadow:none;opacity:.9}.roadmap-card:hover{border-color:#a855f7;transform:scale(1.03);box-shadow:0 25px 50px -12px rgba(168,85,247,.2);opacity:1}.desktop-card{width:41.666667%;display:none}@media (min-width:1024px){.desktop-card{display:block}.desktop-card.even{padding-right:90px}.desktop-card.odd{padding-left:90px}}.mobile-card{width:100%;max-width:448px}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.desktop-card.even .card-header{flex-direction:row;justify-content:space-between}.desktop-card.odd .card-header{flex-direction:row-reverse;justify-content:space-between}.card-icon{padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.rotated-clockwise{transform:rotate(90deg);transition:transform .3s ease}.rotated-counterclockwise{transform:rotate(-90deg);transition:transform .3s ease}.card-quarter{background:white;border-radius:6px;font-weight:500;font-size:22px;margin-left:3px;margin-bottom:12px;white-space:nowrap;gap:4px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-wrap:wrap}.card-title{display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-title h1{margin:0}.desktop-card.even .card-title{text-align:right}.desktop-card.odd .card-title{text-align:left}.card-description{display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow:hidden;transition:all .5s ease;max-height:0;opacity:0}.card-description.show{max-height:fit-content;opacity:1}.description-point{display:flex;align-items:center;gap:8px;font-size:14px;color:#d1d5db}.description-point .bullet-point{display:inline-block;width:8px;height:8px;background-color:currentColor;border-radius:50%;margin-right:8px;vertical-align:middle}.desktop-card.even .description-point span{order:1}.desktop-card.odd .description-point span{order:2}.timeline-dot{position:absolute;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;border:4px solid #111827;transition:all .3s ease}@media (min-width:1024px){.timeline-dot{display:block}}.timeline-dot.active{transform:translateX(-50%) scale(1.5);box-shadow:0 10px 15px -3px rgba(168,85,247,.5)}.desktop-spacer{width:41.666667%;display:none}@media (min-width:1024px){.desktop-spacer{display:block}}.roadmap-footer{text-align:center;margin-top:64px;padding-bottom:32px}.footer-timeline{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(31,41,55,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;border:1px solid #374151}.footer-text{color:#d1d5db}.footer-hint{display:none}.footer-hint,.footer-hint-tap{margin-top:16px;background:linear-gradient(90deg,#14b8a6,#06b6d4);font-size:14px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-hint-tap{display:block}@media (min-width:1024px){.mobile-card{display:none}.footer-hint{display:block}.footer-hint-tap{display:none}}@media (min-width:768px){.roadmap-header{margin-bottom:64px}.card-title>h1{font-size:2.3rem!important}.card-quarter{font-size:18px;margin-bottom:0}}.gradient-blue-purple{background:linear-gradient(180deg,#3b82f6,#8b5cf6)}.gradient-purple-pink{background:linear-gradient(90deg,#a855f7,#ec4899)}.gradient-pink-red{background:linear-gradient(90deg,#ec4899,#ef4444)}.gradient-red-orange{background:linear-gradient(90deg,#ef4444,#f97316)}.gradient-orange-yellow{background:linear-gradient(90deg,#f97316,#eab308)}.gradient-yellow-green{background:linear-gradient(90deg,#eab308,#22c55e)}.gradient-green-teal{background:linear-gradient(90deg,#22c55e,#14b8a6)}.gradient-teal-cyan{background:linear-gradient(90deg,#14b8a6,#06b6d4)}.gradient-cyan-blue{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.gradient-blue-indigo{background:linear-gradient(90deg,#3b82f6,#6366f1)}.gradient-indigo-purple{background:linear-gradient(90deg,#6366f1,#a855f7)}.gradient-purple-violet{background:linear-gradient(90deg,#a855f7,#8b5cf6)}.icon-purple{color:#c084fc}.icon-pink{color:#f472b6}.icon-blue{color:#60a5fa}.text-gradient-blue-purple{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple-pink{background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-pink-red{background:linear-gradient(90deg,#ec4899,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-red-orange{background:linear-gradient(90deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-orange-yellow{background:linear-gradient(90deg,#f97316,#eab308);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-yellow-green{background:linear-gradient(90deg,#eab308,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green-teal{background:linear-gradient(90deg,#22c55e,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-teal-cyan{background:linear-gradient(90deg,#14b8a6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-cyan-blue{background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-blue-indigo{background:linear-gradient(90deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-indigo-purple{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple-violet{background:linear-gradient(90deg,#a855f7,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}