/* =========================================================================
   lp-avatar-sites-aspro · направление A «Разворот работы»
   ДНК 20-aspro-korporativnyy · линия Приорити
   Гарнитура одна на систему: Onest (решение владельца 15.08.2026)
   ========================================================================= */

/* ---------- Onest, self-host, кириллица ---------- */
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/onest-cyrillic-400.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/onest-latin-400.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122,U+2212;}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/onest-cyrillic-500.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/onest-latin-500.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122,U+2212;}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/onest-cyrillic-600.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/onest-latin-600.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122,U+2212;}

/* ---------- токены ---------- */
:root{
  --font:'Onest',system-ui,sans-serif;

  /* палитра — 6 hex, роли из линии Приорити */
  --bg:#F7F8FB;        /* фон страницы, 60% */
  --surface:#FFFFFF;   /* карточки и всплывающие слои, 30% */
  --line:#E4E8F3;      /* обводка и разделитель 1px */
  --ink:#222428;       /* основной текст, тёмная панель */
  --ink-2:#555560;     /* вторичный текст */
  --accent:#006CE6;    /* единственный акцент, ≤8% вьюпорта */
  --accent-hover:#0072EC;
  --accent-12:rgba(0,108,230,.12);
  --accent-35:rgba(0,108,230,.35);

  /* шкала Приорити на Onest: 80/90 · 42/52 · 28/38 · 20/30 · 16/26 · 15/22 · 14/20 */
  --fs-h1:clamp(34px,4.17vw,80px);
  --fs-h2:clamp(26px,2.19vw,42px);
  --fs-h3:clamp(20px,1.46vw,28px);
  --fs-lead:clamp(17px,1.04vw,20px);
  --fs-body:16px;
  --fs-btn:15px;
  --fs-sm:14px;
  --fs-num:clamp(38px,3.33vw,64px);

  /* 8pt-сетка */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px; --s6:48px; --s8:64px; --s12:96px;

  /* радиусы — только из сетки допустимых значений системы */
  --r-sticker:4px;
  --r-btn:8px;
  --r-card:20px;

  /* одна тень на систему */
  --shadow:0 4px 20px rgba(68,68,68,.12);

  /* движение: одна база-кривая, тайминги словаря Аспро */
  --ease-out:cubic-bezier(0,0,.58,1);
  --ease-in:cubic-bezier(.42,0,1,1);
  --t-link:300ms;   /* ссылка, шеврон, пункт меню */
  --t-btn:100ms;    /* кнопка */
  --t-card:300ms;   /* карточка под курсором */

  --container:1512px;
  --hdr-h:88px;
}

@view-transition{navigation:auto;}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font);font-weight:400;font-size:var(--fs-body);line-height:1.625;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.01em;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
a{color:inherit;text-decoration:none;}

::selection{background:var(--accent);color:#fff;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sticker);}

.skip{position:absolute;left:-9999px;top:0;z-index:80;background:var(--surface);color:var(--ink);
  padding:12px 20px;border-radius:var(--r-btn);}
.skip:focus{left:16px;top:16px;}

.wrap{width:min(var(--container),100% - 40px);margin-inline:auto;}
@media (min-width:1024px){.wrap{width:min(var(--container),100% - 80px);}}

/* ---------- атомы ---------- */
.kicker{
  font-size:var(--fs-sm);font-weight:500;line-height:1.43;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);
  margin-bottom:var(--s2);
}
.kicker--light{color:rgba(255,255,255,.78);}

.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--ink-2);}
.lead--light{color:rgba(255,255,255,.88);}

/* шеврон вместо слова-ссылки */
.chev{
  display:inline-block;width:.62em;height:.62em;margin-left:.5em;vertical-align:baseline;
  border-right:2px solid currentColor;border-top:2px solid currentColor;
  transform:rotate(45deg) translateY(.06em);
  transition:transform var(--t-link) var(--ease-out);
}
.chev--big{width:.5em;height:.5em;border-width:3px;color:var(--accent);margin-left:.34em;}
.link{color:var(--accent);transition:color var(--t-link) var(--ease-out);}
.link:hover .chev{transform:rotate(45deg) translate(3px,.06em);}

