.why-roadmap{background:#fff;color:var(--ink);padding-block:160px}
.why-roadmap h2{margin:0 auto 24px;max-width:1100px}
.roadmap-copy{margin:0 auto;color:#5b6655;max-width:1000px}
.roadmap-network{position:relative;height:380px;max-width:1000px;margin:48px auto 0;isolation:isolate}
.roadmap-beams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:-1}
.roadmap-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:136px;height:136px;border-radius:32px;border:1px solid #daf0d9;background:#fff;box-shadow:0 0 0 12px #44e4420a,0 18px 64px #44e4421f}
.roadmap-hub img{display:block;width:80px;height:80px;object-fit:contain}
.roadmap-feature{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:240px;display:flex;flex-direction:column;align-items:center;gap:16px}
.roadmap-icon{display:grid;place-items:center;width:80px;height:80px;border:1px solid #e2e8e1;border-radius:22px;box-shadow:0 10px 32px #13281109;background:#fff}
.roadmap-icon.green{color:#248d27;background:color-mix(in srgb,var(--brand) 9%,white);border-color:color-mix(in srgb,var(--brand) 22%,white)}
.roadmap-icon.purple{color:#701db4;background:#f7f0fc;border-color:#e7d9f2}
.roadmap-icon svg{width:36px;height:36px}
.roadmap-feature p{margin:0;color:var(--ink)}
.roadmap-schedule{--node-x:16%;--node-y:25%}
.roadmap-agent{--node-x:84%;--node-y:25%}
.roadmap-report{--node-x:16%;--node-y:79%}
.roadmap-page{--node-x:84%;--node-y:79%}
.roadmap-beam-light{stroke-dasharray:45 155;animation:roadmap-flow 2.5s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:var(--beam-delay);animation-play-state:paused}
.roadmap-network.is-visible .roadmap-beam-light{animation-play-state:running}
@keyframes roadmap-flow{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.roadmap-beam-light{animation:none;stroke-dasharray:none;opacity:.4}}

/* Supplied 3D artwork replaces the temporary line icons; source PNGs stay intact. */
.roadmap-icon,.roadmap-icon.green,.roadmap-icon.purple{width:112px;height:112px;border:0;border-radius:0;background:transparent;box-shadow:none}
.roadmap-icon img{display:block;width:100px;height:100px;object-fit:contain;transform:scale(var(--art-scale,1.4)) translateY(var(--art-y,0%));pointer-events:none;filter:drop-shadow(0 8px 10px #142b141a)}
.roadmap-schedule{--art-scale:1.15}
.roadmap-agent{--art-scale:1.7;--art-y:-6%}
.roadmap-report{--art-scale:1.45}
.roadmap-page{--art-scale:1.65;--art-y:-4%}

/* A quiet grid behind the network, fading out on every edge. */
.roadmap-network::before{content:"";position:absolute;inset:-24px;z-index:-2;pointer-events:none;background-image:linear-gradient(#163d2517 1px,transparent 1px),linear-gradient(90deg,#163d2517 1px,transparent 1px);background-size:40px 40px;background-position:center;mask-image:radial-gradient(ellipse 58% 70% at 50% 50%,#000 25%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 58% 70% at 50% 50%,#000 25%,transparent 100%)}