@media (max-width: 600px){
  .marketing-body:not(.demo-page) .marketing-header{
    padding:10px 14px;
    gap:10px;
  }

  .marketing-body:not(.demo-page) .header-links{
    display:none;
  }

  .marketing-body:not(.demo-page) .header-cta{
    gap:8px;
  }

  .marketing-body:not(.demo-page) .header-cta .btn-primary.book-demo{
    display:none;
  }

  .marketing-body:not(.demo-page) .header-login{
    font-size:13px;
    padding:4px 0;
  }

  .marketing-body:not(.demo-page) .hero{
    min-height:auto;
    padding:52px 18px 46px;
    overflow:hidden;
  }

  .marketing-body:not(.demo-page) .hero-layout,
  .marketing-body:not(.demo-page) .hero-content{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .marketing-body:not(.demo-page) .hero h1,
  .marketing-body:not(.demo-page) .hero-title-centered{
    max-width:100%;
    font-size:40px;
    line-height:1.08;
  }

  .marketing-body:not(.demo-page) .typed-line,
  .marketing-body:not(.demo-page) .typed-word{
    max-width:100%;
    font-size:40px;
    line-height:1.1;
  }

  .marketing-body:not(.demo-page) .hero-sub{
    max-width:100%;
    font-size:15px;
    line-height:1.55;
  }

  .marketing-body:not(.demo-page) .hero-actions,
  .marketing-body:not(.demo-page) .hero-benefits{
    width:100%;
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
  }

  .marketing-body:not(.demo-page) .hero-actions{
    margin-bottom:12px;
    gap:10px;
    flex-direction:column;
    align-items:stretch;
  }

  .marketing-body:not(.demo-page) .hero-actions .btn-primary.book-demo,
  .marketing-body:not(.demo-page) .hero-learner-link{
    width:100%;
    min-width:0;
    height:42px;
    padding:0 14px;
    border-radius:10px;
    font-size:14px;
    line-height:1.15;
    white-space:normal;
    text-align:center;
  }

  .marketing-body:not(.demo-page) .hero-benefits{
    gap:8px;
  }

  .marketing-body:not(.demo-page) .hero-benefit{
    width:100%;
    justify-content:center;
    min-height:34px;
    padding:7px 10px;
    font-size:13px;
    line-height:1.2;
  }

  .marketing-body:not(.demo-page) .faq-section{
    padding:48px 16px;
  }

  .marketing-body:not(.demo-page) .faq-list details{
    padding:14px 16px;
    border-radius:10px;
  }

  .marketing-body:not(.demo-page) .faq-list details:hover{
    transform:none;
  }

  .marketing-body:not(.demo-page) .faq-list summary{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 20px;
    align-items:start;
    gap:12px;
    font-size:15px;
    line-height:1.35;
    overflow-wrap:break-word;
  }

  .marketing-body:not(.demo-page) .faq-list summary::after{
    width:20px;
    margin-left:0;
    line-height:1.25;
    text-align:center;
  }

  .marketing-body:not(.demo-page) .faq-list p{
    font-size:14px;
    line-height:1.55;
  }
}