/* ============================================================
   Responsive
   ============================================================ */

@media (max-width:1000px){
  .hero .wrap{grid-template-columns:1fr;gap:44px}
  .hero .radar-amb{opacity:.35;right:-180px;top:-200px}
  .botshow{grid-template-columns:1fr;gap:36px}
  .calc-wrap{grid-template-columns:1fr}
  .niche-panel{grid-template-columns:1fr}
  .niche-config{position:static}
  .price-grid{grid-template-columns:repeat(2,1fr)}
  .footer .cols{grid-template-columns:1fr 1fr;gap:32px}
  .footer .brand-col{grid-column:1 / -1}
}

@media (max-width:820px){
  .nav-mid{display:none}
  .nav-right .lang,.nav-right .btn{display:none}
  .nav-burger{display:flex}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .step:not(:last-child)::after{display:none}
  .step{border-bottom:1px solid var(--line);padding:28px 4px}
  .step .bignum{font-size:46px}
  .case-grid{grid-template-columns:1fr}
  .trust .t-sep{display:none}
}

@media (max-width:560px){
  body{font-size:16px}
  .usp-band{flex-direction:column;align-items:flex-start;text-align:left}
  .hero-cta .btn,.final .hero-cta .btn{width:100%}
  .crow{grid-template-columns:1.2fr .9fr .9fr}
  .crow>div{padding:13px 12px;font-size:12.5px}
  .crow .us,.crow .them{font-size:12.5px;gap:7px}
  .calc-plans{grid-template-columns:1fr}
  .calc-stats{grid-template-columns:1fr;gap:10px;text-align:left}
  .calc-stats .cs{display:flex;align-items:baseline;gap:8px}
  .case-meta{gap:16px}
  .tg{padding:13px 11px}
  .footer .cols{grid-template-columns:1fr}
  .footer .bottom{flex-direction:column;align-items:flex-start;gap:10px}
}

@media (max-width:380px){
  :root{--gutter:16px}
  .hero-meta .chip{font-size:11.5px;padding:7px 11px}
  .plan .pprice{font-size:29px}
}