body[data-direction="school"] {
  --ege-primary: #2ba0ff;
  --ege-primary-deep: #116da9;
  --ege-soft: #e9f5ff;
}

.home-hero .hl { background: #8ed462; }
.home-hero .ege-hero__proof > li:nth-child(2) { background: #e7f5ff; }
.home-hero .ege-hero__proof > li:nth-child(3) { background: #fff0ed; }
.home-hero .ege-hero__route strong { color: #116da9; }

.home-mission { margin-top: clamp(24px, 4vw, 56px); }
.home-mission .specialization__cta { text-decoration: none; }

.home-story__grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(42px, 8vw, 110px);
  align-items: start;
  margin-top: clamp(34px, 5vw, 64px);
}
.home-story blockquote {
  position: sticky;
  top: 118px;
  margin: 0;
  padding: clamp(28px, 4vw, 48px);
  border-radius: 30px;
  background: #2b2e2a;
  color: #fff;
  font-size: clamp(27px, 3.2vw, 44px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.home-story__timeline { position: relative; display: grid; }
.home-story__timeline::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 46px; width: 2px; background: linear-gradient(#2ba0ff, #8ed462, #ff705d); }
.home-story__timeline article { position: relative; display: grid; grid-template-columns: 94px 1fr; gap: 26px; padding: 0 0 38px; }
.home-story__timeline article:last-child { padding-bottom: 0; }
.home-story__timeline span { z-index: 1; display: grid; place-items: center; width: 94px; min-height: 56px; padding: 8px; border: 8px solid var(--c-cream); border-radius: 999px; background: #fff; font-size: 12px; font-weight: 800; text-align: center; }
.home-story__timeline h3 { margin: 5px 0 8px; font-size: clamp(21px, 2.2vw, 29px); line-height: 1.1; }
.home-story__timeline p { margin: 0; color: #666964; line-height: 1.55; }

.home-directions { padding-block: clamp(72px, 9vw, 128px); background: #fff; }
.home-direction-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 38px; }
.home-direction { position: relative; display: flex; min-height: 420px; flex-direction: column; padding: clamp(25px, 3vw, 38px); overflow: hidden; border: 1px solid rgba(44,46,42,.14); border-radius: 34px; color: #2c2e2a; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.home-direction::after { content: ""; position: absolute; right: -48px; bottom: -66px; width: 190px; height: 190px; border: 34px solid rgba(255,255,255,.48); border-radius: 50%; }
.home-direction:hover { transform: translateY(-5px); box-shadow: 0 24px 54px rgba(44,46,42,.12); }
.home-direction > span { align-self: flex-start; padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,.72); font-size: 12px; font-weight: 800; }
.home-direction > strong { max-width: 9ch; margin-top: 76px; font-size: clamp(34px, 3.5vw, 52px); line-height: .98; letter-spacing: -.05em; }
.home-direction p { max-width: 30ch; margin: 22px 0 30px; color: #555954; line-height: 1.48; }
.home-direction > b { z-index: 1; margin-top: auto; font-size: 14px; }
.home-direction--ege { background: #dff4d3; }
.home-direction--oge { background: #dcefff; }
.home-direction--tutor { background: #ffe3de; }

.home-system__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 38px; overflow: hidden; border: 1px solid rgba(44,46,42,.15); border-radius: 30px; background: rgba(44,46,42,.15); }
.home-system__grid article { min-height: 255px; padding: clamp(26px, 4vw, 48px); background: #fff; }
.home-system__grid span { color: #116da9; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.home-system__grid h3 { margin: 46px 0 12px; font-size: clamp(26px, 3vw, 40px); line-height: 1; letter-spacing: -.04em; }
.home-system__grid p { max-width: 44ch; margin: 0; color: #666964; }

.home-results { padding-top: clamp(40px, 6vw, 82px); }
.home-results__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 38px; }
.home-results__grid article { position: relative; min-height: 230px; padding: 26px; border-radius: 26px; background: #2b2e2a; color: #fff; }
.home-results__grid article:nth-child(2) { background: #8ed462; color: #2c2e2a; }
.home-results__grid article:nth-child(3) { background: #2ba0ff; color: #102638; }
.home-results__grid article:nth-child(4) { background: #ff705d; color: #321612; }
.home-results__grid strong { display: block; font-size: clamp(48px, 6vw, 76px); line-height: .92; letter-spacing: -.07em; }
.home-results__grid p { margin: 54px 0 0; font-size: 15px; font-weight: 700; line-height: 1.35; }
.home-results__grid .stat-help { position: absolute; top: 22px; right: 22px; }
.home-results__grid .stat-help summary { border-color: rgba(255,255,255,.42); color: #fff; }

.home-parent { padding-top: 0; }
.home-review-sources { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 34px 0 18px; }
.home-review-sources a { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border: 1px solid rgba(44,46,42,.14); border-radius: 22px; background: #fff; color: #2c2e2a; text-decoration: none; }
.home-review-source__mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #fff; font-size: 17px; font-weight: 900; }
.home-review-source__mark--profi { background: #f32755; }
.home-review-source__mark--yandex { background: #f04438; }
.home-review-sources b { font-size: 18px; }

body[data-direction="school"] #teacher .section__head,
body[data-direction="school"] #reviews .section__head,
body[data-direction="school"] #faq .section__head { max-width: 880px; }

@media (max-width: 899px) {
  .home-story__grid { grid-template-columns: 1fr; }
  .home-story blockquote { position: static; }
  .home-direction-grid { grid-template-columns: 1fr; }
  .home-direction { min-height: 330px; }
  .home-direction > strong { margin-top: 46px; }
  .home-results__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 599px) {
  .home-hero { padding-bottom: 18px; }
  .home-mission { margin-top: 20px; }
  .home-story__timeline::before { left: 31px; }
  .home-story__timeline article { grid-template-columns: 64px 1fr; gap: 16px; }
  .home-story__timeline span { width: 64px; min-height: 48px; border-width: 6px; font-size: 10px; }
  .home-system__grid { grid-template-columns: 1fr; }
  .home-system__grid article { min-height: 220px; }
  .home-system__grid h3 { margin-top: 34px; }
  .home-results__grid { grid-template-columns: 1fr 1fr; }
  .home-results__grid article { min-height: 190px; padding: 20px; }
  .home-results__grid strong { font-size: 42px; }
  .home-results__grid p { margin-top: 42px; font-size: 13px; }
  .home-review-sources { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .home-direction { transition: none; }
}