/* ===== мобильная версия: всё компактнее ===== */
@media (max-width:560px){

  body{font-size:15px;line-height:1.6}
  .wrap{padding:0 18px}

  /* шапка */
  .top .wrap{height:56px;gap:10px}
  .logo{font-size:15.5px;gap:9px}
  .mark{width:28px;height:28px;border-radius:9px;font-size:13.5px}
  .top nav{gap:10px}
  .theme{width:30px;height:30px;border-radius:9px}
  .theme svg{width:15px;height:15px}
  .btn.sm{padding:9px 13px;font-size:13px}

  /* заголовки */
  h1{font-size:27px;line-height:1.14;letter-spacing:-.028em;margin-bottom:14px;max-width:none}
  h2{font-size:21px;line-height:1.2;letter-spacing:-.022em;margin-bottom:10px}
  .lead{font-size:15.5px;line-height:1.55;margin-bottom:22px}
  .sec-lead{font-size:14.5px;margin-bottom:24px}
  .eyebrow{font-size:10.5px;letter-spacing:.15em;margin-bottom:10px}

  /* секции */
  .hero{padding:36px 0 30px}
  section{padding:42px 0}
  .final{padding:44px 0}
  .cta-row{gap:9px}
  .cta-row .btn{flex:1;min-width:150px}
  .btn{padding:13px 18px;font-size:14.5px;border-radius:10px}
  .perks{gap:12px;margin-top:18px;font-size:12.5px}

  /* лента лидов */
  .leads-head{margin-bottom:13px}
  .leads-head b{font-size:15px}
  .leads-head span{font-size:12.5px}
  .leads-live{font-size:11px;letter-spacing:.1em}
  .lcard{width:236px;padding:13px;border-radius:12px}
  .lcard .lav{width:26px;height:26px;border-radius:8px;font-size:10.5px}
  .lcard .ln{font-size:12.5px}
  .lcard .lc{font-size:10.5px}
  .lcard .lt{font-size:12.5px;min-height:56px;line-height:1.5}
  .lcard .lf{margin-top:10px;padding-top:10px}
  .tmp{font-size:10px;padding:2px 8px 2px 7px}
  .leads-stats{gap:9px;margin-top:16px}
  .leads-stats div{padding:13px 15px;border-radius:12px}
  .leads-stats b{font-size:20px}
  .leads-stats span{font-size:12px}

  /* колонки сравнения */
  .vs{gap:10px}
  .vs-col{padding:18px;border-radius:14px}
  .vs-col h3{font-size:15px;margin-bottom:13px}
  .vs-col ul{gap:11px;font-size:13.5px}
  .vs-col li{gap:10px}
  .vs-col li::before{width:16px;height:16px;background-size:8px}

  /* шаги и возможности */
  .steps,.grid12{gap:9px}
  .step{padding:17px;border-radius:13px}
  .step .k{font-size:10.5px;margin-bottom:10px}
  .step h3{font-size:15px}
  .step p{font-size:13.5px}
  .f12{padding:15px 16px;font-size:12.5px;border-radius:13px}
  .f12 b{font-size:13.5px;margin-bottom:5px}

  /* таблица */
  .tbl-hold{border-radius:14px}
  table.cmp{font-size:12.5px;min-width:560px}
  table.cmp th,table.cmp td{padding:11px 13px}
  table.cmp thead th{font-size:10px;letter-spacing:.1em}

  /* тарифы */
  .plans{gap:11px}
  .plan{padding:20px 18px;gap:14px;border-radius:16px}
  .plan h3{font-size:16px}
  .plan .tag{font-size:10px;padding:5px 11px;letter-spacing:.1em}
  .price b{font-size:30px}
  .price span{font-size:13px}
  .plan ul{gap:9px;font-size:13.5px}
  .plan li svg{width:15px;height:15px;margin-top:3px}
  .plan .foot{font-size:12px}
  .turnkey{padding:20px;border-radius:16px;gap:16px}
  .turnkey h3{font-size:19px;margin:6px 0 9px}
  .turnkey p{font-size:13.5px}

  /* вопросы */
  details{padding:14px 16px;border-radius:12px}
  summary{font-size:14.5px;gap:10px}
  details p{font-size:13.5px;margin-top:10px}

  /* подвал и липкая кнопка */
  footer{padding:26px 0 96px;font-size:12.5px}
  .foot-tag{font-size:14px}
  .legal .ent{font-size:12px}
  .legal .lnk{gap:12px;font-size:12px}
  .sticky{padding:9px 16px calc(9px + env(safe-area-inset-bottom,0px))}
  .sticky .p{font-size:11.5px}
  .sticky .p b{font-size:13px}

  /* согласие на сбор статистики */
  .consent{padding:14px;gap:12px;border-radius:14px}
  .consent .c-txt{font-size:12.5px;min-width:0}

  /* модалка */
  .modal{padding:16px}
  .modal .box{padding:24px 20px;border-radius:16px}
  .modal h3{font-size:20px}
  .modal p{font-size:13.5px;margin-bottom:16px}
  .modal .sum{padding:12px 14px;margin-bottom:16px}
  .modal .sum b{font-size:19px}

  /* ---- демо: на телефоне рамка устройства не нужна ---- */
  .demo-hold{gap:22px}
  .phone{max-width:100%;height:600px;padding:0;border-radius:16px;border:1px solid var(--line);
    box-shadow:0 14px 30px -22px rgba(13,19,32,.55)}
  .screen{border-radius:15px}
  .demo-flag{font-size:9.5px;padding:7px 12px;letter-spacing:.12em}
  .head{padding:10px 13px;gap:9px}
  .head .mark{width:28px;height:28px;font-size:13px}
  .head .t{font-size:14px}
  .head .s{font-size:11px}
  .view{padding:14px 13px;gap:12px}
  .view h3{font-size:18.5px}
  .sub{font-size:12.5px}
  .abody input,.abody textarea{font-size:15px;padding:11px 12px;border-radius:10px}
  .abody input::placeholder,.abody textarea::placeholder{font-size:13px}
  .field label{font-size:11px}
  .abtn{padding:13px;font-size:14.5px;border-radius:10px}
  .abtn.sm{padding:11px;font-size:13px}
  .chip{padding:6px 11px;font-size:12px}
  .stat{padding:10px 5px;border-radius:11px}
  .stat b{font-size:18px}
  .stat span{font-size:9.5px}
  .item{padding:10px 11px;border-radius:11px}
  .ava{width:32px;height:32px;border-radius:9px;font-size:11.5px}
  .item .n{font-size:13.5px}
  .item .d{font-size:11px}
  .trunc{max-width:150px}
  .radar{height:104px}
  .radar .core{width:52px;height:52px}
  .log{font-size:11.5px;line-height:1.7}
  .ring{width:72px;height:72px}
  .ring i{width:58px;height:58px;font-size:18px}
  .coach{padding:12px;border-radius:11px}
  .coach .ct{font-size:13px}
  .coach .cd{font-size:12px}
  .quote{font-size:13px;padding:11px}
  .ai{font-size:12.5px;padding:12px}
  .nav a{font-size:9.5px}
  .nav a .ic,.nav a svg{width:21px;height:21px}
  .bub{font-size:12.5px;padding:10px 12px}
  .toast .n{font-size:12.5px}
  .toast .d{font-size:10.5px;max-width:170px}

  /* прогресс обучения */
  .guide{position:static;gap:12px}
  .guide h2{font-size:20px}
  .gstep{padding:13px 14px;gap:12px;border-radius:13px}
  .gstep .gn{width:23px;height:23px;font-size:11px}
  .gstep .gt{font-size:13.5px}
  .gstep .gd{font-size:12.5px;margin-top:3px}
}

/* совсем узкие экраны */
@media (max-width:380px){
  h1{font-size:25px}
  h2{font-size:19.5px}
  .phone{height:560px}
  .lcard{width:216px}
}