/* ===== переменные/фон секции ===== */
:root{
    --hero-bg:#f6f7fb;
    --cta:#3b5bff;
  }
  
.hero{ background: var(--hero-bg); }
  
  /* отступы и зазоры внутри секции */
.hero .max-w-7xl{
    padding-top: clamp(28px, 6vw, 56px);
    padding-bottom: clamp(24px, 6vw, 56px);
  }

h1 {
    font-size: 36pt;  
  }
  
  /* CTA-кнопка — оставляем как класс .cpa */
.cpa{
    background: var(--cta);
    color:#fff;
    font-weight:800;
    padding:16px 28px;
    border-radius:18px;
    box-shadow:0 12px 24px rgba(59,91,255,.35), inset 0 1px 0 rgba(255,255,255,.2);
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  }
.cpa:hover{
    transform: translateY(-2px);
    box-shadow:0 18px 36px rgba(59,91,255,.42);
  }
  
  /* мобильные правки */
  @media (max-width: 767px){
    .hero .md\:block{ display:none; }        /* у тебя и так hidden md:block, просто на всякий */
  }