.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }

html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/onest-61dabff0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/onest-3b1f3150.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/onest-970646fe.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/onest-fed7c8f5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/onest-61dabff0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/onest-3b1f3150.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/onest-970646fe.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/onest-fed7c8f5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/onest-61dabff0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/onest-3b1f3150.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/onest-970646fe.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/onest-fed7c8f5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/onest-61dabff0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/onest-3b1f3150.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/onest-970646fe.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/onest-fed7c8f5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* src/tokens/tokens.css */
:root {
  --ad-yellow: #F6DF00;
  --ad-graphite: #333030;
  --ad-black: #1D1D1B;
  --ad-grey-neutral: #A5A4A1;
  --ad-grey-warm: #62615D;
  --ad-surface: #ECECEC;
  --ad-white: #FFFFFF;
  --ad-bg: var(--ad-surface);
  --ad-fg: var(--ad-graphite);
  --ad-accent: var(--ad-yellow);
  --ad-on-accent: var(--ad-graphite);
  --ad-on-dark: var(--ad-white);
  --ad-font:
    "Onest",
    Arial,
    sans-serif;
  --ad-fw-roman: 400;
  --ad-fw-medium: 500;
  --ad-fw-heavy: 700;
  --ad-fs-display: clamp(48px, 8vw, 120px);
  --ad-fs-h1: clamp(32px, 4vw, 56px);
  --ad-fs-h2: clamp(20px, 2.4vw, 32px);
  --ad-fs-body: 16px;
  --ad-fs-label: 14px;
  --ad-lh-tight: 1.0;
  --ad-lh-head: 1.05;
  --ad-lh-body: 1.45;
  --ad-r-card: 20px;
  --ad-r-pill: 999px;
  --ad-r-badge: 8px;
  --ad-space-1: 4px;
  --ad-space-2: 8px;
  --ad-space-3: 16px;
  --ad-space-4: 24px;
  --ad-space-5: 40px;
  --ad-space-6: 64px;
}
.ad-root {
  font-family: var(--ad-font);
  color: var(--ad-fg);
  background: var(--ad-bg);
  -webkit-font-smoothing: antialiased;
}
/*# sc-camel-source-mapping-u-r-l=index.css.map */

body { margin: 0; background: var(--ad-surface); }
  a { color: var(--ad-graphite); text-decoration: none; }
  a:hover { color: var(--ad-grey-warm); }
  input, select, button { font-family: var(--ad-font); }
  input::placeholder { color: rgba(255,255,255,.45); }

