.how-it-works-vertical-section{position:relative;padding:clamp(3rem,8vw,6rem) 0;background:#0a0a0a;overflow:hidden}.how-it-works-vertical-section:before{content:"";position:absolute;top:20%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(64,29,191,.04) 0,transparent 70%);pointer-events:none;z-index:0}.how-it-works-vertical-container{max-width:900px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.how-it-works-vertical-header{text-align:center;margin-bottom:4rem}.header-badge-vertical{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:rgba(64,29,191,.1);border:1px solid rgba(64,29,191,.2);border-radius:2rem;color:#a275f0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.badge-dot-vertical{width:6px;height:6px;border-radius:50%;background:#a275f0;animation:pulse-dot-vertical 2s ease-in-out infinite}@keyframes pulse-dot-vertical{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.how-it-works-vertical-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:#fafafa;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#d4d4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works-vertical-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.5}.timeline-vertical-wrapper{position:relative;width:100%;max-width:800px}.timeline-line-vertical{left:26px;bottom:0;width:6px;background:rgba(64,29,191,.15);z-index:0}.timeline-line-vertical,.timeline-progress-fill{position:absolute;top:0;border-radius:10px;overflow:visible}.timeline-progress-fill{left:0;width:100%;height:0;background:linear-gradient(180deg,#401dbf,#8b5cf6 50%,#e978ff);transition:none;box-shadow:0 0 12px rgba(139,92,246,.6),0 0 24px rgba(233,120,255,.4);will-change:height}.timeline-progress-fill:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:calc(100% - 8px);min-height:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,.9));border-radius:10px;box-shadow:0 0 8px hsla(0,0%,100%,.8),0 0 16px hsla(0,0%,100%,.5),0 0 24px rgba(139,92,246,.4);animation:neon-pulse 2s ease-in-out infinite}.timeline-progress-fill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);background-size:100% 200%;animation:liquid-flow-vertical 3s ease-in-out infinite;border-radius:10px}@keyframes neon-pulse{0%,to{opacity:1;box-shadow:0 0 8px hsla(0,0%,100%,.8),0 0 16px hsla(0,0%,100%,.5),0 0 24px rgba(139,92,246,.4)}50%{opacity:.8;box-shadow:0 0 12px #fff,0 0 24px hsla(0,0%,100%,.7),0 0 36px rgba(139,92,246,.6)}}@keyframes liquid-flow-vertical{0%,to{background-position:0 0}50%{background-position:0 100%}}.steps-vertical-list{display:flex;flex-direction:column;gap:2.5rem;position:relative;z-index:1}.step-vertical-item{position:relative;display:flex;align-items:flex-start;gap:2rem}.timeline-dot-vertical{position:absolute;left:-2px;top:2rem;width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;z-index:2}.dot-inner{width:12px;height:12px;border-radius:50%;background:#0a0a0a;border:2px solid hsla(0,0%,39%,.3);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.dot-inner:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:rgba(64,29,191,.15);opacity:0;transition:opacity .5s ease}.step-vertical-item.active .dot-inner{background:linear-gradient(135deg,#401dbf,#8b5cf6 50%,#e978ff);border-color:#e978ff;box-shadow:0 0 15px rgba(139,92,246,.6),0 0 25px rgba(233,120,255,.4)}.step-vertical-item.active .dot-inner:before{opacity:1;background:radial-gradient(circle,rgba(233,120,255,.4) 0,transparent 70%);animation:pulse-glow-vertical 2s ease-in-out infinite}.step-vertical-item:hover .dot-inner{border-color:rgba(64,29,191,.8);box-shadow:0 0 20px rgba(64,29,191,.5)}.step-vertical-item:hover .dot-inner:before{opacity:1;animation:pulse-glow-vertical 1.5s ease-in-out infinite}.step-vertical-item.active:hover .dot-inner{transform:scale(1.1);box-shadow:0 0 20px rgba(139,92,246,.8),0 0 35px rgba(233,120,255,.6)}@keyframes pulse-glow-vertical{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.6}}.step-vertical-card{position:relative;flex:1;background:rgba(26,26,26,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid hsla(0,0%,63%,.15);border-radius:1.25rem;padding:2rem;margin-left:72px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.step-vertical-card:before{inset:0;background:linear-gradient(135deg,rgba(64,29,191,.03),transparent 50%)}.step-vertical-card:after,.step-vertical-card:before{content:"";position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:1.25rem}.step-vertical-card:after{inset:-2px;background:linear-gradient(135deg,#401dbf,#8b5cf6 50%,#e978ff);z-index:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}.step-vertical-card:hover:after,.step-vertical-card:hover:before{opacity:1}.step-vertical-card:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 24px rgba(139,92,246,.3),0 0 48px rgba(233,120,255,.15)}.step-vertical-number{position:absolute;top:1.5rem;right:1.5rem;font-size:4rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(64,29,191,.2);text-stroke:2px rgba(64,29,191,.2);opacity:.5;transition:all .3s ease;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.step-vertical-card:hover .step-vertical-number,.step-vertical-number{background:linear-gradient(135deg,#401dbf,#8b5cf6 50%,#e978ff);-webkit-background-clip:text;background-clip:text}.step-vertical-card:hover .step-vertical-number{-webkit-text-stroke:2px transparent;text-stroke:2px transparent;opacity:.8;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(233,120,255,.4))}.step-vertical-icon-wrapper{position:relative;z-index:2;width:3.5rem;height:3.5rem;border-radius:.875rem;background:linear-gradient(135deg,rgba(64,29,191,.15),rgba(64,29,191,.05));border:1px solid rgba(64,29,191,.25);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);margin-bottom:1.25rem}.step-vertical-card:hover .step-vertical-icon-wrapper{background:linear-gradient(135deg,rgba(64,29,191,.25),rgba(64,29,191,.1));border-color:rgba(64,29,191,.4);transform:scale(1.05);box-shadow:0 4px 16px rgba(64,29,191,.25)}.step-vertical-icon{width:1.75rem;height:1.75rem;color:#5d42d7;transition:all .3s ease}.step-vertical-card:hover .step-vertical-icon{color:#816ce0}.step-vertical-content{position:relative;z-index:2}.step-vertical-title{font-size:1.5rem;font-weight:600;color:#fafafa;letter-spacing:-.02em;line-height:1.3;margin-bottom:.75rem;transition:color .3s ease}.step-vertical-card:hover .step-vertical-title{color:#fff}.step-vertical-description{font-size:1rem;color:#a1a1aa;line-height:1.6;letter-spacing:-.01em;margin:0;transition:color .3s ease}.step-vertical-card:hover .step-vertical-description{color:#b8b8c0}.timeline-connector{display:none}@media (max-width:768px){.how-it-works-vertical-section{padding:2.5rem 0}.how-it-works-vertical-container{padding:0 1rem}.how-it-works-vertical-header{margin-bottom:3rem}.steps-vertical-list{gap:2rem}.timeline-line-vertical{left:18px}.timeline-dot-vertical{width:40px;height:40px;top:1.5rem}.dot-inner{width:10px;height:10px}.step-vertical-card{padding:1.5rem;margin-left:56px}.step-vertical-number{font-size:3rem;top:1rem;right:1rem}.step-vertical-icon-wrapper{width:3rem;height:3rem;margin-bottom:1rem}.step-vertical-icon{width:1.5rem;height:1.5rem}.step-vertical-title{font-size:1.25rem}.step-vertical-description{font-size:.9375rem}}@media (max-width:480px){.how-it-works-vertical-section{padding:2rem 0}.how-it-works-vertical-header{margin-bottom:2.5rem}.header-badge-vertical{font-size:.6875rem;padding:.3125rem .75rem}.steps-vertical-list{gap:1.75rem}.timeline-line-vertical{left:14px}.timeline-dot-vertical{width:32px;height:32px;top:1.25rem}.dot-inner{width:8px;height:8px}.step-vertical-card{padding:1.25rem;margin-left:44px}.step-vertical-number{font-size:2.5rem;top:.875rem;right:.875rem;-webkit-text-stroke:1.5px rgba(64,29,191,.2);text-stroke:1.5px rgba(64,29,191,.2)}.step-vertical-icon-wrapper{width:2.5rem;height:2.5rem;margin-bottom:.875rem}.step-vertical-icon{width:1.25rem;height:1.25rem}.step-vertical-title{font-size:1.125rem;margin-bottom:.625rem}.step-vertical-description{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.badge-dot-vertical,.dot-inner,.step-vertical-card,.step-vertical-icon-wrapper,.timeline-line-vertical:before{transition:none;animation:none}.step-vertical-card:hover,.step-vertical-card:hover .step-vertical-icon-wrapper{transform:none}}.bento-section{position:relative;padding:20px 0 80px;background:radial-gradient(ellipse 50% 30% at 20% 20%,rgba(139,92,246,.08),transparent),radial-gradient(ellipse 50% 30% at 80% 80%,rgba(251,191,36,.05),transparent),#0a0a0a;overflow:hidden}.bento-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' /%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay;pointer-events:none}.bento-container{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:1}.bento-header{text-align:center;margin-bottom:64px}.bento-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:rgba(64,29,191,.1);border:1px solid rgba(64,29,191,.2);border-radius:2rem;color:#a275f0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.bento-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:#fafafa;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#d4d4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bento-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.5}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-auto-rows:auto}.card-1{grid-column:span 2}.card-1,.card-2{min-height:240px}.card-2{grid-column:span 1}.card-3,.card-4,.card-5{grid-column:span 1;min-height:200px}.card-6{grid-column:span 3;min-height:220px}.bento-card{position:relative;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;padding:32px;transition:all .3s ease;overflow:hidden;cursor:pointer;opacity:.7}.bento-card:hover{opacity:1;border-color:rgba(138,97,255,.3);background:rgba(138,97,255,.03);transform:translateY(-2px)}.bento-card-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.card-visual{margin-bottom:20px}.visual-placeholder{aspect-ratio:16/9;background:hsla(0,0%,4%,.5);border:1px dashed hsla(0,0%,63%,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#6b6b6b;font-size:13px;font-weight:500}.card-text{flex:1;display:flex;flex-direction:column;gap:10px}.card-title{font-size:22px;font-weight:700;color:#e0e0e0;letter-spacing:-.02em;margin:0;line-height:1.3}.card-description{font-size:15px;color:#a0a0a0;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-stats{font-size:13px;color:#8b8b8b;margin:6px 0;letter-spacing:.01em}.card-badge{display:inline-flex;align-items:center;padding:8px 14px;background:rgba(138,97,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(138,97,255,.3);border-radius:9px;box-shadow:0 4px 12px rgba(138,97,255,.15);color:#a275f0;font-size:13px;font-weight:600;transition:all .3s ease;width:-moz-fit-content;width:fit-content;margin-top:auto}.card-badge:hover{background:rgba(138,97,255,.25);transform:translateY(-2px);box-shadow:0 6px 16px rgba(138,97,255,.25)}.beta-badge{position:absolute;top:20px;right:20px;padding:6px 12px;background:rgba(138,97,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(138,97,255,.4);border-radius:8px;color:#a275f0;font-size:12px;font-weight:700;letter-spacing:.05em;box-shadow:0 4px 12px rgba(138,97,255,.3),0 0 20px rgba(138,97,255,.2);z-index:2}@media (max-width:768px){.bento-section{padding:80px 0}.bento-container{padding:0 20px}.bento-header{margin-bottom:48px}.bento-title{font-size:36px}.bento-subtitle{font-size:16px}.bento-grid{grid-template-columns:1fr;gap:16px}.bento-card,.card-1,.card-2,.card-3,.card-4,.card-5,.card-6{grid-column:span 1;height:350px;min-height:auto;padding:28px}.card-title{font-size:20px}.card-description{font-size:15px}.visual-placeholder{aspect-ratio:16/9;margin-bottom:20px}.beta-badge{top:16px;right:16px;font-size:10px;padding:5px 10px}}@media (max-width:480px){.bento-title{font-size:28px}.bento-subtitle{font-size:14px}.bento-card{padding:24px}.card-title{font-size:18px}.card-description{font-size:14px}}.tokenomics-section{position:relative;padding:100px 0;background:#0a0a0a;overflow:hidden}.tokenomics-section:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(139,92,246,.03) 0,transparent 70%);pointer-events:none}.tokenomics-container{max-width:1600px;margin:0 auto;padding:0 60px;position:relative;z-index:1}.tokenomics-header{text-align:center;margin-bottom:64px}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:rgba(64,29,191,.1);border:1px solid rgba(64,29,191,.2);border-radius:2rem;color:#a275f0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.tokenomics-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:#fafafa;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#d4d4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tokenomics-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.5}.tokenomics-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:0;align-items:start;width:100%;margin:0 auto;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden}.animation-cell{position:relative;min-height:600px;border-right:1px solid hsla(0,0%,100%,.1);padding:40px}.content-column{display:flex;flex-direction:column;gap:0;height:100%}.section-title{font-size:12px;font-weight:600;color:#6b6b6b;text-transform:uppercase;letter-spacing:.15em;margin:0 0 40px;position:relative;padding-left:32px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:1px;background:linear-gradient(90deg,#6b6b6b,transparent)}.distribution-column{position:relative;padding:40px;border-bottom:1px solid hsla(0,0%,100%,.1)}.distribution-list{display:flex;flex-direction:column;gap:32px}.distribution-item{position:relative}.item-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.item-label{font-size:15px;font-weight:500;color:#d0d0d0;letter-spacing:-.01em}.item-percentage{font-size:24px;font-weight:300;color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.item-details{font-size:.8125rem;color:#6b6b6b;margin-top:.5rem;font-style:italic}.progress-bar{width:100%;height:2px;background:hsla(0,0%,100%,.05);position:relative;overflow:visible}.progress-fill{height:100%;position:relative;transition:width 1.4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 20px currentColor}.progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.progress-fill.purple{background:linear-gradient(90deg,rgba(160,20,15,.4),#a0140f);color:#a0140f}.progress-fill.blue{background:linear-gradient(90deg,rgba(10,40,200,.4),#0a28c8);color:#0a28c8}.progress-fill.green{background:linear-gradient(90deg,rgba(120,170,40,.4),#78aa28);color:#78aa28}.progress-fill.orange{background:linear-gradient(90deg,rgba(245,158,11,.4),#f59e0b);color:#f59e0b}.progress-fill.pink{background:linear-gradient(90deg,rgba(236,72,153,.4),#e978ff);color:#e978ff}.utility-column{position:relative;padding:40px;flex:1}.utility-list{display:flex;flex-direction:column;gap:36px}.utility-item{display:flex;gap:20px;align-items:flex-start;position:relative}.utility-number{font-size:13px;font-weight:600;color:#4b4b4b;letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex-shrink:0;margin-top:2px}.utility-content{flex:1}.utility-title{font-size:17px;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.02em;line-height:1.3}.utility-description{font-size:14px;color:#6b6b6b;line-height:1.6;margin:0;letter-spacing:-.01em}.distribution-item{transition:all .3s cubic-bezier(.16,1,.3,1)}.distribution-item:hover .item-label{color:#fff}.utility-item{transition:all .3s cubic-bezier(.16,1,.3,1)}.utility-item:hover .utility-number,.utility-item:hover .utility-title{color:#8400ff}.utility-item:hover .utility-description{color:#a0a0a0}.tokenomics-learn-more{margin-top:48px;text-align:center}@media (max-width:1024px){.tokenomics-container{max-width:100%;padding:0 40px}.tokenomics-grid{grid-template-columns:1fr;gap:0}.animation-cell{min-height:400px;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1);padding:30px}.content-column{gap:0;height:auto}.distribution-column,.utility-column{padding:30px}.tokenomics-learn-more{margin-top:40px}.tokenomics-title{font-size:48px}}@media (max-width:768px){.tokenomics-section{padding:80px 0}.tokenomics-container{padding:0 24px}.tokenomics-header{margin-bottom:60px}.tokenomics-title{font-size:40px}.tokenomics-subtitle{font-size:15px}.tokenomics-grid{grid-template-columns:1fr;gap:0}.animation-cell{min-height:350px;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1);padding:24px}.content-column{gap:0;height:auto}.distribution-column,.utility-column{padding:24px}.tokenomics-learn-more{margin-top:32px}.distribution-list{gap:28px}.item-label{font-size:14px}.item-percentage{font-size:20px}.section-title{margin-bottom:32px;padding-left:28px}.section-title:before{width:18px}.utility-list{gap:32px}.utility-item{gap:18px}.utility-title{font-size:16px}.utility-description{font-size:13px}}@media (max-width:480px){.tokenomics-section{padding:60px 0}.tokenomics-container{padding:0 20px}.tokenomics-header{margin-bottom:50px}.header-badge{font-size:10px;padding:5px 12px;margin-bottom:16px}.tokenomics-title{font-size:32px;margin-bottom:14px}.tokenomics-subtitle{font-size:14px}.tokenomics-grid{grid-template-columns:1fr;gap:0}.animation-cell{min-height:300px;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1);padding:20px}.content-column{gap:0;height:auto}.distribution-column,.utility-column{padding:20px}.tokenomics-learn-more{margin-top:24px}.distribution-list{gap:24px}.item-info{margin-bottom:10px}.item-label{font-size:13px}.item-percentage{font-size:18px}.section-title{font-size:11px;margin-bottom:28px;padding-left:24px}.section-title:before{width:14px}.utility-list{gap:28px}.utility-item{gap:16px}.utility-number{font-size:12px}.utility-title{font-size:15px;margin-bottom:6px}.utility-description{font-size:13px}.progress-bar{height:1.5px}.progress-fill:after{width:5px;height:5px}}.roadmap-section{position:relative;padding:clamp(2.5rem,6vw,4rem) 0;overflow:hidden}.roadmap-container{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.roadmap-header{text-align:center;margin-bottom:4rem}.roadmap-header .header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:rgba(64,29,191,.1);border:1px solid rgba(64,29,191,.2);border-radius:2rem;color:#a275f0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.roadmap-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:#fafafa;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#d4d4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.5}.timeline-horizontal{position:relative}.timeline-line-horizontal{position:absolute;top:.875rem;left:0;right:0;height:2px;background:hsla(0,0%,100%,.1);border-radius:2px;z-index:0}.timeline-progress-horizontal{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#401dbf,#8b5cf6 50%,#e978ff);border-radius:2px;transition:none;box-shadow:0 0 12px rgba(139,92,246,.6),0 0 24px rgba(233,120,255,.4);overflow:visible;will-change:width}.timeline-progress-horizontal:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 8px);min-width:20px;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,.9));border-radius:2px;box-shadow:0 0 8px hsla(0,0%,100%,.8),0 0 16px hsla(0,0%,100%,.5),0 0 24px rgba(139,92,246,.4);animation:neon-pulse-horizontal 2s ease-in-out infinite}.timeline-progress-horizontal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);background-size:200% 100%;animation:liquid-flow-horizontal 3s ease-in-out infinite;border-radius:2px}.phases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;z-index:1}.phase-card-compact{position:relative;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;padding:1.5rem 1.25rem;margin-top:3rem;transition:all .3s ease;cursor:pointer;opacity:.7}.phase-card-compact.active{opacity:1;border-color:rgba(138,97,255,.3);background:rgba(138,97,255,.03)}.phase-card-compact:hover{border-color:rgba(138,97,255,.2);transform:translateY(-2px)}.timeline-dot-compact{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a0a0a;border:2px solid hsla(0,0%,100%,.1);transition:all .3s ease;z-index:2}.timeline-dot-compact.completed{background:#0a0a0a;border-color:rgba(34,197,94,.5);color:#22c55e}.timeline-dot-compact.in-progress{background:#0a0a0a;border-color:rgba(138,97,255,.5);color:#8347eb;box-shadow:0 0 20px rgba(138,97,255,.4)}.timeline-dot-compact.upcoming{background:#0a0a0a;border-color:rgba(100,116,139,.3);color:#64748b}.phase-quarter-compact{font-size:1.125rem;font-weight:700;color:#fafafa;margin-bottom:.5rem;letter-spacing:-.02em}.phase-year-compact{font-size:.75rem;font-weight:500;color:#71717a;margin-left:.25rem}.phase-title-compact{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fafafa;margin-bottom:.875rem;letter-spacing:-.01em}.phase-title-compact .phase-icon{width:1rem;height:1rem;color:#8347eb;flex-shrink:0}.phase-items-compact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.phase-items-compact li{font-size:.8125rem;color:#a1a1aa;line-height:1.4}.phase-card-compact.completed .phase-items-compact li,.phase-card-compact.in-progress .phase-items-compact li{color:#d4d4d8}@media (max-width:1024px){.phases-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.timeline-line-horizontal{display:none}}@media (max-width:640px){.roadmap-section{padding:2rem 0}.roadmap-container{padding:0 1rem}.roadmap-header{margin-bottom:1.75rem}.phases-grid{grid-template-columns:1fr;gap:1rem}.phase-card-compact{padding:1.25rem 1rem;margin-top:2rem}.timeline-dot-compact{width:1.5rem;height:1.5rem}.timeline-dot-compact svg{width:.75rem;height:.75rem}.phase-quarter-compact{font-size:1rem}.phase-title-compact{font-size:.9375rem}.phase-items-compact li{font-size:.75rem}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(138,97,255,.3)}50%{box-shadow:0 0 25px rgba(138,97,255,.5)}}.timeline-dot-compact.in-progress{animation:pulse-glow 2s ease-in-out infinite}@keyframes neon-pulse-horizontal{0%,to{opacity:1;box-shadow:0 0 8px hsla(0,0%,100%,.8),0 0 16px hsla(0,0%,100%,.5),0 0 24px rgba(139,92,246,.4)}50%{opacity:.8;box-shadow:0 0 12px #fff,0 0 24px hsla(0,0%,100%,.7),0 0 36px rgba(139,92,246,.6)}}@keyframes liquid-flow-horizontal{0%,to{background-position:0 0}50%{background-position:100% 0}}