/* Кнопки Приорити: паддинги 12×20 (Large) и 16×24 (ExtraLarge),
   цвета литеральные — иначе APCA-проверка не резолвит токен. */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font);font-size:var(--fs-btn);font-weight:500;line-height:22px;
  padding:12px 20px;border-radius:var(--r-btn);cursor:pointer;
  border:1px solid transparent;
  transition:background-color var(--t-btn) var(--ease-in),border-color var(--t-btn) var(--ease-in),color var(--t-btn) var(--ease-in);
}
.btn--xl{padding:16px 24px;}
.btn--full{width:100%;padding:16px 24px;}
.btn--primary{background-color:#006CE6;color:#FFFFFF;border-color:#006CE6;}
.btn--primary:hover{background-color:#0072EC;border-color:#0072EC;}
.btn--ghost{color:#FFFFFF;border-color:rgba(255,255,255,.55);background-color:transparent;}
.btn--ghost:hover{border-color:#fff;}
.btn--white{background-color:#FFFFFF;color:#222428;border-color:#FFFFFF;}
.btn--white:hover{background-color:#E8EAED;border-color:#E8EAED;}
.btn--gray{background-color:#F7F8FB;color:#222428;border-color:#E4E8F3;}
.btn--gray:hover{background-color:#E8EAED;}

/* стикер ворот: плашка акцент 12% поверх белого, текст основной — 13.09:1 */
.gate{
  display:inline-block;margin-top:var(--s2);
  background-color:#E0EDFC;color:#222428;
  font-size:var(--fs-sm);font-weight:500;line-height:20px;
  padding:4px 12px;border-radius:var(--r-sticker);
}
.gate--light{background:rgba(255,255,255,.92);color:var(--ink);}

/* ---------- ШАПКА ---------- */
.hdr{position:absolute;inset:0 0 auto;z-index:40;color:#fff;}
.hdr__top{border-bottom:1px solid rgba(255,255,255,.16);}
.hdr__top-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:40px;}
.hdr__note{font-size:13px;line-height:1.4;color:rgba(255,255,255,.72);}
.hdr__tg{font-size:13px;color:#fff;white-space:nowrap;}
@media (max-width:899px){.hdr__note{display:none;}}

.hdr__bar-in{display:flex;align-items:center;gap:var(--s5);height:var(--hdr-h);}

.logo{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;}
/* знак «разворот»: узкая заливка акцентом и широкий контур рядом */
.logo__mark{position:relative;width:30px;height:26px;flex:0 0 auto;}
.logo__mark::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;
  border-radius:var(--r-sticker);background:var(--accent);}
.logo__mark::after{content:"";position:absolute;left:13px;right:0;top:3px;bottom:3px;
  border-radius:var(--r-sticker);border:2px solid currentColor;}
.logo__txt{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.01em;}
.logo__sub{display:block;font-size:12px;font-weight:400;letter-spacing:.16em;
  text-transform:uppercase;opacity:.72;}

.nav{margin-left:auto;display:flex;align-items:center;gap:var(--s4);}
.nav__list{display:flex;align-items:center;gap:var(--s4);}
.nav__list a{font-size:var(--fs-btn);font-weight:500;color:rgba(255,255,255,.9);
  transition:color var(--t-link) var(--ease-out);}
.nav__list a:hover{color:#fff;}
.nav__tg,.nav__login,.nav__close{display:none;}

.hdr__actions{display:flex;align-items:center;gap:var(--s2);flex:0 0 auto;}
.burger{display:none;}

/* шапка после отрыва: сплошная, с единственной тенью системы */
.hdr.is-stuck{position:fixed;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);}
.hdr.is-stuck .hdr__top{display:none;}
.hdr.is-stuck .nav__list a{color:var(--ink-2);}
.hdr.is-stuck .nav__list a:hover{color:var(--accent);}

/* ---------- ГЕРОЙ ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(560px,48.3vw + 60px,928px);
  display:flex;align-items:center;color:#fff;}
.hero__pic{position:absolute;inset:0;z-index:-2;}
.hero__pic img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;}
.hero__veil{position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(6,10,20,.74) 0,rgba(6,10,20,0) 240px),
    linear-gradient(90deg,rgba(6,10,20,.92) 0%,rgba(6,10,20,.88) 38%,rgba(6,10,20,.62) 62%,rgba(6,10,20,.42) 100%);}
.hero__in{padding-top:calc(var(--hdr-h) + 40px + var(--s5));padding-bottom:var(--s8);
  width:min(var(--container),100% - 40px);
  display:grid;gap:var(--s5);align-items:center;}
@media (min-width:1024px){
  .hero__in{width:min(var(--container),100% - 80px);
    grid-template-columns:minmax(0,709fr) minmax(0,560fr);gap:var(--s8);}
}
.hero__col{max-width:709px;}
.hero h1{font-size:var(--fs-h1);line-height:1.125;margin-bottom:var(--s3);}
.hero .lead{max-width:620px;margin-bottom:var(--s5);}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--s2);}

/* полоса фактов — основание первого экрана */
.facts{background:var(--surface);border-bottom:1px solid var(--line);}
.facts__in{display:grid;grid-template-columns:1fr;gap:var(--s3);padding-block:var(--s5);}
.fact{display:flex;align-items:baseline;gap:var(--s2);}
.fact__n{font-size:var(--fs-num);font-weight:500;line-height:1;letter-spacing:-.02em;
  color:var(--accent);font-variant-numeric:tabular-nums;flex:0 0 auto;}
.fact__t{font-size:var(--fs-sm);line-height:1.43;color:var(--ink-2);}
@media (min-width:600px){.facts__in{grid-template-columns:1fr 1fr;column-gap:var(--s5);}}
@media (min-width:1024px){
  .facts__in{grid-template-columns:repeat(4,1fr);gap:var(--s4);padding-block:var(--s6);}
  .fact{flex-direction:column;gap:var(--s1);}
}

/* ---------- СЕКЦИЯ ---------- */
.sec{padding-block:var(--s8);}
@media (min-width:1024px){.sec{padding-block:var(--s12);}}

.sec__head{display:grid;gap:var(--s3);margin-bottom:var(--s6);}
.sec__head h2{font-size:var(--fs-h2);line-height:1.238;}
.h2link{transition:color var(--t-link) var(--ease-out);}
.h2link:hover{color:var(--accent);}
.h2link:hover .chev--big{transform:rotate(45deg) translate(4px,.06em);}
.sec__lead{font-size:var(--fs-lead);line-height:1.5;color:var(--ink-2);}
@media (min-width:1024px){
  .sec__head{grid-template-columns:1fr 1fr;align-items:end;column-gap:var(--s5);}
  .sec__lead{max-width:640px;}
}

/* ---------- сетка этапов 3×3, карточка 493 ---------- */
.phases{display:grid;grid-template-columns:1fr;gap:var(--s2);}
@media (min-width:720px){.phases{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.phases{grid-template-columns:repeat(3,1fr);gap:var(--s3);}}

.pcard{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);
  padding:var(--s4);min-height:268px;
  transition:transform var(--t-card) var(--ease-out),box-shadow var(--t-card) var(--ease-out),border-color var(--t-card) var(--ease-out);
}
.pcard:hover{transform:scale(1.01);box-shadow:var(--shadow);border-color:transparent;}
.pcard__n{font-size:var(--fs-num);font-weight:500;line-height:1;letter-spacing:-.02em;
  color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:var(--s3);}
.pcard__t{font-size:var(--fs-h3);line-height:1.357;margin-bottom:var(--s1);}
.pcard__d{color:var(--ink-2);}
.pcard .gate{margin-top:auto;align-self:flex-start;}
.pcard__arrow{
  position:absolute;right:var(--s4);bottom:var(--s4);width:40px;height:40px;
  border-radius:var(--r-btn);background:var(--bg);border:1px solid var(--line);
  transition:background var(--t-card) var(--ease-out),border-color var(--t-card) var(--ease-out);
}
.pcard__arrow::after{
  content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;
  border-right:2px solid var(--accent);border-top:2px solid var(--accent);
  transform:rotate(45deg) translate(-2px,2px);
  transition:transform var(--t-card) var(--ease-out);
}
.pcard:hover .pcard__arrow{background:var(--accent-12);border-color:transparent;}
.pcard:hover .pcard__arrow::after{transform:rotate(45deg) translate(0,0);}
.pcard__d,.pcard__t{padding-right:56px;}

/* одна изюминка на сетку: карточка с фотографией */
.pcard--photo{border-color:transparent;color:#fff;}
.pcard--photo .pcard__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;
  object-fit:cover;object-position:50% 44%;}
.pcard--photo::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,20,.42) 0%,rgba(0,0,20,.42) 24%,rgba(0,0,20,.76) 56%,rgba(0,0,20,.88) 100%);}
.pcard--photo .pcard__n{color:#fff;}
.pcard--photo .pcard__d{color:rgba(255,255,255,.88);}
.pcard--photo .pcard__arrow{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45);
  backdrop-filter:blur(10px);}
.pcard--photo .pcard__arrow::after{border-color:#fff;}
.pcard--photo:hover .pcard__arrow{background:rgba(255,255,255,.32);border-color:#fff;}

/* тёмная панель на две колонки */
.panel{
  grid-column:1 / -1;
  background:var(--ink);color:#fff;border-radius:var(--r-card);
  padding:var(--s4);display:grid;gap:var(--s5);align-items:center;
}
@media (min-width:1024px){
  .panel{grid-column:span 2;padding:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6);}
}
.panel__t{font-size:var(--fs-h3);line-height:1.357;margin-bottom:var(--s2);}
.panel__d{color:rgba(255,255,255,.78);margin-bottom:var(--s4);}
.panel__list{display:grid;gap:0;}
@media (min-width:600px){.panel__list{grid-template-columns:1fr 1fr;column-gap:var(--s4);}}
.panel__list li{
  font-size:var(--fs-sm);line-height:1.43;color:rgba(255,255,255,.78);
  padding-block:12px;border-top:1px solid rgba(255,255,255,.16);
}
.panel__k{display:block;color:#fff;font-weight:500;font-size:var(--fs-body);line-height:1.4;}
.panel__list code{font-family:var(--font);color:#fff;}

/* нативный макет интерфейса поверх кадра: это дизайн-макет, не снимок экрана */
.mock{
  margin:0;background:#171A21;border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow);
  max-width:560px;
}
.mock__bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:rgba(255,255,255,.06);}
.mock__bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.26);}
.mock__url{margin-left:12px;font-size:var(--fs-sm);color:rgba(255,255,255,.55);letter-spacing:.02em;}
.mock__body{display:grid;grid-template-columns:46fr 54fr;gap:1px;background:rgba(255,255,255,.14);}
.mock__chat{background:#171A21;padding:16px;display:flex;flex-direction:column;gap:10px;}
.bub{font-size:var(--fs-sm);line-height:1.43;padding:8px 12px;border-radius:var(--r-btn);max-width:98%;}
.bub--in{background:rgba(255,255,255,.10);color:rgba(255,255,255,.88);align-self:flex-start;}
.bub--out{background:var(--accent);color:#fff;align-self:flex-end;}
.mock__page{background:#fff;padding:16px;display:flex;flex-direction:column;gap:10px;}
.ln{display:block;height:8px;border-radius:var(--r-sticker);background:var(--line);}
.ln--w70{width:70%;} .ln--w60{width:60%;} .ln--w40{width:40%;}
.mock__nav{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.mock__nav i{display:block;width:26px;height:6px;border-radius:var(--r-sticker);background:var(--line);}
.mock__nav b{display:block;margin-left:auto;width:40px;height:16px;border-radius:var(--r-sticker);background:var(--accent);}
.mock__band{display:block;background:var(--ink);border-radius:var(--r-sticker);padding:16px;}
.ln--band{background:rgba(255,255,255,.82);height:10px;width:82%;margin-bottom:4px;}
.mock__chip{display:block;margin-top:12px;width:64px;height:16px;border-radius:var(--r-sticker);background:var(--accent);}
.mock__row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.mock__tile{display:block;height:34px;border-radius:var(--r-sticker);background:#D9E3F5;}
.mock__cap{padding:16px;font-size:var(--fs-sm);line-height:1.43;
  color:rgba(255,255,255,.74);border-top:1px solid rgba(255,255,255,.14);}

/* ---------- ПОДВАЛ Footer/Easy ---------- */
.ftr{background:var(--surface);border-top:1px solid var(--line);padding-block:var(--s6);}
.ftr__in{display:grid;gap:var(--s5);}
@media (min-width:768px){.ftr__in{grid-template-columns:1fr 1fr;gap:var(--s8);}}
.logo--ftr{color:var(--ink);margin-bottom:var(--s3);}
.logo--ftr .logo__mark{box-shadow:inset 0 0 0 6px #fff;}
.ftr__note{color:var(--ink-2);max-width:420px;margin-bottom:var(--s2);}
.ftr__col--nav{display:flex;flex-direction:column;gap:var(--s3);}
@media (min-width:768px){.ftr__col--nav{align-items:flex-end;text-align:right;}}
.ftr__list{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);}
.ftr__list a{color:var(--ink-2);transition:color var(--t-link) var(--ease-out);}
.ftr__list a:hover{color:var(--accent);}
.ftr__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);
  margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--line);
  font-size:var(--fs-sm);line-height:1.43;color:var(--ink-2);}

/* ---------- МОДАЛКА ВХОДА ---------- */
.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;}
.modal[hidden]{display:none;}
.modal__back{position:absolute;inset:0;background:rgba(10,14,24,.62);}
.modal__win{position:relative;width:min(460px,100%);background:var(--surface);
  border-radius:var(--r-card);padding:var(--s6);box-shadow:var(--shadow);}
.modal__t{font-size:var(--fs-h3);line-height:1.357;margin-bottom:var(--s4);}
.modal__x{position:absolute;right:20px;top:20px;width:40px;height:40px;border-radius:var(--r-btn);
  background:var(--bg);border:1px solid var(--line);cursor:pointer;
  transition:background var(--t-btn) var(--ease-in);}
.modal__x:hover{background:#E8EAED;}
.modal__x span{position:absolute;inset:0;margin:auto;width:14px;height:14px;}
.modal__x span::before,.modal__x span::after{content:"";position:absolute;top:6px;left:0;
  width:14px;height:2px;background:var(--ink);}
.modal__x span::before{transform:rotate(45deg);}
.modal__x span::after{transform:rotate(-45deg);}

.form{display:grid;gap:var(--s3);}
.field{display:grid;gap:6px;}
.field__lbl{font-size:var(--fs-sm);line-height:1.43;color:var(--ink-2);}
.field__in{font-family:var(--font);font-size:var(--fs-body);line-height:1.5;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);padding:12px 16px;
  transition:border-color var(--t-link) var(--ease-out);}
.field__in:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-12);}
.check{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;cursor:pointer;
  font-size:var(--fs-sm);line-height:1.43;color:var(--ink-2);}
.check input{position:absolute;opacity:0;width:20px;height:20px;margin:0;}
.check__box{width:20px;height:20px;border:1px solid var(--line);border-radius:var(--r-sticker);
  background:var(--surface);position:relative;transition:background var(--t-btn) var(--ease-in),border-color var(--t-btn) var(--ease-in);}
.check input:checked + .check__box{background:var(--accent);border-color:var(--accent);}
.check__box::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;
  border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);
  transition:transform var(--t-btn) var(--ease-in);}
.check input:checked + .check__box::after{transform:rotate(45deg) scale(1);}
.check input:focus-visible + .check__box{outline:2px solid var(--accent);outline-offset:3px;}
.check__txt a{color:var(--accent);}

/* ---------- COOKIE ---------- */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);
  box-shadow:var(--shadow);padding:var(--s3);display:grid;gap:var(--s2);}