.ad-nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px)}
.ad-nav a{font-size:15px;font-weight:500;line-height:1;color:var(--ad-grey-warm);text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}
.ad-nav a:hover,.ad-nav a:focus-visible{color:var(--ad-graphite);border-bottom-color:var(--ad-yellow)}
@media (max-width:1023px){.ad-nav{display:none}}
html{scroll-behavior:smooth}
#top,#help,#lesson,#trust,#price,#teachers,#reviews,#faq,#zayavka{scroll-margin-top:100px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ad-rev{position:relative}
.ad-rev-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:clamp(12px,1.6vw,20px);grid-auto-columns:calc((100% - 2*clamp(12px,1.6vw,20px))/3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.ad-rev-track::-webkit-scrollbar{display:none}
.ad-rev-track>*,.ad-rev-track>*>*{scroll-snap-align:none}
.ad-rev-track>:nth-child(6n+1),.ad-rev-track>:nth-child(6n+1)>*{scroll-snap-align:start}
.ad-rev-ctl{display:flex;gap:8px;margin-left:auto}
.ad-rev-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(51,48,48,.22);background:transparent;color:var(--ad-graphite);font-size:18px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.ad-rev-btn:hover{background:var(--ad-yellow);border-color:var(--ad-yellow)}
@media (max-width:1023px){.ad-rev-track{grid-auto-columns:calc((100% - clamp(12px,1.6vw,20px))/2)}.ad-rev-track>:nth-child(6n+1),.ad-rev-track>:nth-child(6n+1)>*{scroll-snap-align:none}.ad-rev-track>:nth-child(4n+1),.ad-rev-track>:nth-child(4n+1)>*{scroll-snap-align:start}}
@media (max-width:639px){.ad-rev-track{grid-template-rows:repeat(3,auto);grid-auto-columns:100%}.ad-rev-track>:nth-child(4n+1),.ad-rev-track>:nth-child(4n+1)>*{scroll-snap-align:none}.ad-rev-track>:nth-child(3n+1),.ad-rev-track>:nth-child(3n+1)>*{scroll-snap-align:start}}
@media (prefers-reduced-motion:reduce){.ad-rev-track{scroll-behavior:auto}}
.ad-kid-track{display:grid;grid-auto-flow:column;gap:clamp(12px,1.6vw,20px);grid-auto-columns:calc((100% - 2*clamp(12px,1.6vw,20px))/3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.ad-kid-track::-webkit-scrollbar{display:none}
.ad-kid-track>*,.ad-kid-track>*>*{scroll-snap-align:start}
.ad-kid-ctl{display:flex;gap:8px;margin-left:auto}
@media (max-width:1023px){.ad-kid-track{grid-auto-columns:calc((100% - clamp(12px,1.6vw,20px))/2)}}
@media (max-width:639px){.ad-kid-track{grid-auto-columns:100%;align-items:start}}
@media (prefers-reduced-motion:reduce){.ad-kid-track{scroll-behavior:auto}}

.ad-hd-logo{flex:0 1 auto;min-width:0}
.ad-hd-cta{flex:0 0 auto}
.ad-hd-cta button{white-space:nowrap}
@media (max-width:560px){
.ad-hd{gap:12px}
.ad-hd-logo svg{height:clamp(28px,9.6vw,44px);width:auto}
.ad-hd-cta button{padding:12px 18px!important;font-size:13px!important}
}
@media (max-width:359px){
.ad-hd-cta button{padding:11px 14px!important;font-size:12px!important}
}

@media (max-width:767px){
.amo-button-holder{right:16px!important;bottom:24px!important}
}

/* Карусель преподавателей: тот же принцип, что у отзывов (скролл-снап + стрелки),
   число карточек любое — их будут добавлять. На мобильном карточка 88% ширины,
   чтобы край следующей был виден и было понятно, что можно листать. */
.ad-tch-track{display:grid;grid-auto-flow:column;gap:clamp(12px,1.6vw,20px);grid-auto-columns:calc((100% - 2*clamp(12px,1.6vw,20px))/3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.ad-tch-track::-webkit-scrollbar{display:none}
.ad-tch-track>*,.ad-tch-track>*>*{scroll-snap-align:start}
.ad-tch-ctl{display:flex;gap:8px;margin-left:auto}
.ad-tch-cta{margin-top:auto;padding-top:18px;line-height:0}
.ad-tch-cta button{width:100%;font-family:var(--ad-font);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--ad-graphite);background:var(--ad-yellow);border:none;border-radius:var(--ad-r-pill);padding:14px 20px;cursor:pointer;transition:filter .15s}
.ad-tch-cta:hover button{filter:brightness(.94)}
@media (max-width:1023px){.ad-tch-track{grid-auto-columns:calc((100% - clamp(12px,1.6vw,20px))/2)}}
@media (max-width:639px){.ad-tch-track{grid-auto-columns:88%}}
@media (prefers-reduced-motion:reduce){.ad-tch-track{scroll-behavior:auto}}

/* Жёлтый круг-декор у заголовка «Ребёнок дома — но не один»: на мобильном
   150 px перекрывали первую карточку и половину заголовка. */
@media (max-width:639px){
.ad-deco-host{left:-26px!important;top:-30px!important}
.ad-deco-circle{width:84px!important;height:84px!important}
}

/* Поп-ап заявки (открывается на ≤767px вместо прыжка к #zayavka).
   Фон панели графитовый — инпуты и пилюли внутри рассчитаны на тёмный фон
   ровно теми же инлайновыми стилями, что и в секции #zayavka. */
.ad-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center}
.ad-modal[hidden]{display:none}
.ad-modal-back{position:absolute;inset:0;background:rgba(29,29,27,.62)}
.ad-modal-panel{position:relative;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;font-family:var(--ad-font);background:var(--ad-graphite);color:var(--ad-white);border-radius:20px 20px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px))}
.ad-modal-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
body.ad-modal-open{overflow:hidden}
/* Кнопка чата amo рисуется поверх поп-апа (её z-index выше нашего) и закрывает
   строку про политику. Инлайном виджет задаёт только position/right/bottom,
   поэтому display перебивается отсюда. */
body.ad-modal-open .amo-button-holder{display:none!important}
@media (min-width:768px){.ad-modal{align-items:center}.ad-modal-panel{border-radius:var(--ad-r-card);padding:32px}}

/* Пилюли канала как настоящие CSS-классы (раньше красились только инлайн из
   interactions.js:paint() — там же и остаётся, здесь только начальное/some-JS-off
   состояние, чтобы вторая форма — модалка /prep — не плодила копию инлайн-стилей). */
.ad-pill{font-size:15px;font-weight:500;padding:12px 20px;border-radius:var(--ad-r-pill);cursor:pointer;border:1px solid rgba(255,255,255,.28);background:transparent;color:rgba(255,255,255,.8);transition:background .15s,color .15s}
.ad-pill-on{font-weight:700;border-color:var(--ad-white);background:var(--ad-white);color:var(--ad-graphite)}

/* Карточка-подбор /prep — главное целевое действие страницы, стоит на первом экране
   и повторяется в секции #zayavka. Жёлтая заливка намеренно: на светло-сером фоне
   страницы это самый контрастный элемент, мимо него не проскроллить. Кнопка внутри —
   графитовая (жёлтая на жёлтом не читалась бы). */
.prep-card{background:var(--ad-yellow);color:var(--ad-graphite);border-radius:var(--ad-r-card);padding:clamp(20px,2.6vw,28px);box-sizing:border-box;box-shadow:0 18px 40px -22px rgba(29,29,27,.55)}
.prep-card-title{font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:-.01em}
.prep-card-sub{margin-top:8px;font-size:14px;line-height:1.45;color:rgba(51,48,48,.72)}
.prep-fields{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(16px,2vw,20px)}
.prep-note{margin-top:12px;font-size:13px;line-height:1.4;color:rgba(51,48,48,.68)}
.prep-cta{width:100%;margin-top:14px;font-family:var(--ad-font);font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--ad-yellow);background:var(--ad-graphite);border:none;border-radius:var(--ad-r-pill);padding:18px 34px;cursor:pointer;transition:filter .15s}
.prep-cta:hover{filter:brightness(1.22)}
/* Кнопка внутри ряда полей (вариант-полоса): на узком экране переносится на свою
   строку во всю ширину, на широком встаёт последним элементом того же ряда. */
