/* ============================================================
   Стили уровня страницы: анимации, адаптив, мобильная панель.
   Подключается на главной и на всех посадочных.
   ============================================================ */

/* плавающие карточки героя */
@keyframes floaty { 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-9px) } }
.float-a{ animation: floaty 5s ease-in-out infinite; }
.float-b{ animation: floaty 6s ease-in-out .8s infinite; }

/* мобильная нижняя панель действий */
.mobilebar{ display:none; }
@media (max-width: 760px){
  .mobilebar{ position:fixed; left:0; right:0; bottom:0; z-index:90; display:flex; gap:10px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom)); background:rgba(246,239,226,.92);
    backdrop-filter:blur(10px); border-top:1px solid var(--line); }
  .mobilebar .btn{ padding:13px 14px; font-size:15px; }
  body{ padding-bottom:72px; }
}

/* адаптив сеток */
@media (max-width: 1000px){
  .hero-grid, .config-grid, .land-hero, .cta-band, .about-grid{ grid-template-columns:1fr !important; }
  .config-grid > div:first-child, .land-hero > div:last-child{ position:static !important; }
  .rev-grid{ columns:2 !important; }
  .land-coll, .land-rev{ grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width: 860px){
  .mainnav, .head-phone{ display:none !important; }
  .burger{ display:flex !important; align-items:center; justify-content:center; }
  .benefit-grid, .obj-grid, .cov-grid, .case-grid, .steps-grid, .stats-row,
  .usp-row, .faq-grid, .cross-grid{ grid-template-columns:1fr !important; }
  .usp-row{ grid-template-columns:1fr 1fr !important; gap:18px !important; }
}
@media (max-width: 680px){
  .rev-grid{ columns:1 !important; }
  .util-right span:first-child{ display:none !important; }
  .case-allbtn{ display:none !important; }
  .stats-row{ grid-template-columns:1fr 1fr !important; gap:28px 16px !important; }
  .land-coll, .land-rev, .usp-row{ grid-template-columns:1fr !important; }
}