.roadmap-page{background:#f7f6f3;color:var(--text)}
.roadmap-main{max-width:1180px;margin:0 auto;padding:130px 28px 90px}
.roadmap-hero{display:grid;grid-template-columns:1.5fr .7fr;gap:40px;align-items:end;padding-bottom:52px;border-bottom:1px solid var(--line)}
.roadmap-hero h1{font-family:var(--font-editorial);color:#343246;font-size:clamp(42px,6vw,76px);font-weight:600;line-height:1.12;margin:14px 0 18px;letter-spacing:-.045em}.roadmap-hero h1 em{color:var(--accent);font-style:normal}.roadmap-hero .lead{max-width:720px;color:var(--muted);line-height:1.8}
.roadmap-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e4e0ea;border:1px solid #ded9e8;border-radius:16px;overflow:hidden;box-shadow:var(--home-shadow)}.roadmap-stats div{background:#fff;padding:22px}.roadmap-stats b{display:block;font-size:28px;color:var(--accent)}.roadmap-stats span{font-size:11px;color:var(--muted)}
.roadmap-note{margin:34px 0;padding:18px 20px;border:1px solid #ded9e8;border-radius:12px;background:#fff;color:#5f5b68;line-height:1.7;box-shadow:0 12px 30px rgba(61,52,91,.04)}.roadmap-note b{color:var(--accent);margin-right:10px}
.stage-filters{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0}.stage-filters button{border:1px solid #ddd8e7;background:#fff;color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.stage-filters button:hover,.stage-filters button.active{border-color:#a99fd2;color:var(--accent);background:#f5f2fc}
.roadmap-stage{padding:34px 0 44px;border-top:1px solid #e3dfeb}.roadmap-stage>header{display:flex;gap:18px;align-items:flex-start}.roadmap-stage>header>span{display:grid;place-items:center;min-width:50px;height:50px;border:1px solid #d8d2e6;border-radius:12px;color:var(--accent);background:#fff;font-weight:800}.roadmap-stage>header p{margin:0 0 5px;color:var(--muted);font-size:11px;letter-spacing:.12em}.roadmap-stage>header h2{font-family:var(--font-editorial);color:#3d394c;margin:0;font-size:30px;font-weight:600}.roadmap-stage.active>header>span{background:var(--accent);color:#fff}.roadmap-stage.decision>header>span{color:#7b65a9;background:#f4effb}
.stage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stage-summary p{margin:0;color:#5f5b68;line-height:1.7}.stage-summary b,.roadmap-stage>footer b{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.path-card{border:1px solid #e0dce8;border-radius:12px;padding:18px;background:#fff;box-shadow:0 10px 25px rgba(61,52,91,.035)}.path-card.recommended{position:static;border-color:#b4aad8;color:inherit;background:linear-gradient(145deg,#f8f6fd,#f1eef9)}.path-card>div{display:flex;justify-content:space-between;gap:12px;align-items:start}.path-card h3{color:#464253;margin:0;font-size:15px}.path-card span{white-space:nowrap;color:var(--accent);font-size:10px}.path-card p{color:var(--muted);font-size:12px;line-height:1.65}.path-card p b{color:#5f5b68;margin-right:7px}.roadmap-stage>footer{margin-top:16px;padding:16px 18px;border:1px solid #ded8eb;border-radius:10px;background:#f5f2fc;color:#5f5b68;line-height:1.6}
@media(max-width:850px){.roadmap-hero,.stage-summary{grid-template-columns:1fr}.path-grid{grid-template-columns:1fr}.roadmap-main{padding-top:105px}}