.prep-fields .prep-cta{flex:1 1 100%;margin-top:0}

/* Вариант «полоса» — первый экран: все пять полей и кнопка в один ряд.
   Порог 900px: ниже него шесть элементов в строку не помещаются и ряд рвётся
   некрасиво, поэтому там работает обычный перенос из .prep-fields. */
.prep-card--bar{margin-top:clamp(28px,4vw,48px)}
@media (min-width:900px){
  .prep-card--bar .prep-fields{flex-wrap:nowrap}
  .prep-card--bar .prep-fields .prep-cta{flex:0 0 auto;width:auto;height:48px;padding:0 clamp(22px,2.4vw,34px)}
}

/* Поля карточки: белые на жёлтом. Нативная стрелка select заменена своей —
   у браузеров она разного цвета и размера, на жёлтой карточке это заметно. */
.ad-select{flex:1 1 150px;min-width:0;box-sizing:border-box;height:48px;background:var(--ad-white);color:var(--ad-graphite);border:2px solid transparent;border-radius:12px;padding:0 14px;font-size:15px;outline:none}
.ad-select::placeholder{color:rgba(51,48,48,.5)}
.ad-select:focus{border-color:var(--ad-graphite)}
select.ad-select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333030' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
@media (max-width:479px){.ad-select{flex:1 1 100%}}