@media(max-width:1110px){
  .kx-p-hero .kx-fill,
  .kx-p-about .kx-fill{clip-path:none}
  .kx-nav{display:none!important}
  .kx-burger{display:block;width:44px;height:44px;padding:7px 10px;touch-action:manipulation}
  .kx-burger span{margin:4px 0}
  .kx-hero .mnav{
    width:min(360px,calc(100vw - 32px));
    max-height:calc(100vh - 84px);
    max-height:calc(100dvh - 84px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .kx-hero .mnav.open{display:flex!important;padding:12px;gap:4px}
  .kx-hero .mnav a{min-height:44px;display:flex;align-items:center;line-height:1.35}
  .kx-hero .mnav a.sub{padding-left:24px!important}
  .kx-grid>*,
  .pg-split>*,
  .pg-g2>*,
  .pg-g3>*,
  .pg-g4>*,
  .pg-steps>*,
  .pg-days>*,
  .mfoot-top>*{min-width:0}
  .mfoot-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .mfoot-brand{grid-column:1/-1}
  .kx-grid.pg-hero:not(.cpg){padding:96px 28px 42px;gap:28px}
  .pg-sheet{padding:clamp(30px,5vw,46px) clamp(22px,5vw,40px)}
  .pg-g3,.pg-belief,.pg-steps.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  .kx{padding-block:10px 0}
  .kx-wrap{padding-inline:12px}
  .kx-grid{padding:90px 18px 36px}
  .kx-grid.pg-hero:not(.cpg){padding:90px 18px 32px}
  .kx-logo{left:14px;max-width:calc(100% - 72px)}
  .kx-tagl{white-space:normal!important}
  .pg-wrap{padding-inline:12px}
  .pg-main{padding-top:8px}
  .pg-sheet{padding:28px 18px;border-radius:18px;margin-top:14px}
  .pg-g2,.pg-g3,.pg-g4,.pg-belief,
  .pg-steps.c4,.pg-steps.c3,.pg-steps.c2,.pg-days{
    grid-template-columns:minmax(0,1fr);
  }
  .fw-tiles>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fw-tiles>div button{min-width:0;overflow-wrap:anywhere}
  .pg-btns .kx-b{flex:1 1 100%;justify-content:center;text-align:center}
  .pg-form input,.pg-form select,.pg-form textarea,
  .fw-form input,.fw-form select,.fw-form textarea{
    max-width:100%;
  }
  .pg-faq summary{font-size:15px;gap:12px}
  .mfoot-in{padding-top:42px}
  .mfoot-top{grid-template-columns:minmax(0,1fr);gap:24px}
  .mfoot-brand{grid-column:auto}
  .mfoot .apps{flex-wrap:wrap}
  .mfoot-brand .ad>span:last-child{min-width:0;overflow-wrap:anywhere}
}

@media(max-width:380px){
  .kx-grid{padding-inline:24px}
  .kx-grid.pg-hero:not(.cpg){padding-inline:24px}
  .pg-sheet{padding-inline:15px}
  .pg-btns{gap:9px}
}
