/* Адаптив светлого лендинга MULTI: ноутбук 1200, планшет 960 и телефон 390. */

@media(max-width:1199px){
  /* Шапка */
  .page-home .header-inner,.lp-header .header-inner{display:flex;min-height:68px}
  .header-actions,.page-home .header-actions,.lp-header .header-actions{display:none}
  .menu-toggle{display:flex}
  .main-navigation,.page-home .main-navigation,.lp-header .main-navigation{
    display:none;
    position:fixed;left:0;right:0;top:68px;z-index:55;
    flex-direction:column;align-items:stretch;gap:0;
    margin:0;padding:8px var(--page-gutter) 24px;
    border:0;border-radius:0;
    background:var(--paper);border-bottom:1px solid var(--line);
    max-height:calc(100dvh - 68px);overflow:auto;
  }
  .main-navigation.is-open,.page-home .main-navigation.is-open,.lp-header .main-navigation.is-open{display:flex}
  .main-navigation>a,.page-home .main-navigation>a,.lp-header .main-navigation>a{padding:13px 0;border-radius:0;border-bottom:1px solid var(--line);font-size:16px;color:var(--text-2);box-shadow:none;background:none}
  .main-navigation>a:hover,.page-home .main-navigation>a:hover,.lp-header .main-navigation>a:hover{color:var(--text);background:none;box-shadow:none}
  .mobile-nav-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}
  .mobile-nav-actions .button{width:100%}

  .hero{padding-block:60px 72px}
  .lp-hero{padding-block:68px 0}
  .lp-trust{margin-top:56px;gap:16px 22px}

  .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-niche-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-partner-intro{grid-template-columns:1fr;gap:36px}
  .section-heading{margin-bottom:36px}

  .hero.page-hero{padding-block:72px 80px}
  .page-pricing .pricing-card{min-height:0}
  .page-pricing .hero-copy,.page-partners .hero-copy{max-width:none;width:auto}
}

@media(max-width:1059px){
  /* На планшете и телефоне слово multi собирается в верхней свободной полосе над заголовком */
  .lp-hero{padding-top:188px}
  .lp-hero .hero-copy{align-items:center;text-align:center;margin-inline:auto;max-width:640px;gap:16px}
  .lp-hero .lead{margin-inline:auto}
  .lp-hero .action-row{justify-content:center}
  .lp-hero .hero-benefits{justify-content:center;text-align:center}

  .lp-ed{padding-top:76px}
  .lp-ed-grid{grid-template-columns:1fr;gap:18px}
  .lp-ed-rail{position:static;flex-direction:row;align-items:baseline;gap:12px}

  .lp-studio{grid-template-columns:1fr;grid-template-rows:none}
  .lp-studio-chat{height:420px;border-right:0;border-bottom:1px solid var(--line)}
  .lp-studio-crm{height:420px}
  .lp-dept-card{grid-template-columns:1fr;gap:24px;padding:24px}
}

@media(max-width:1023px){
  .pricing-grid{grid-template-columns:1fr;gap:12px}
  .pricing-card{padding:26px}
  .price{font-size:28px}
  .comparison-table{min-width:720px}
  .partner-cards,.partner-cards.four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partnership-model,.team-modes{grid-template-columns:1fr}
}

@media(max-width:899px){
  h1,.hero h1{line-height:1.06}
  .section{padding-block:var(--section-space)}
  .lp-niche-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-ladder li{grid-template-columns:40px minmax(0,1fr);gap:8px 14px}
  .lp-ladder-ans{grid-column:2;text-align:left}
  .lp-bar-row{grid-template-columns:1fr;gap:8px}
  .lp-bar-head{display:flex;align-items:baseline;gap:12px}
  .lp-bar-head span{margin-top:0}
  .lp-trust{flex-direction:column;align-items:flex-start;gap:16px}
  .lp-trust-label{max-width:none}
  .lp-trust-tail{margin-left:0;flex-direction:row;align-items:center;gap:20px;width:100%;justify-content:space-between}
  .hero-benefits{gap:6px 18px;font-size:13px}
  .footer-top{flex-direction:column;gap:28px}
  .footer-top nav{grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px 28px;width:100%}
  .footer-legal{flex-direction:column;gap:14px}
  .footer-legal .motion-toggle{flex-basis:auto;justify-content:flex-start}
  .selector-cta{flex-direction:column;align-items:flex-start;gap:18px}
  .page-partners .hero{padding-block:64px 72px}
}

@media(max-width:679px){
  :root{--section-space:56px}
  .header-inner,.page-home .header-inner{min-height:64px}
  .brand img,.lp-header .brand img{height:30px}
  .lp-brand-tag{padding:4px 8px 4px 10px;font-size:10px}
  .main-navigation,.page-home .main-navigation{top:64px;max-height:calc(100dvh - 64px)}

  .hero{padding-block:44px 56px}
  .lp-hero{padding-block:152px 0}
  .hero .action-row,.lp-hero .action-row{width:100%;flex-direction:column;align-items:stretch}
  .hero .action-row .button,.lp-hero .action-row .button{width:100%}
  .hero-benefits{justify-content:center;text-align:center}
  .lp-trust{margin-top:38px;padding-block:20px 24px}
  .lp-trust-label{font-size:10px}
  .lp-trust-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;width:100%}
  .lp-trust-name{font-size:11px;white-space:normal}
  .lp-trust-logo{width:38px;height:38px;border-radius:10px}

  .lp-ed{padding-top:58px}
  .lp-ed-grid{padding-top:26px}
  .steps-grid,.features-grid,.lp-pillars,.integrations-grid,.lp-niche-grid{grid-template-columns:1fr}
  .features-grid{gap:1px}
  .feature-card{padding:22px}
  .integration-card{padding:18px}
  .integration-card>img{width:40px;height:40px}

  .lp-studio-chat,.lp-studio-crm{height:390px}
  .lp-chat-feed{padding:14px 16px}
  .lp-studio-head{padding:12px 16px}
  .lp-crm-dl{padding:14px 16px}
  .lp-dept-card{padding:20px}
  .lp-dept-metrics{padding:18px}
  .lp-final{padding-block:44px 68px}
  .lp-final-card{padding:38px 22px}
  .lp-final-card .action-row{width:100%;flex-direction:column}
  .lp-final-card .action-row .button{width:100%}

  .pricing-card{padding:22px}
  .tabs{display:flex;width:100%;overflow-x:auto}
  .tabs button{flex:1;white-space:nowrap}

  .partner-cards,.partner-cards.four-columns{grid-template-columns:1fr}
  .lp-partner-list li{gap:12px;padding:16px 0}
  .lp-partner-list h3{font-size:15px}

  .final-cta .action-row{width:100%;flex-direction:column}
  .final-cta .action-row .button{width:100%}

  .company-details{grid-template-columns:1fr;gap:6px}
  .site-footer{padding-block:40px 28px}
  .footer-legal nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}

  .hero.page-hero{padding-block:56px 64px}
  .faq-item summary{padding:18px;font-size:15px}
  .faq-answer{padding:0 18px 18px;font-size:15px}
}