.roadmap-hero{padding:6rem 0 4rem;text-align:center;position:relative}.roadmap-hero-title{font-family:Outfit,sans-serif;font-weight:800;font-size:4rem;line-height:1.2;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#74acdfcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.timeline-container{position:relative;max-width:900px;margin:0 auto;padding:4rem 2rem 8rem}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.15) 10%,rgba(255,255,255,.15) 90%,transparent 100%);transform:translate(-50%);z-index:0}.timeline-glow-line{position:absolute;left:50%;top:0;width:2px;background:linear-gradient(180deg,#fffc,#3b82f6cc,#3b82f633);box-shadow:0 0 15px #3b82f680;transform:translate(-50%);z-index:1;height:0;transition:height .1s ease-out}.timeline-milestone{position:relative;margin-bottom:8rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.23,1,.32,1)}.timeline-milestone.visible{opacity:1;transform:translateY(0)}.timeline-year{position:absolute;left:50%;top:0;transform:translate(-50%);font-family:Outfit,sans-serif;font-weight:800;font-size:3rem;letter-spacing:-.02em;color:#ffffff26;z-index:1;pointer-events:none;transition:all .6s ease}.timeline-milestone.active .timeline-year{color:#fff6;font-size:3.5rem;text-shadow:0 0 30px rgba(255,255,255,.3),0 0 60px rgba(255,255,255,.2)}.timeline-content{position:relative;padding-top:5rem;min-height:600px;display:grid;grid-template-columns:calc(50% - 60px) calc(50% - 60px);gap:120px}.milestone-marker{position:absolute;left:50%;top:5rem;transform:translate(-50%);width:20px;height:20px;background:var(--bg-black);border:3px solid rgba(255,255,255,.3);border-radius:50%;z-index:2;transition:all .6s cubic-bezier(.23,1,.32,1)}.timeline-milestone.active .milestone-marker{width:28px;height:28px;border-color:#fffffff2;box-shadow:0 0 20px #fff9,0 0 40px #fff6,0 0 60px #fff3;background:#ffffff1a}.milestone-marker-future{border-style:dashed;border-color:#fff3}.milestone-card{grid-column:1;background:#0a0a0a99;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;z-index:2}.timeline-milestone.active .milestone-card{border-color:var(--border-hover);background:#141414cc;box-shadow:0 20px 60px #00000080}.milestone-image-wrapper{grid-column:2;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start}.milestone-card-future{opacity:.7;border-style:dashed}.blueprint-overlay{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;pointer-events:none;z-index:0;opacity:.08;transition:transform .2s ease-out}.blueprint-svg{width:100%;height:100%}.bp-circle,.bp-rect,.bp-line{fill:none;stroke:var(--accent-blue);stroke-width:1}.bp-dashed{stroke-dasharray:4 4}.bp-solid{stroke-opacity:.5}.helix-callouts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.callout{position:absolute;display:flex;align-items:center;gap:10px;opacity:0;transform:translate(-10px);transition:all .8s cubic-bezier(.23,1,.32,1)}.timeline-milestone.active .callout{opacity:.6;transform:translate(0)}.callout-line{width:40px;height:1px;background:var(--accent-blue);position:relative}.callout-line:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;background:var(--accent-blue);border-radius:50%;box-shadow:0 0 5px var(--accent-blue)}.callout-label{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--accent-blue);letter-spacing:1px;white-space:nowrap;background:#0a0a0a66;padding:2px 6px;border-left:2px solid var(--accent-blue)}.live-data{color:#fff;text-shadow:0 0 5px var(--accent-blue)}.helix-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:480px;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:1}.helix-svg{width:100%;height:100%;opacity:.15;filter:blur(1px);transition:transform .1s linear}.helix-path{fill:none;stroke:url(#helixGrad-1);stroke-width:2;stroke-linecap:round}.path-1{stroke-opacity:.8}.path-2{stroke-opacity:.4}.helix-node{fill:var(--accent-blue);opacity:.6;filter:drop-shadow(0 0 5px var(--accent-blue))}.timeline-milestone.active .helix-svg{opacity:.25;filter:blur(0)}.roadmap-ribbon{position:absolute;width:70vw;height:auto;filter:blur(2px);transition:all 1s ease;opacity:.8}.ribbon-1{top:5%;left:-10%;fill:#74acdf0a;animation:ribbonFloat 20s infinite ease-in-out}.ribbon-2{top:30%;right:-15%;fill:#ffffff05;animation:ribbonFloat 25s infinite ease-in-out reverse}.ribbon-3{bottom:10%;left:-15%;fill:#74acdf08;animation:ribbonFloat 22s infinite ease-in-out}@keyframes ribbonFloat{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,-20px) rotate(2deg)}}@media (max-width: 900px){.milestone-card{padding:2rem;max-width:100%}.timeline-content{padding-left:0;align-items:center}}.milestone-title{font-family:Inter,sans-serif;font-weight:700;font-size:1.75rem;margin-bottom:.5rem;letter-spacing:-.02em;color:var(--text-primary)}.milestone-subtitle{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-weight:600}.milestone-description{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.milestone-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.detail-value{color:var(--text-primary);font-weight:500}.milestone-image-container{border-radius:var(--radius-md);overflow:hidden;border:2px solid rgba(255,255,255,.3);width:100%;background:#ffffff0d}.milestone-image{width:100%;height:auto;display:block;object-fit:cover;max-width:100%}.image-caption{padding:.75rem 1rem;background:#ffffff05;font-size:.8rem;color:var(--text-muted);text-align:center;font-style:italic}.milestone-image-placeholder{width:100%;height:300px;background:#ffffff14;border:2px dashed rgba(255,255,255,.4);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.milestone-image-placeholder:hover{background:#ffffff1f;border-color:#fff9}.milestone-events{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.event-card{display:flex;gap:1rem;padding:1.25rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s ease}.event-card:hover{background:#ffffff0d;border-color:var(--border-hover)}.event-details h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.event-date{font-size:.875rem;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.event-location{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.event-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.focus-area{margin:1.5rem 0;padding:1.5rem;background:#ffffff05;border-left:3px solid rgba(255,255,255,.2);border-radius:var(--radius-md)}.focus-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.focus-area p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.selection-criteria{margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:var(--radius-sm)}.selection-criteria h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.selection-criteria ul{list-style:none;padding:0;margin:0}.selection-criteria li{font-size:.875rem;color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.selection-criteria li:before{content:"→";position:absolute;left:0;color:var(--text-muted)}.funds-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}.fund-card{padding:1.5rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s ease}.fund-card:hover{background:#ffffff0d;border-color:var(--border-hover);transform:translateY(-2px)}.fund-card h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.fund-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.milestone-note{margin-top:1.5rem;padding:1rem 1.25rem;background:#ffffff08;border-left:3px solid rgba(255,255,255,.3);border-radius:var(--radius-sm)}.milestone-note p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.milestone-note strong{color:var(--text-primary)}.scroll-progress{position:fixed;top:70px;left:0;width:100%;height:3px;background:#ffffff0d;z-index:99}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#ffffff4d,#fffc);width:0%;transition:width .1s ease-out}@media (max-width: 900px){.roadmap-hero{padding:4rem 1rem 2rem}.roadmap-hero-title{font-size:2.5rem}.roadmap-hero-subtitle{font-size:1rem}.timeline-container{padding:2rem 0 4rem}.timeline-line,.timeline-glow-line{left:40px;transform:translate(-50%)}.timeline-year{top:5rem;left:70px;transform:translateY(-50%);font-size:1.5rem;text-align:left}.timeline-milestone.active .timeline-year{font-size:1.75rem}.milestone-marker{left:40px;transform:translate(-50%)}.timeline-milestone{margin-bottom:4rem}.timeline-content{display:flex;flex-direction:column;gap:1.5rem;padding-left:80px;padding-top:4.5rem;min-height:auto}.milestone-card{grid-column:auto;width:100%;padding:1.5rem}.milestone-image-wrapper{grid-column:auto;width:100%;min-height:200px;order:-1}.milestone-details{padding:1rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.parallel-grid-layout{display:flex;flex-direction:column;gap:2rem}.parallel-column{width:100%}}html{scroll-behavior:smooth}@media (min-width: 901px){.timeline-container{scroll-snap-type:y proximity}.timeline-milestone{scroll-snap-align:center;scroll-snap-stop:normal}}.roadmap-bg-art{position:absolute;z-index:0;opacity:.25;pointer-events:none;transition:opacity .8s ease}.art-jacaranda{right:-5%;top:50%;transform:translateY(-50%);max-height:700px;width:auto}.art-hornero{right:0%;top:50%;transform:translateY(-50%);max-height:500px;width:auto}.timeline-milestone.active .roadmap-bg-art{opacity:.35}
