.roadmap-page{padding-top:48px}.roadmap-intro{max-width:900px;padding-inline:24px;margin:0 auto 32px}.roadmap-eyebrow{display:block;font-size:.78rem;letter-spacing:.12em;margin:0;color:#aa3d73}.roadmap-intro h1{font-size:clamp(2.5rem,6vw,4.2rem);line-height:1.12;letter-spacing:-.04em;margin:12px 0 20px}.roadmap-intro>p:last-child{font-size:1.2rem}.roadmap-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.roadmap-node{width:44px;height:44px}.roadmap-node .site-icon{width:22px;height:22px}.roadmap-milestone{gap:10px;padding-bottom:16px}.roadmap-stage:not(:last-child) .roadmap-milestone::after{top:21px;left:60px;width:calc(100% - 36px)}.roadmap-stage.completed{--stage-ink:#216750;--stage-fill:#e9f5ed;--stage-border:#b9dcca}.roadmap-stage.completed .roadmap-node{background:#31765a;color:#fff;border-color:#31765a}.roadmap-stage.current{--stage-ink:#8a6731;--stage-fill:#fcf5e9;--stage-border:#e8d7b9}.roadmap-stage.current .roadmap-node{background:var(--stage-fill);color:var(--stage-ink);border-color:var(--stage-border)}.roadmap-stage-card{padding:22px 16px 10px;min-height:0}.roadmap-stage-card h2{font-size:1.2rem;min-height:52px;margin-bottom:10px}.roadmap-feature summary{font-size:.92rem;min-height:52px;gap:7px}.roadmap-feature p{padding-left:0;font-size:.9rem}.roadmap-stage:not(:last-child) .roadmap-milestone::before{content:'';position:absolute;z-index:1;top:20px;left:60px;width:calc(100% - 36px);height:4px;background:linear-gradient(90deg,transparent,#cb7da6,transparent);background-size:45% 100%;background-repeat:no-repeat;opacity:0;pointer-events:none}.is-visible .roadmap-stage:not(:last-child) .roadmap-milestone::before{animation:roadmap-flow 6s ease-in-out infinite}.is-visible .roadmap-stage:nth-child(2) .roadmap-milestone::before{animation-delay:1.4s}.is-visible .roadmap-stage:nth-child(3) .roadmap-milestone::before{animation-delay:2.8s}@keyframes roadmap-flow{0%{background-position:-80% 0;opacity:0}15%,65%{opacity:.65}85%,100%{background-position:180% 0;opacity:0}}@media(max-width:850px){.roadmap-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.roadmap-stage{display:block;padding-bottom:0}.roadmap-milestone{display:flex;flex-direction:row;align-items:center}.roadmap-stage::before,.roadmap-stage .roadmap-milestone::before,.roadmap-stage .roadmap-milestone::after{display:none!important}.roadmap-phase{margin:0}.roadmap-stage-card{height:auto}.roadmap-stage-card h2{min-height:0}}@media(max-width:600px){.roadmap-page{padding-top:32px}.roadmap-intro{padding-inline:0;margin-bottom:28px}.roadmap-intro h1{font-size:2.5rem}.roadmap-journey{grid-template-columns:1fr}.roadmap-stage{padding-bottom:12px}.roadmap-stage-card h2{margin-bottom:12px}.roadmap-stage .roadmap-node{width:36px;height:36px}.roadmap-feature summary{font-size:1rem}.roadmap-stage.completed .roadmap-node{animation:completed-breathe 4s ease-in-out infinite}}@keyframes completed-breathe{50%{box-shadow:0 0 0 5px #b9dcca40}}@media(prefers-reduced-motion:reduce){.is-visible .roadmap-stage .roadmap-milestone::before,.roadmap-stage.completed .roadmap-node{animation:none!important}}

.roadmap-intro .roadmap-eyebrow{font-size:.78rem;letter-spacing:.12em;line-height:1.6;color:#aa3d73;margin:0}.roadmap-intro h1{font-size:clamp(2.1rem,4vw,3rem)}@media(max-width:600px){.roadmap-page{padding-top:48px}.roadmap-intro h1{font-size:2.1rem}}

.roadmap-milestone{width:100%;border:0;background:none;text-align:left;color:var(--stage-ink);font:inherit;cursor:pointer;position:relative}.roadmap-milestone:focus-visible{outline:2px solid var(--stage-ink);outline-offset:5px;border-radius:12px}.roadmap-stage-card{transition:opacity .2s,box-shadow .2s}.roadmap-journey[data-focused] .roadmap-stage:not(.is-focused) .roadmap-stage-card{opacity:.42}.roadmap-stage.is-focused .roadmap-stage-card{box-shadow:0 0 0 2px var(--stage-ink)}.roadmap-milestone[aria-pressed="true"] .roadmap-node{box-shadow:0 0 0 4px var(--stage-border)}.roadmap-stage-card:focus-within{opacity:1!important}@media(prefers-reduced-motion:reduce){.roadmap-stage-card{transition:none}}
/* Finished work stays visible, with a quiet checklist instead of a highlighted card. */
#completed{--stage-ink:#526d5e;--stage-fill:#f5f7f5;--stage-border:#dbe3dd}
#completed .roadmap-node{background:#f5f7f5;color:#526d5e;border-color:#cbd7ce;animation:none;box-shadow:none}
#completed .roadmap-stage-card{background:#f5f7f5;border-color:#dbe3dd;box-shadow:none}
#completed .roadmap-stage-card h2{color:#526d5e;font-size:1.05rem;font-weight:600;min-height:0;margin-bottom:18px}
#completed .roadmap-feature{border-color:#e0e6e1}
#completed .roadmap-feature summary{color:#606b64;font-weight:500;min-height:46px;padding-block:10px;gap:9px}
#completed .roadmap-feature summary>.site-icon:first-child{display:none}
#completed .roadmap-feature summary::before{content:'✓';display:grid;place-items:center;flex:none;width:19px;height:19px;border:1px solid #cbd7ce;border-radius:50%;color:#526d5e;font-size:.75rem;font-weight:700;line-height:1}
#completed .roadmap-feature summary>.site-icon:last-child{color:#78847c;width:14px;height:14px}
#completed .roadmap-feature summary:hover,#completed .roadmap-feature[open] summary{color:#314d3b}
#completed .roadmap-feature p{color:#606b64}
#completed .roadmap-milestone::before{display:none}
#completed .roadmap-milestone::after{border-top-style:solid;border-color:#dbe3dd}
#completed.is-focused .roadmap-stage-card{box-shadow:0 0 0 2px #a3b6a9}