.cookie[hidden]{display:none;}
.cookie__t{font-size:13px;line-height:1.45;color:var(--ink-2);}
.cookie__act{display:flex;flex-wrap:wrap;gap:var(--s1);}
.cookie .btn{padding:8px 16px;flex:1 1 auto;}
@media (min-width:900px){
  .cookie{left:auto;right:24px;bottom:24px;width:min(460px,calc(100% - 48px));}
}

/* ---------- БУРГЕР и мобильное меню ---------- */
@media (max-width:1023px){
  .burger{
    display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;padding:0 12px;cursor:pointer;
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);border-radius:var(--r-btn);
    transition:background var(--t-btn) var(--ease-in);
  }
  .hdr.is-stuck .burger{background:var(--bg);border-color:var(--line);}
  .burger span{display:block;height:2px;background:currentColor;border-radius:2px;
    transition:transform var(--t-link) var(--ease-out),opacity var(--t-link) var(--ease-out);}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .hdr__login{display:none;}

  /* выезжающая колонка 300 слева — раскладка мегаменю Приорити */
  .nav{
    position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);z-index:50;
    background:var(--surface);color:var(--ink);
    display:flex;flex-direction:column;align-items:stretch;gap:var(--s3);
    padding:var(--s6) var(--s3) var(--s3);
    transform:translateX(-102%);
    transition:transform var(--t-link) var(--ease-out);
    box-shadow:var(--shadow);overflow-y:auto;
  }
  .nav.is-open{transform:translateX(0);}
  .nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .nav__list li + li{border-top:1px solid var(--line);}
  .nav__list a{display:block;padding:16px 8px;font-size:var(--fs-lead);color:var(--ink);}
  .nav__list a:hover{color:var(--accent);}
  .nav__tg{display:block;padding:8px;font-size:var(--fs-btn);font-weight:500;}
  .nav__login{display:inline-flex;}
  .nav__close{
    display:inline-flex;position:absolute;right:12px;top:12px;width:40px;height:40px;
    border-radius:var(--r-btn);background:var(--bg);border:1px solid var(--line);cursor:pointer;
  }
  .nav__close span{position:absolute;inset:0;margin:auto;width:14px;height:14px;}
  .nav__close span::before,.nav__close span::after{content:"";position:absolute;top:6px;left:0;
    width:14px;height:2px;background:var(--ink);}
  .nav__close span::before{transform:rotate(45deg);}
  .nav__close span::after{transform:rotate(-45deg);}

  /* затемнение лежит НИЖЕ шапки: .hdr создаёт свой контекст наложения,
     поэтому колонка меню внутри него иначе оказывается под затемнением */
  .scrim{position:fixed;inset:0;z-index:30;background:rgba(10,14,24,.5);}
  .scrim[hidden]{display:none;}
}

