/* landing-layout: раскладка главной по экранам — scroll-snap, навигатор-линейка, наезд и занавес, мобильное меню шапки (A3), зоны нажатия (A5). Бывший landing-screens.css, переименован 10.10 */
/* главная по экранам: листает сам браузер (scroll-snap) на всех ширинах, перехвата колеса и клавиш нет (решение CEO 10.10).
   Экран выше окна получает вторую остановку — по нижнему краю (метка .scr-end из landing-dots.js) */
html{scroll-snap-type:y mandatory}
/* :is(section,#_) поднимает вес до id: перебивает scroll-margin и отступы отдельных экранов */
main>section:is(section,#_){min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
.scr-end{display:block;height:1px;margin-top:-1px;pointer-events:none;scroll-snap-align:end;scroll-snap-stop:always}
body>footer{scroll-snap-align:end}
@media (min-width:761px) and (min-height:640px){
  /* контент по центру в части экрана под шапкой */
  main>section:not(.live-hero),main>#start{display:grid;align-content:center;padding:calc(var(--kl-space-16) + var(--kl-space-4)) 0 var(--kl-space-4)}
}
@media (max-width:760px){
  main>section:is(section,#_):not(.live-hero){padding-top:calc(var(--kl-space-16) + var(--kl-space-4))}
}

/* навигатор экранов справа: линейка полосок. --k (0…1) — близость к текущему месту, --f — пройденная доля экрана; задаёт landing-dots.js */
.scr-nav{position:fixed;right:var(--kl-space-4);top:50%;z-index:40;transform:translateY(-50%);display:grid;justify-items:end;margin:0;padding:0;list-style:none}
.scr-nav a{position:relative;display:block;padding:5px 0 5px var(--kl-space-3)}
.scr-nav a::before{content:"";display:block;width:calc(12px + 24px * var(--k,0));height:3px;border-radius:var(--kl-radius-pill);background:linear-gradient(90deg,var(--kl-brand-orange) calc(var(--f,0) * 100%),var(--kl-line-strong) 0);opacity:calc(.45 + .55 * var(--k,0))}
.scr-nav a[aria-current="true"]::before{height:4px}
.scr-nav a::after{content:attr(data-label);position:absolute;right:calc(100% + var(--kl-space-2));top:50%;transform:translateY(-50%);padding:var(--kl-space-1) var(--kl-space-3);border-radius:var(--kl-radius-status);background:var(--kl-surface);color:var(--kl-text);box-shadow:var(--kl-shadow-1);font-size:var(--kl-caption-size);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--kl-d2,200ms) var(--kl-e-std)}
.scr-nav a:hover::after,.scr-nav a:focus-visible::after{opacity:1}
.scr-nav.on-loud a::before{background:linear-gradient(90deg,var(--kl-text) calc(var(--f,0) * 100%),color-mix(in srgb,var(--kl-text) 35%,transparent) 0)}
@media (max-width:760px),(max-height:639px){.scr-nav{display:none}}
@media (prefers-reduced-motion:reduce){.scr-nav a::after{transition:none}}

/* шапка телефона: язык, регион и «Войти» в раскрытом меню (ревью A3) */
.live-top #mobile-nav .mn-login{display:flex;align-items:center;justify-content:center;height:var(--kl-h-touch);margin-top:var(--kl-space-3)}
@media (min-width:1025px){.live-top #mobile-nav{display:none}}

/* зоны нажатия на телефоне не меньше 44 px (ревью A5) */
@media (max-width:760px){
  #start .live-btn,.fr3-btn{height:var(--kl-h-touch)}
  .p7-foot a{display:inline-flex;align-items:center;min-height:var(--kl-h-touch)}
  .live-top .live-brand{min-height:var(--kl-h-touch);display:inline-flex;align-items:center}
}


/* наезд: громкие экраны (Школа, финал) выезжают поверх предыдущего, тот уходит вглубь (CEO 10.10; образцы — Framer «Sticky Overlap», 21st «Stacking Cards»).
   Пары и имена шкал задаёт landing-dots.js; --pin — у экрана выше окна прилипает нижний край */
/* прилипший экран после наезда скрывается: иначе он просвечивал бы под следующими прозрачными экранами до конца main */
@keyframes kl-cover-back{96%{transform:scale(.92);opacity:.3;border-radius:var(--kl-radius-modal)}100%{transform:scale(.92);opacity:0;visibility:hidden;border-radius:var(--kl-radius-modal)}}
@supports (animation-timeline:view()){
  /* у прилипшего экрана остановка двигалась бы вместе с ним — её держит неподвижная метка перед ним */
  main>section.cover-prev:is(section,#_){scroll-snap-align:none}
  .scr-start{display:block;height:1px;margin-bottom:-1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}
  main>section.cover-prev{position:sticky;top:var(--pin,0px);z-index:0;transform-origin:50% 100%;animation:kl-cover-back linear both;animation-range:entry 0% entry 100%}
  main>section.cover-in{position:relative;z-index:1;border-radius:var(--kl-radius-modal) var(--kl-radius-modal) 0 0;box-shadow:0 -16px 48px rgba(20,22,40,.10)}
  [data-theme="dark"] main>section.cover-in{box-shadow:0 -24px 60px rgba(0,0,0,.55)}
}
/* занавес: финал во время входа сдвигается навстречу прокрутке и стоит на месте, «Вопросы» над ним уезжают вверх */
@keyframes kl-curtain{from{transform:translateY(-100%)}to{transform:none}}
@supports (animation-timeline:view()){
  /* шторка — матовое стекло: верх прозрачнее (видна подсветка «Вопросов»), финал под ней размыт, а не просвечивает текстом */
  main>section.curtain-out{position:relative;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--kl-bg) 40%,transparent) 0%,color-mix(in srgb,var(--kl-bg) 72%,transparent) 50%,color-mix(in srgb,var(--kl-bg) 92%,transparent) 100%);-webkit-backdrop-filter:blur(28px) saturate(1.2);backdrop-filter:blur(28px) saturate(1.2);border-radius:0 0 var(--kl-radius-modal) var(--kl-radius-modal);box-shadow:0 16px 48px rgba(20,22,40,.10)}
  [data-theme="dark"] main>section.curtain-out{box-shadow:0 24px 60px rgba(0,0,0,.55)}
  /* сдвинутый финал сбил бы свою остановку — её держит неподвижная метка перед ним */
  main>section.curtain-in:is(section,#_){scroll-snap-align:none}
  main>section.curtain-in{z-index:1;animation:kl-curtain linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
}
@media (prefers-reduced-motion:reduce){main>section.curtain-in{animation:none}main>section.curtain-in:is(section,#_){scroll-snap-align:start}}
@media (prefers-reduced-motion:reduce){main>section.cover-prev{position:relative;animation:none}main>section.cover-prev:is(section,#_){scroll-snap-align:start}.scr-start{display:none}}
/* язык — глобус и меню-стекло (KOL-1255 menu) */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--kl-space-2);height:var(--kl-h-compact);min-width:var(--kl-h-compact);padding:0 var(--kl-space-2);border:0;border-radius:var(--kl-radius-ctl);background:transparent;color:var(--kl-text);font-size:var(--kl-ui-size);font-weight:var(--kl-ui-weight);cursor:pointer}
.lang-btn:hover,.lang-btn[aria-expanded=true]{background:var(--kl-surface-2)}
.lang-btn:focus-visible,.lang-opt:focus-visible{outline:2px solid var(--kl-focus);outline-offset:2px}
.lang-ico{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;flex:none}
.lang-menu{position:absolute;top:calc(100% + var(--kl-space-2));right:0;z-index:5;min-width:200px;padding:var(--kl-space-2);display:grid;gap:2px;border:var(--kl-border) solid var(--kl-line);border-radius:12px;background:color-mix(in srgb,var(--kl-surface) 75%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:var(--kl-shadow-1),inset 0 1px 0 rgba(255,255,255,.5)}
.lang-menu[hidden]{display:none}
.lang-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--kl-space-3);height:var(--kl-h-compact);padding:0 var(--kl-space-3);border:0;border-radius:8px;background:transparent;color:var(--kl-text);font:inherit;font-size:var(--kl-ui-size);text-align:left;cursor:pointer}
.lang-opt:hover:not(:disabled){background:var(--kl-surface-2)}
.lang-opt[aria-pressed=true]{font-weight:var(--kl-ui-weight)}
.lang-opt[aria-pressed=true]::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url(/landing/assets/icons/check.svg) center/contain no-repeat;mask:url(/landing/assets/icons/check.svg) center/contain no-repeat}
.lang-opt:disabled{color:var(--kl-text-muted);cursor:default}
.lang-opt small{font-size:var(--kl-caption-size)}
.end .lang-menu{top:auto;bottom:calc(100% + var(--kl-space-2));right:0;left:auto}
.live-top #mobile-nav .lang{padding-top:var(--kl-space-2);margin-top:var(--kl-space-2);border-top:var(--kl-border) solid var(--kl-line)}
.live-top #mobile-nav .lang-btn{width:100%;height:var(--kl-h-touch);justify-content:flex-start;padding:0 var(--kl-space-3)}
.live-top #mobile-nav .lang-menu{position:static;margin-top:var(--kl-space-1);box-shadow:none;background:var(--kl-surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}
.live-top #mobile-nav .lang-opt{height:var(--kl-h-touch)}
@media(max-width:640px){.live-right>.lang{display:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.lang-menu{background:var(--kl-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
[data-theme=dark] .lang-menu{background:color-mix(in srgb,var(--kl-surface) 70%,transparent);box-shadow:var(--kl-shadow-1),inset 0 1px 0 rgba(255,255,255,.08)}
/* герой: карточка справа не выше верха левого блока */
@media(min-width:1025px){.live-hero .live-wrap{align-items:start}}