/* kechie.b public roadmap page — edit roadmap.html content, keep these classes for styling */
.roadmap-page{background:var(--g269-bg);color:var(--g269-text)}
.roadmap-page .main{padding-bottom:130px}

.roadmap-hero,.roadmap-panel,.roadmap-footer-cta{border:1px solid var(--g269-line);background:linear-gradient(145deg,rgba(18,23,33,.98),rgba(8,11,17,.98));border-radius:26px}
.roadmap-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:clamp(28px,5vw,58px);margin:14px 0 18px;position:relative;overflow:hidden}
.roadmap-hero:after{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(125,240,170,.2),transparent 66%);pointer-events:none}
.roadmap-hero>div{position:relative;z-index:1}
.roadmap-hero h1{max-width:850px;margin:22px 0 15px;font-size:clamp(42px,7vw,78px);line-height:.95;letter-spacing:-.06em}
.roadmap-hero p{max-width:760px;margin:0;color:#bdc5d1;font-size:16px;line-height:1.7}
.roadmap-hero-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}
.roadmap-hero-actions .btn{text-align:center;justify-content:center}

.roadmap-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.roadmap-overview article{padding:19px;border:1px solid var(--g269-line);border-radius:18px;background:var(--g269-panel)}
.roadmap-overview span,.roadmap-eyebrow{display:block;color:var(--g269-green);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.roadmap-overview strong{display:block;margin:7px 0 5px;font-size:18px}
.roadmap-overview small{color:var(--g269-muted);font-size:11px;line-height:1.55}

.roadmap-panel{padding:clamp(22px,4vw,42px);margin-bottom:18px}
.roadmap-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}
.roadmap-panel-head h2,.roadmap-footer-cta h2{margin:7px 0 0;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}
.roadmap-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.roadmap-legend span,.roadmap-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid var(--g269-line);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.roadmap-legend .is-complete,.roadmap-phase.is-complete .roadmap-status{color:#99a4b4;background:rgba(255,255,255,.04)}
.roadmap-legend .is-current,.roadmap-phase.is-current .roadmap-status{color:var(--g269-green);background:rgba(125,240,170,.08);border-color:rgba(125,240,170,.25)}
.roadmap-legend .is-next,.roadmap-phase.is-next .roadmap-status{color:#b9a8ff;background:rgba(140,119,255,.09);border-color:rgba(140,119,255,.28)}
.roadmap-legend .is-planned,.roadmap-phase.is-planned .roadmap-status{color:#a6afbd;background:rgba(255,255,255,.03)}

.roadmap-timeline{display:grid;gap:12px;position:relative}
.roadmap-timeline:before{content:"";position:absolute;left:27px;top:34px;bottom:34px;width:1px;background:linear-gradient(var(--g269-green),rgba(140,119,255,.5),rgba(255,255,255,.08))}
.roadmap-phase{display:grid;grid-template-columns:55px minmax(0,1fr);gap:16px;position:relative}
.roadmap-phase-marker{position:relative;z-index:2;display:flex;justify-content:center;padding-top:20px}
.roadmap-phase-marker span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--g269-line);background:#0d121a;color:#dce2eb;font-size:11px;font-weight:950}
.roadmap-phase.is-current .roadmap-phase-marker span{background:var(--g269-green);color:#07130c;border-color:transparent;box-shadow:0 0 0 5px rgba(125,240,170,.08)}
.roadmap-phase-copy{padding:21px 22px;border:1px solid var(--g269-line);border-radius:20px;background:rgba(255,255,255,.025)}
.roadmap-phase.is-current .roadmap-phase-copy{border-color:rgba(125,240,170,.3);background:rgba(125,240,170,.045)}
.roadmap-phase-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.roadmap-phase-title h3{margin:10px 0 0;font-size:22px;letter-spacing:-.025em}
.roadmap-phase-title small{padding-top:5px;color:var(--g269-muted);font-size:10px;white-space:nowrap}
.roadmap-phase-copy>p{max-width:780px;margin:15px 0;color:#bac2cf;font-size:13px;line-height:1.65}
.roadmap-phase-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.roadmap-phase-copy li{position:relative;padding:11px 12px 11px 30px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(0,0,0,.12);color:#aeb7c5;font-size:11px;line-height:1.45}
.roadmap-phase-copy li:before{content:"";position:absolute;left:12px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--g269-green)}
.roadmap-phase.is-planned .roadmap-phase-copy li:before{background:#6d7684}

.roadmap-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.roadmap-principle-grid article{padding:19px;border:1px solid var(--g269-line);border-radius:17px;background:rgba(255,255,255,.025)}
.roadmap-principle-grid strong{font-size:16px}
.roadmap-principle-grid p{margin:8px 0 0;color:var(--g269-muted);font-size:11px;line-height:1.6}

.roadmap-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(24px,4vw,40px);margin-bottom:20px}
.roadmap-footer-cta>div:last-child{display:flex;gap:9px;flex-wrap:wrap}

@media(max-width:900px){
.roadmap-hero{display:block}.roadmap-hero-actions{flex-direction:row;margin-top:24px;min-width:0}.roadmap-overview,.roadmap-principle-grid{grid-template-columns:1fr}.roadmap-phase-copy ul{grid-template-columns:1fr}.roadmap-footer-cta{display:block}.roadmap-footer-cta>div:last-child{margin-top:18px}
}
@media(max-width:760px){
.roadmap-page .main{padding-left:12px!important;padding-right:12px!important}.roadmap-hero,.roadmap-panel,.roadmap-footer-cta{border-radius:22px}.roadmap-hero{padding:28px 21px}.roadmap-hero h1{font-size:48px}.roadmap-hero p{font-size:14px}.roadmap-hero-actions{display:grid;grid-template-columns:1fr}.roadmap-panel-head{display:block}.roadmap-legend{justify-content:flex-start;margin-top:14px}.roadmap-timeline:before{left:20px}.roadmap-phase{grid-template-columns:42px minmax(0,1fr);gap:10px}.roadmap-phase-marker span{width:34px;height:34px;border-radius:11px}.roadmap-phase-copy{padding:18px 16px}.roadmap-phase-title{display:block}.roadmap-phase-title small{display:block;margin-top:8px}.roadmap-phase-title h3{font-size:20px}.roadmap-footer-cta>div:last-child{display:grid}.roadmap-footer-cta .btn{width:100%;text-align:center;justify-content:center}
}
@media(max-width:420px){.roadmap-hero h1{font-size:42px}.roadmap-phase-copy{padding:16px 14px}.roadmap-phase-title h3{font-size:19px}}