/* ===== Slide 1 — Hero ===== */
  .hero-headline{
    position:absolute; left:546.2px; top:114px; width:713.8px; margin:0;
    font-family:'Unbounded',sans-serif; font-weight:600; font-size:64px;
    line-height:0.9; color:var(--ink);
  }
  .hero-paragraph{
    position:absolute; left:888px; top:385px; width:372px; margin:0;
    font-family:'Unbounded',sans-serif; font-weight:400; font-size:16px;
    line-height:1.6; color:var(--ink);
  }
  /* Обе кнопки центрируются по своей точке ЛЕЙАУТОМ, а не
     transform:translate(-50%) — их transform принадлежит GSAP (.s1-fly в
     js/slide1-intro.js и hero-параллакс в js/parallax-texts.js пишут y), и
     CSS-ный сдвиг он затирает; в Safari при этом запекается x=0 и кнопка
     уезжает вправо на полширины. Разбор — у .solution-text в
     css/slide3-cost.css. Приём: left:0 + right:(1440 - 2*Xцентра) +
     margin:0 auto центрирует бокс ровно по Xцентра ПРИ ЛЮБОЙ его ширине
     (689 → 1440-1378=62; 1018 → 1440-2036=-596, отрицательный right тут
     штатен — реальный бокс остаётся внутри канваса, наружу выходит только
     расчётная область для margin:auto). Ширина остаётся по контенту
     (max-content) — фиксированный px под текст ломается в Safari на других
     метриках шрифта, см. тот же разбор у .connect-cta. */
  .btn-demo{
    position:absolute; left:0; right:62px; margin:0 auto; width:max-content;
    top:597px;
    background:var(--ink); color:#fff; padding:12px 20px; border:none; border-radius:26px;
    font-family:'Source Sans Pro',sans-serif; font-weight:600; font-size:16px;
    letter-spacing:0.7143px; text-transform:uppercase; white-space:nowrap; cursor:pointer;
  }
  .btn-features{
    position:absolute; left:0; right:-596px; margin:0 auto; width:max-content;
    /* Вертикаль: было top:625 + translateY(-50%). Высота кнопки задана
       иконкой (24px, текст ниже её по line-height), поэтому центр 625
       эквивалентен top:613 — плоским числом, без transform. */
    top:613px; height:24px;
    display:flex; align-items:center; gap:10px; background:none; border:none; padding:0; cursor:pointer;
  }
  .btn-features img{ width:24px; height:24px; }
  .btn-features span{
    font-family:'Source Sans Pro',sans-serif; font-weight:600; font-size:16px;
    letter-spacing:0.7143px; text-transform:uppercase; color:var(--ink); white-space:nowrap;
  }
  .logo-big{ position:absolute; left:268px; top:303px; width:188px; height:153px; }