
.v28-roadmap{margin:32px 0;padding:clamp(18px,4vw,38px);background:linear-gradient(145deg,#f0f8ff,#fff9ee 55%,#fff3f8);border:1px solid #d4e7f5;border-radius:28px;color:#253a56}
.v28-heading h2{font-size:clamp(25px,3.2vw,38px);line-height:1.17;margin:12px 0}.v28-heading p{max-width:820px;line-height:1.65;color:#566f88;font-size:clamp(16px,1.6vw,19px)}.v28-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.v28-controls label{display:block;font-weight:800;margin-bottom:9px}.v28-controls select{width:100%;min-width:0;padding:13px;border:2px solid #d0e3f2;border-radius:13px;background:#fff;color:#263a55;font:inherit;min-height:52px}.v28-portfolio{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.v28-product-button{cursor:pointer;background:#fff;border:2px solid #deebf5;border-radius:999px;padding:10px 14px;font:inherit;font-weight:750;color:#315578;min-height:48px}.v28-product-button.is-active{border-color:#1884c1;background:#e6f4ff;color:#075d96}.v28-plan{background:#fff;border:1px solid #d7e9f5;border-radius:22px;padding:clamp(16px,3vw,26px)}.v28-kicker{color:#0b86bd;font-size:12px;font-weight:900;letter-spacing:.07em}.v28-plan-head h3{font-size:clamp(22px,2.6vw,29px);margin:10px 0}.v28-plan-head p{color:#58718a;line-height:1.55;margin:0 0 20px}.v28-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v28-lesson{min-width:0;background:#f6faff;border:1px solid #dcebf7;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}.v28-lesson:nth-child(2){background:#fff8f1}.v28-lesson:nth-child(3){background:#fff6fa}.v28-lesson-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.v28-number{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#137fbc;color:#fff;font-weight:900}.v28-status{font-weight:800;font-size:12px;border-radius:99px;padding:6px 8px}.v28-live{color:#11644e;background:#e3f8ec}.v28-planned{color:#735f81;background:#f0eaf5}.v28-lesson h4{font-size:19px;margin:8px 0 0;color:#213c59}.v28-lesson p{color:#566d83;line-height:1.6;margin:0}.v28-lesson-link{font-weight:900;color:#076da9;text-underline-offset:4px;margin-top:auto;padding-top:10px}.v28-unavailable{font-size:13px;margin-top:auto!important}.v28-foot,.v28-disclaimer{font-size:13px;color:#627991;line-height:1.6}.v28-foot{margin:20px 0 0}.v28-legend{display:flex;flex-wrap:wrap;gap:17px;margin-top:18px;color:#49637d;font-size:14px}.v28-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px}.v28-dot.available{background:#3eb989}.v28-dot.future{background:#a59cb7}.v28-disclaimer{margin:14px 0 0}.v28-roadmap :is(a,button,select):focus-visible{outline:3px solid #075d96;outline-offset:3px}@media(max-width:800px){.v28-steps{grid-template-columns:1fr}.v28-controls{grid-template-columns:1fr}.v28-lesson{min-height:0}.v28-roadmap{border-radius:21px}}
