.roadmap-page{max-width:1120px;margin:auto}.roadmap-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:45px 0 50px}.roadmap-hero h1{font:clamp(42px,5.5vw,72px)/1.08 Georgia,serif;letter-spacing:-2px;margin:20px 0}.roadmap-lead{font-size:17px;line-height:1.8;max-width:530px;color:var(--muted)}.roadmap-updated{font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:25px}.roadmap-illustration{height:310px;position:relative}.roadmap-orbit{position:absolute;inset:5px 0;border:1px solid var(--line);border-radius:50%;transform:rotate(-15deg)}.roadmap-book{position:absolute;width:150px;height:215px;box-shadow:10px 12px 0 #17333d14;border-radius:3px 9px 9px 3px;padding:25px;font:24px/1.3 Georgia,serif;border-left:8px solid #0002;display:flex;flex-direction:column;justify-content:space-between}.roadmap-book span{font-size:32px}.rb-one{background:#c9d6b7;color:#243b30;left:12%;top:25px;transform:rotate(-12deg)}.rb-two{background:var(--ink);color:#f4eee2;left:45%;top:60px;transform:rotate(9deg)}.roadmap-stamp{position:absolute;right:0;top:0;border-radius:50%;background:#e8b87e;width:100px;height:100px;display:grid;place-content:center;text-align:center;font-size:12px;letter-spacing:1px;transform:rotate(12deg);line-height:1.5}.roadmap-note{background:var(--wash);border:1px solid var(--line);border-radius:8px;padding:18px 22px;display:flex;align-items:start;gap:13px}.roadmap-note p{margin:0;font-size:13px;line-height:1.7}.roadmap-dot,.roadmap-key-dot{width:9px;height:9px;border-radius:50%;background:#52775e;flex-shrink:0}.roadmap-dot{margin-top:7px}.roadmap-key{display:flex;flex-wrap:wrap;gap:12px 25px;margin:26px 0 40px}.roadmap-key a{display:flex;gap:9px;align-items:center;font-size:12px;text-decoration:none}.roadmap-key a:hover{text-decoration:underline}.roadmap-key-dot.next{background:#c18b49}.roadmap-key-dot.pilot{background:#7296a5}.roadmap-key-dot.later{background:#a8a29b}.roadmap-timeline{padding:0 0 0 65px;position:relative}.roadmap-timeline:before{content:'';position:absolute;left:20px;top:25px;bottom:50px;width:1px;background:var(--line)}.roadmap-phase{position:relative;margin-bottom:28px;scroll-margin-top:25px}.roadmap-marker{position:absolute;left:-65px;top:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;font:17px Georgia}.built .roadmap-marker{background:#345644;color:white;border-color:#345644}.roadmap-phase-content{border:1px solid var(--line);border-radius:10px;padding:30px;background:#ffffff45}.built .roadmap-phase-content{border-top:3px solid #52775e}.next .roadmap-phase-content{border-top:3px solid #c18b49}.pilot .roadmap-phase-content{border-top:3px solid #7296a5}.later .roadmap-phase-content{border-top:3px solid #a8a29b}.roadmap-phase-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.roadmap-status{background:var(--wash);border-radius:30px;padding:6px 11px;font-size:11px;font-weight:600}.built .roadmap-status{background:#e1ecdf;color:#345644}.roadmap-phase-number{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.roadmap-phase h2{margin:20px 0 10px;font:34px Georgia}.roadmap-intro{color:var(--muted);font-size:14px;line-height:1.7;max-width:680px}.roadmap-features{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;margin-top:28px}.roadmap-feature{display:flex;gap:12px}.roadmap-feature-icon{color:#52775e;line-height:1.6}.roadmap-feature h3{font:600 14px/1.6 Arial,sans-serif;margin:0 0 5px}.roadmap-feature p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.roadmap-feedback{margin:45px 0 20px;padding:30px;background:var(--wash);border-radius:9px;display:flex;gap:25px;justify-content:space-between;align-items:center}.roadmap-feedback h2{font:28px Georgia;margin:12px 0}.roadmap-feedback p{font-size:13px;line-height:1.7}.roadmap-feedback button{flex-shrink:0}.roadmap-back{display:inline-block;margin-bottom:25px}.roadmap-phase:focus{outline:2px solid var(--ink);outline-offset:5px}@media(max-width:720px){.roadmap-hero{grid-template-columns:1fr;gap:15px;padding:20px 0 30px}.roadmap-hero h1{letter-spacing:-1px}.roadmap-illustration{height:270px;max-width:380px;width:100%;margin:auto}.roadmap-book{width:135px;height:190px;font-size:21px}.roadmap-stamp{height:85px;width:85px}.roadmap-timeline{padding-left:36px}.roadmap-timeline:before{left:12px}.roadmap-marker{left:-36px;width:26px;height:26px;font-size:12px}.roadmap-phase-content{padding:20px}.roadmap-phase-number{display:none}.roadmap-phase h2{font-size:28px}.roadmap-features{grid-template-columns:1fr;gap:20px}.roadmap-feedback{display:block;padding:23px}.roadmap-feedback button{margin-top:10px}.roadmap-key{gap:15px 20px}.roadmap-note{padding:15px}}
