.roadmap-section{padding:4rem 0 6rem;background:#fff;position:relative;overflow:hidden}.roadmap-section:before{content:"";position:absolute;top:0;left:0;right:0;height:530px;background:linear-gradient(180deg,#0A1628 0%,#0A1628 70%,transparent 100%);pointer-events:none;z-index:0}.roadmap-intro{text-align:center;max-width:900px;margin:0 auto 4rem;padding:0 2rem;position:relative;z-index:1}.roadmap-intro h2{font-size:clamp(2rem,5vw,3rem);font-weight:400;color:#fff;margin-bottom:1.5rem;line-height:1.3;letter-spacing:-.02em;font-family:var(--font-display)}.roadmap-intro-text{font-size:1.125rem;line-height:1.8;color:#ffffffe6;max-width:800px;margin:0 auto}.google-roadmap{position:relative;width:100%;margin:0 auto;padding:0 1rem}.milestone-cards-container{width:100%;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none}.milestone-cards-container::-webkit-scrollbar{display:none}.milestone-cards{display:flex;justify-content:center;gap:.5rem;padding:0 2rem;min-width:min-content;max-width:fit-content;margin:0 auto}@media(min-width:1400px){.milestone-cards{max-width:none;justify-content:space-evenly;padding:0 4rem}}.milestone-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem 1rem;background:transparent;border:2px solid transparent;cursor:pointer;transition:all .2s ease;min-width:160px;max-width:180px;flex-shrink:0;border-radius:12px;text-align:left}.milestone-card.selected:not(.phase2-card){border-color:var(--color-crimson)}.milestone-card:hover{background:#fef2f280}.milestone-card:focus{outline:none}.milestone-card:focus-visible{outline:2px solid var(--color-crimson);outline-offset:2px}.milestone-icon{width:120px;height:120px;margin-bottom:1rem;transition:transform .3s ease;align-self:center}.milestone-icon svg{width:100%;height:100%}.milestone-card:hover .milestone-icon{transform:scale(1.05)}.milestone-label{font-size:.75rem;font-weight:500;letter-spacing:.5px;color:#5f6368;margin-bottom:.5rem;transition:color .2s ease}.milestone-name{font-size:.8125rem;font-weight:500;line-height:1.4;color:#202124;text-align:left;margin:0;min-height:2.4rem;display:block;letter-spacing:.01em;transition:color .2s ease}.milestone-stats{display:none;margin-top:.75rem;text-align:left}.milestone-stat{font-size:.6875rem;color:#5f6368;line-height:1.4}.stat-label{font-weight:400}.stat-value{font-weight:500;color:#202124}.milestone-card.selected .milestone-stats{display:block}.milestone-card.selected .milestone-label,.milestone-card.selected .milestone-name{color:var(--color-crimson);font-weight:600}.milestone-card.selected .stat-value{color:var(--color-crimson)}.milestone-card.past .milestone-name{color:#202124}.milestone-card.future .milestone-label{color:#9aa0a6}.milestone-card.future .milestone-name{color:#5f6368}.milestone-card.future .milestone-icon{opacity:.6}.progress-bar-container{padding:2rem 4rem;margin-top:1rem}.progress-bar{position:relative;height:40px;max-width:1200px;margin:0 auto}@media(min-width:1400px){.progress-bar{max-width:none;margin:0 4rem}}.progress-track{position:absolute;top:50%;left:5%;right:5%;height:2px;background:#e8eaed;transform:translateY(-50%);border-radius:1px}.progress-fill{position:absolute;top:50%;left:5%;height:2px;background:var(--color-crimson);transform:translateY(-50%);border-radius:1px;transition:width .4s ease}.progress-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#e8eaed;border:2px solid #fff;cursor:pointer;transition:all .2s ease;z-index:2;padding:0}.progress-dot:hover{transform:translate(-50%,-50%) scale(1.2)}.progress-dot:focus{outline:none}.progress-dot:focus-visible{box-shadow:0 0 0 3px #dc26264d}.progress-dot.completed{background:var(--color-crimson)}.progress-dot.selected{background:var(--color-crimson);transform:translate(-50%,-50%) scale(1.4);box-shadow:0 0 0 4px #dc262633}.progress-year{position:absolute;top:24px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:500;color:#5f6368;white-space:nowrap}.progress-dot.selected .progress-year{color:var(--color-crimson);font-weight:600}.milestone-detail-section{display:grid;grid-template-columns:300px 1fr;gap:3rem;max-width:1100px;margin:3rem auto 0;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-icon-container{display:flex;align-items:flex-start;justify-content:center}.detail-icon{width:200px;height:200px;background:linear-gradient(135deg,#fef2f2,#fff);border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:center}.detail-icon svg{width:100%;height:100%}.detail-content{padding-top:.5rem}.detail-label{font-size:.875rem;font-weight:500;letter-spacing:.5px;color:#5f6368;margin-bottom:.75rem}.detail-heading{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400;color:var(--color-navy);margin-bottom:1.5rem;line-height:1.3;letter-spacing:-.01em}.detail-text{margin-bottom:1.5rem}.detail-text p{font-size:1rem;line-height:1.8;color:#3c4043;margin-bottom:1rem}.detail-text p:last-child{margin-bottom:0}.detail-resource-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:background .2s ease}.detail-resource-link:hover{background:var(--color-primary-hover);color:#fff}.detail-resource-link svg{width:1rem;height:1rem}.detail-status{margin-top:1.5rem}.status-pill{display:inline-block;padding:.5rem 1rem;background:#fef2f2;color:var(--color-crimson);font-size:.75rem;font-weight:600;letter-spacing:.5px;border-radius:20px;border:1px solid #fee2e2}.detail-metrics{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e8eaed}.detail-metric{min-width:120px}.metric-val{font-size:1.5rem;font-weight:600;color:var(--color-crimson);margin-bottom:.25rem}.metric-lbl{font-size:.875rem;color:#5f6368}@media(max-width:1024px){.milestone-detail-section{grid-template-columns:1fr;gap:2rem}.detail-icon-container{justify-content:center}.detail-icon{width:180px;height:180px}}@media(max-width:768px){.roadmap-section{padding:3rem 0 4rem}.roadmap-section:before{height:560px}.roadmap-intro{margin-bottom:2rem;padding:0 1.5rem}.roadmap-intro h2{font-size:1.75rem}.roadmap-intro-text{font-size:1rem}.milestone-cards{justify-content:flex-start;padding:0 1rem;gap:.25rem}.milestone-card{min-width:140px;max-width:150px;padding:1rem .75rem}.milestone-icon{width:100px;height:100px}.milestone-name{font-size:.75rem;min-height:2.4rem}.progress-bar-container{padding:1.5rem 2rem}.milestone-detail-section{margin:2rem 1rem 0;padding:2rem 1.5rem;border-radius:12px}.detail-icon{width:150px;height:150px}.detail-heading{font-size:1.5rem}.detail-text p{font-size:.9375rem}.detail-metrics{gap:1rem}.metric-val{font-size:1.25rem}}@media(max-width:480px){.milestone-card{min-width:120px;max-width:130px;padding:.75rem .5rem}.milestone-icon{width:80px;height:80px}.milestone-label{font-size:.625rem}.milestone-name{font-size:.6875rem}.milestone-stats{display:none}.progress-bar-container{padding:1rem 1.5rem}.progress-year{font-size:.625rem}.detail-icon{width:120px;height:120px}}.milestone-card.phase2-card{background:transparent;border:2px solid transparent;position:relative}.milestone-card.phase2-card:hover{background:#0891b20f}.milestone-card.phase2-card .milestone-label.phase2-label{color:#0891b2;font-weight:600}.milestone-card.phase2-card .milestone-name{color:#0e7490}.milestone-card.phase2-card.selected{border-color:#0891b2;background:#0891b20f}.milestone-card.phase2-card.selected .milestone-label{color:#0891b2}.milestone-card.phase2-card.selected .milestone-name{color:#0891b2;font-weight:600}.progress-dot.phase2-dot{background:#e8eaed;border-color:#fff}.progress-dot.phase2-dot.completed{background:#0891b2}.progress-dot.phase2-dot.selected{background:#0891b2;box-shadow:0 0 0 4px #0891b233}.progress-dot.phase2-dot .progress-year.phase2-year{font-size:.625rem;letter-spacing:.5px;color:#5f6368}.progress-dot.phase2-dot.selected .progress-year.phase2-year{color:#0891b2;font-weight:600}@media print{.roadmap-section{background:#fff;padding:2rem 0}.roadmap-section:before{display:none}.milestone-cards-container{overflow:visible}.milestone-card{page-break-inside:avoid}.progress-bar-container{display:none}.milestone-detail-section{box-shadow:none;border:1px solid #e8eaed;page-break-inside:avoid}}