.roadmap{padding:64px 0}.roadmap__head{margin-bottom:40px}.roadmap__lead{color:var(--text-mut);margin-top:8px;max-width:60ch}.roadmap__groups{display:flex;flex-direction:column;gap:40px}.roadmap__group-title{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mut);margin:0 0 16px}.roadmap__dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}.roadmap__group--in_progress .roadmap__dot{background:var(--gate)}.roadmap__group--done .roadmap__dot{background:var(--done)}.roadmap__list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.roadmap__card{border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;transition:border-color .15s ease}.roadmap__card:hover{border-color:var(--accent-line)}.roadmap__group--done .roadmap__card{opacity:.82}.roadmap__chip{display:inline-block;font-size:11px;letter-spacing:.03em;padding:2px 8px;border-radius:var(--r-chip);margin-bottom:8px;color:var(--text-mut);background:var(--line-soft)}.roadmap__chip--apps{color:var(--accent);background:var(--accent-soft)}.roadmap__chip--courses{color:var(--hybrid);background:var(--hybrid-soft)}.roadmap__chip--general{color:var(--decision);background:var(--decision-soft)}.roadmap__card-title{font-size:16px;margin:0 0 4px;color:var(--text)}.roadmap__card-desc{font-size:14px;margin:0;line-height:1.5}.roadmap__card-desc,.roadmap__empty{color:var(--text-mut)}@media (max-width:640px){.roadmap__list{grid-template-columns:1fr}}