/* Обвязка Syntax: шапка, подвал и базовые примитивы для страниц, которые
   не являются главной. Правила взяты из index.html один в один, чтобы
   шапка и подвал выглядели везде одинаково.

   Главная держит свою копию этих правил инлайном — у неё там же лежит
   вся анимация первого экрана, и вынимать их оттуда значило бы трогать
   то, что уже проверено. Расхождение стережёт scripts/mobile-check.mjs:
   он сверяет шапку и подвал на главной и на внутренних страницах.

   Собрано 22.09.2026 при переводе сайта на Syntax. */

/* ── базовые примитивы ── */
  .content{position:relative;z-index:4}
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#5B5BD6}
  .tok{background:linear-gradient(120deg,#A78BFA,#5B5BD6 55%,#7A5BE0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .btn{transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(91,91,214,.55)}
  a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #5B5BD6;outline-offset:2px;border-radius:8px}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .sec{position:relative;z-index:4}
  .frost{background:transparent}

/* ── подвал ── */
  .foot{position:relative;overflow:hidden;background:#171733;color:#fff}
  .foot::before{content:"";position:absolute;inset:-30% -10%;pointer-events:none;
    background:radial-gradient(46% 44% at 22% 34%,rgba(91,91,214,.62),transparent 66%),
               radial-gradient(42% 40% at 74% 50%,rgba(122,91,224,.5),transparent 66%),
               radial-gradient(34% 34% at 52% 84%,rgba(94,230,168,.2),transparent 68%);filter:blur(34px)}
  .foot-in{position:relative;z-index:2}
  .fstatus{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 14px;background:rgba(255,255,255,.05)}
  .fstatus .pd{width:7px;height:7px;border-radius:50%;background:#5EE6A8;flex:none;animation:fbp2 1.9s ease-in-out infinite}
  @keyframes fbp2{0%,100%{box-shadow:0 0 0 0 rgba(94,230,168,.55)}50%{box-shadow:0 0 0 6px rgba(94,230,168,0)}}
  .fstatus b{color:#fff;font-weight:600}
  .fmid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:28px;margin-top:32px;padding-bottom:30px}
  .fmag{border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:18px;background:rgba(255,255,255,.05);backdrop-filter:blur(6px)}
  .fmag .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.12em;color:#5EE6A8;text-transform:uppercase}
  .fmag h3{font-size:16px;font-weight:700;margin:9px 0 7px;line-height:1.3}
  .fmag p{font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.55}
  .fmag a{display:inline-block;margin-top:13px;background:#fff;color:#18181B;font-weight:600;font-size:12.5px;padding:10px 15px;border-radius:10px;text-decoration:none;transition:transform .18s}
  .fmag a:hover{transform:translateY(-2px)}
  .fcol h3{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:13px;font-weight:500}
  .fcol a{position:relative;display:block;color:rgba(255,255,255,.76);text-decoration:none;font-size:13px;padding:5px 0;width:fit-content}
  .fcol a::after{content:"";position:absolute;left:var(--ux,50%);bottom:3px;width:0;height:1.5px;background:#5EE6A8;transition:width .28s ease,left .28s ease}
  .fcol a:hover{color:#fff}
  .fcol a:hover::after{left:0;width:100%}
  .fword{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:clamp(60px,16.5vw,210px);line-height:.92;letter-spacing:-.03em;text-align:center;
    margin:4px 0 26px;user-select:none;pointer-events:none;
    background:linear-gradient(100deg,#26264A 0%,#7E7EBE 20%,#F4F4FF 32%,#8B8BCB 44%,#2E2E58 58%,#B9A6E8 72%,#F1EAFF 80%,#3A3A68 100%);
    background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
    animation:sheen 8s linear infinite;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.14)) drop-shadow(0 -1px 1px rgba(0,0,0,.5))}
  @keyframes sheen{from{background-position:0% 50%}to{background-position:230% 50%}}
  .flegal{border-top:1px solid rgba(255,255,255,.12);padding:15px 0 22px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;
    font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.72)}
  .flegal a{color:rgba(255,255,255,.6);text-decoration:none}.flegal a:hover{color:#fff}

/* ── шапка: матовое стекло, бургер, меню телефона ── */
  #nav-burger,#nav-menu{display:none}

  .frost{background:transparent}
  nav.frost{background:rgba(250,250,249,.82);backdrop-filter:blur(14px) saturate(140%);
    -webkit-backdrop-filter:blur(14px) saturate(140%)}
  #nav-burger,#nav-menu{display:none}

  @media(max-width:767px){
    nav.frost{background:rgba(250,250,249,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
    #nav-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;
      margin-right:-6px;border:0;background:transparent;color:#18181B;border-radius:10px;cursor:pointer}
    #nav-burger svg{width:22px;height:22px}
    #nav-burger[aria-expanded="true"]{background:#EDEDF5}
    #prod-open{display:none}
    #nav-menu{display:flex;flex-direction:column;background:rgba(250,250,249,.99);
      border-top:1px solid #E7E7EA;padding:2px 16px 12px}
    #nav-menu[hidden]{display:none}
    #nav-menu a,#nav-menu button{display:flex;align-items:center;min-height:48px;font-size:16px;
      color:#18181B;background:transparent;border:0;border-bottom:1px solid #F0F0F4;
      padding:0;text-align:left;font-family:inherit;width:100%}
    #nav-menu button{color:#5B5BD6;font-weight:600;border-bottom:0}
    nav a[href="#lead-form"].btn,nav a[href="/#lead-form"].btn{min-height:44px;display:inline-flex;align-items:center}
    nav a[aria-label="syntax"]{min-height:44px}
    footer a{min-height:44px;display:inline-flex;align-items:center}
    .eyebrow,.flegal,.fstatus{font-size:12px}
    .fmag .k,.fcol h3{font-size:12px}
    .fmid{grid-template-columns:1fr;gap:22px}
    /* Вертикальные отступы секций задуманы под десктоп: на телефоне 96px сверху
       и снизу дают 192px пустоты на каждом стыке — полтора экрана ни за что. */
    .py-16,.py-20,.py-24{padding-top:48px;padding-bottom:48px}
    .pt-14,.pt-20,.pt-28,.pt-32{padding-top:40px}
    .pb-16,.pb-20,.pb-24{padding-bottom:48px}
  }
  @media(max-width:380px){ .brand-word{display:none} }

  /* Текст внутри цветной заливки. Перевод с тёмной темы AI2b менял текст по
     классу самого элемента, а фон у таких блоков задан на родителе — и серый
     text-sub оказывался на фиолетовом при контрасте 1,4:1. Держим белый там,
     где подложка цветная. */
  .bg-accent .text-sub,.bg-ok .text-sub{color:rgba(255,255,255,.92)}
  .bg-accent .text-ink,.bg-ok .text-ink{color:#fff}
  .bg-accent .text-com,.bg-ok .text-com{color:rgba(255,255,255,.82)}

  @media(max-width:767px){
    /* Тап-цели на внутренних страницах: ссылки-действия и кнопки-фильтры
       приходили из старой вёрстки высотой 17–36px. */
    a.inline-flex,a.flex,button[class*="rounded-"],a[class*="rounded-"]{min-height:44px}
    #nav-burger{flex:none}
    /* Кегль: мелкие подписи и бейджи из старой темы */
    [class*="text-[10px]"],[class*="text-[11px]"],.text-xs{font-size:12px}
  }