.roadmap-page{--roadmap-ink:#23302b;--roadmap-green:#254d3b;--roadmap-coral:#a8492d;--roadmap-line:#cbd7cb;--roadmap-paper:#f7f5ef;overflow-x:clip}
.roadmap-page .header-inner{gap:24px}.roadmap-page nav{gap:clamp(13px,2vw,30px)}
.roadmap-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.7fr);gap:clamp(40px,9vw,130px);align-items:center;padding-block:clamp(72px,9vw,128px) clamp(80px,9vw,124px)}
.roadmap-hero-copy{min-width:0}.roadmap-hero .eyebrow{color:var(--roadmap-coral);margin-bottom:25px}.roadmap-hero h1{font-size:clamp(69px,9vw,128px);line-height:.93;margin:0 0 35px}.roadmap-hero h1 em{color:var(--roadmap-coral)}
.roadmap-intro{max-width:650px;color:#46584b;font-size:clamp(18px,2vw,23px);line-height:1.58;margin:0}
.roadmap-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px 26px;margin-top:35px}.roadmap-hero-actions>span{max-width:235px;color:#56645b;font-size:12px;line-height:1.5}
.roadmap-jump,.roadmap-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:12px 18px;background:var(--roadmap-green);border-radius:9px;color:#fff;font-weight:700;font-size:13px;box-shadow:0 6px 0 #cbd8c7;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.roadmap-jump:hover,.roadmap-jump:focus-visible,.roadmap-primary:hover,.roadmap-primary:focus-visible{color:#fff;background:#35684a;transform:translateY(3px);box-shadow:0 3px 0 #cbd8c7}
.roadmap-now{position:relative;min-width:0;border:1px solid #d4ded0;border-radius:22px;background:#e9efe7;padding:clamp(24px,3vw,38px);box-shadow:0 18px 42px rgba(36,77,59,.075)}
.now-orbit{position:relative;display:grid;place-items:center;width:170px;height:170px;margin:0 auto 24px;border:1px dashed #91ad93;border-radius:50%;background:radial-gradient(circle,#f8f5ed 0 41%,transparent 42%)}
.now-orbit::before,.now-orbit::after{content:"";position:absolute;inset:19px;border:1px solid #bdd0bd;border-radius:50%}.now-orbit::after{inset:42px;background:#fffdf7}
.now-orbit-core{z-index:2;display:grid;place-items:center;width:76px;height:76px;filter:drop-shadow(0 7px 9px rgba(34,72,51,.13))}.now-orbit-core img{display:block;width:100%;height:auto}
.now-orbit-dot{position:absolute;z-index:3;top:7px;left:calc(50% - 6px);width:12px;height:12px;background:var(--roadmap-coral);border:3px solid #fffdf7;border-radius:50%;box-shadow:0 0 0 1px var(--roadmap-coral);transform-origin:6px 78px;animation:roadmap-orbit 12s linear infinite}
.now-copy{border-top:1px solid #cbd8c7;padding-top:23px}.now-label{display:flex;align-items:center;gap:10px;color:#476f51;font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 9px}.now-live-dot{width:7px;height:7px;border-radius:50%;background:#4e955e;box-shadow:0 0 0 4px #d4e6d2;animation:roadmap-pulse 2.6s ease-in-out infinite}
.now-copy strong{display:block;max-width:330px;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(27px,3vw,35px);font-weight:400;line-height:1.15}.now-copy>p:last-child{color:#55695b;font-size:13px;margin:10px 0 24px}.now-progress{height:7px;overflow:hidden;border-radius:10px;background:#cbd8c7}.now-progress>span{display:block;width:var(--progress);height:100%;background:var(--roadmap-coral);border-radius:10px}.now-count{color:#55695b;font-size:11px;margin:9px 0 0}
.roadmap-motion-toggle{min-height:36px;margin:14px 0 0;padding:4px 0;border:0;background:none;color:#365e42;font:700 11px 'DM Sans',Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.roadmap-motion-toggle:hover{color:#a8492d}.roadmap-motion-toggle:focus-visible{outline:3px solid #245638;outline-offset:3px;border-radius:3px}
.roadmap-timeline-band{background:#edf0e9;border-block:1px solid #d6ded4}.roadmap-timeline{padding-block:clamp(70px,8vw,110px) clamp(80px,9vw,130px)}
.roadmap-timeline-head{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:35px;border-bottom:1px solid var(--roadmap-line)}.roadmap-timeline-head h2{font-size:clamp(42px,5.5vw,66px)}.roadmap-timeline-head>p{max-width:300px;color:#4d5d52;font-size:14px;line-height:1.65;margin:0 0 3px}
.roadmap-stages{position:relative;list-style:none;padding:0;margin:0}.roadmap-stages::before{content:"";position:absolute;left:131px;top:0;bottom:40px;width:2px;background:var(--roadmap-line)}.roadmap-stages::after{content:"";position:absolute;left:131px;top:0;width:2px;height:var(--line-progress,0%);max-height:calc(100% - 40px);background:var(--roadmap-coral);transition:height .18s linear}
.roadmap-empty{padding:38px 0;color:#4d5d52;font-size:16px}.roadmap-stages:has(.roadmap-empty)::before,.roadmap-stages:has(.roadmap-empty)::after{display:none}
.roadmap-stage{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:clamp(38px,7vw,98px);padding-block:52px 56px;scroll-margin-top:30px}.roadmap-stage:not(:last-child){border-bottom:1px solid var(--roadmap-line)}
.roadmap-stage::before{content:"";position:absolute;z-index:2;left:124px;top:71px;width:16px;height:16px;border:3px solid #edf0e9;border-radius:50%;background:#9aafa0;box-shadow:0 0 0 1px #8da796}.roadmap-stage--complete::before{background:var(--roadmap-green);box-shadow:0 0 0 1px var(--roadmap-green)}.roadmap-stage--current::before{background:var(--roadmap-coral);box-shadow:0 0 0 1px var(--roadmap-coral),0 0 0 7px #f1d6c8}
.stage-meta{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.stage-number{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(46px,5vw,68px);line-height:1;color:#879d8a}.roadmap-stage--complete .stage-number,.roadmap-stage--current .stage-number{color:var(--roadmap-green)}.stage-when{color:#526559;font-size:12px;font-weight:700;line-height:1.4}
.stage-content{max-width:760px;min-width:0}.stage-status{display:inline-block;padding:6px 10px;border-radius:4px;background:#dce6dc;color:#365940;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.roadmap-stage--current .stage-status{background:#f7ddcd;color:#8d402a}.roadmap-stage--upcoming .stage-status{background:#e5e8e1;color:#4f6153}
.stage-content h2{font-size:clamp(34px,4.6vw,55px);line-height:1.08;margin:17px 0 16px}.stage-summary{max-width:650px;color:#445548;font-size:17px;line-height:1.7;margin:0 0 22px}.stage-items{display:grid;gap:12px;list-style:none;padding:0;margin:0}.stage-items li{position:relative;padding-left:27px;color:#4d5e51;font-size:14px;line-height:1.5}.stage-items li::before{content:"↗";position:absolute;left:0;top:0;color:var(--roadmap-coral);font-weight:700}.roadmap-stage--complete .stage-items li::before{content:"✓";color:var(--roadmap-green)}
.roadmap-animated .roadmap-stage{transform:translateY(12px);transition:transform .7s ease}.roadmap-animated .roadmap-stage.is-visible{transform:none}
.roadmap-feature-section{padding-block:clamp(74px,8vw,112px) clamp(78px,9vw,120px)}.roadmap-feature-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.roadmap-feature-head .eyebrow{color:var(--roadmap-coral);margin-bottom:16px}.roadmap-feature-head h2{font-size:clamp(43px,5.5vw,68px);line-height:1.03}.roadmap-feature-head>p{max-width:365px;color:#526256;font-size:14px;line-height:1.65;margin:0 0 3px}
.roadmap-pins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}.roadmap-pin{min-width:0}.roadmap-pin article{height:100%;border:1px solid #d7e0d4;border-radius:16px;background:#fffdf8;padding:clamp(22px,2.7vw,32px);box-shadow:0 7px 20px rgba(36,77,59,.035)}.roadmap-pin:nth-child(3n+2) article{background:#f2f6ef}.roadmap-pin:nth-child(5n) article{background:#fbf0e7;border-color:#ead9c9}.pin-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#6b7d6f;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.pin-meta span:first-child{display:grid;place-items:center;min-width:42px;min-height:30px;border-radius:6px;background:#dce8dc;color:#28563d;font-size:11px;letter-spacing:.04em}.roadmap-pin h3{font-family:'DM Serif Display',Georgia,serif;color:var(--roadmap-ink);font-size:clamp(25px,2.6vw,34px);font-weight:400;line-height:1.15;margin:24px 0 11px}.roadmap-pin p{color:#4c5d50;font-size:14px;line-height:1.65;margin:0}.roadmap-pin-empty{grid-column:1 / -1;color:#4d5d52;padding:25px 0}
.roadmap-spec-link{display:inline-flex;align-items:center;gap:22px;min-height:48px;margin-top:30px;color:var(--roadmap-green);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.roadmap-spec-link:hover{color:var(--roadmap-coral)}.roadmap-spec-link:focus-visible{outline:3px solid var(--roadmap-green);outline-offset:4px;border-radius:3px}
.roadmap-animated .roadmap-pin{transform:translateY(10px);transition:transform .6s ease}.roadmap-animated .roadmap-pin.is-visible{transform:none}
.roadmap-end{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:clamp(70px,8vw,112px)}.roadmap-end>div:first-child{max-width:670px}.roadmap-end h2{font-size:clamp(40px,5vw,65px);line-height:1.06}.roadmap-end p:not(.eyebrow){max-width:600px;color:#4d5d52;font-size:17px;line-height:1.7;margin:22px 0 0}.roadmap-end-links{display:flex;flex-direction:column;align-items:flex-start;gap:23px;flex:none}
@keyframes roadmap-orbit{to{transform:rotate(360deg)}}@keyframes roadmap-pulse{50%{box-shadow:0 0 0 8px #d4e6d2}}
@media(max-width:900px){.roadmap-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:35px}.roadmap-stages::before,.roadmap-stages::after{left:103px}.roadmap-stage{grid-template-columns:104px minmax(0,1fr);gap:48px}.roadmap-stage::before{left:96px}}
@media(max-width:760px){.roadmap-hero{grid-template-columns:1fr;padding-block:70px 80px}.roadmap-hero h1{font-size:clamp(68px,12vw,96px)}.roadmap-now{max-width:500px;width:100%;display:grid;grid-template-columns:126px 1fr;gap:0 24px;align-items:center}.now-orbit{width:126px;height:126px;margin:0;grid-row:1 / 4}.now-orbit::before{inset:12px}.now-orbit::after{inset:31px}.now-orbit-core{width:65px;height:65px}.now-orbit-dot{transform-origin:6px 56px;top:7px}.now-copy{border:0;padding:0}.now-copy>p:last-child{margin-bottom:13px}.now-progress,.now-count{grid-column:2}.roadmap-timeline-head,.roadmap-feature-head{align-items:flex-start;flex-direction:column;gap:16px}.roadmap-timeline-head>p,.roadmap-feature-head>p{max-width:500px}.roadmap-end{align-items:flex-start;flex-direction:column}.roadmap-end-links{flex-direction:row;align-items:center;flex-wrap:wrap}}
@media(max-width:640px){.roadmap-pins{grid-template-columns:1fr}}
@media(max-width:520px){.roadmap-hero-actions{align-items:flex-start;flex-direction:column}.roadmap-hero-actions>span{max-width:none}.roadmap-now{display:block}.now-orbit{margin:0 auto 22px}.now-copy{border-top:1px solid #cbd8c7;padding-top:20px}.now-progress,.now-count{grid-column:auto}.roadmap-stages::before,.roadmap-stages::after{left:12px}.roadmap-stage{grid-template-columns:1fr;gap:14px;padding:36px 0 42px 42px}.roadmap-stage::before{left:5px;top:47px}.stage-meta{flex-direction:row;align-items:baseline;gap:12px}.stage-number{font-size:36px}.stage-content h2{font-size:clamp(33px,9vw,44px)}.stage-summary{font-size:16px}.roadmap-end-links{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.now-orbit-dot,.now-live-dot{animation:none}.roadmap-stages::after,.roadmap-jump,.roadmap-primary{transition:none}.roadmap-jump:hover,.roadmap-jump:focus-visible,.roadmap-primary:hover,.roadmap-primary:focus-visible{transform:none}}
.roadmap-page[data-motion="paused"] .now-orbit-dot,.roadmap-page[data-motion="paused"] .now-live-dot{animation-play-state:paused}.roadmap-page[data-motion="paused"] .roadmap-stage,.roadmap-page[data-motion="paused"] .roadmap-pin{transition:none;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.roadmap-animated .roadmap-stage,.roadmap-animated .roadmap-pin{opacity:1;transform:none;transition:none}}