@media (max-width:1023px){
  .hero{min-height:0;}
  .mock{max-width:none;}
}

@media (max-width:719px){
  :root{--hdr-h:72px;}
  .hero__in{padding-top:calc(var(--hdr-h) + 40px + var(--s4));padding-bottom:var(--s6);gap:var(--s6);}
  .hero__veil{background:linear-gradient(180deg,rgba(6,10,20,.90) 0%,rgba(6,10,20,.66) 52%,rgba(6,10,20,.88) 100%);}
  .hero__cta .btn{flex:1 1 100%;}
  .mock__body{grid-template-columns:1fr;}
  .mock__page{min-height:180px;}
  .pcard{min-height:0;padding:var(--s3);}
  .pcard__arrow{right:var(--s3);bottom:var(--s3);}
  .pcard__d,.pcard__t{padding-right:48px;}
  .panel{padding:var(--s3);}
}

/* ---------- ЕДИНАЯ СИСТЕМА REVEAL: один момент движения на странице ----------
   Reveal только по transform, без opacity: контент никогда не бывает невидимым,
   поэтому полностраничный скриншот, печать и пауза скролла остаются честными
   (урок asproagile 2026-07: full-page снимок показывал пустую страницу).       */
@keyframes reveal-in{from{transform:translateY(28px);}to{transform:none;}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .reveal{animation:reveal-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%;}
    .reveal.is-shown{animation:none;transform:none;}
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none !important;transition:none !important;}
  .reveal{transform:none !important;}
}