/* KP_MOBILE_MARKETING_MENU_v1 */
.kp-mobile-menu-trigger,.kp-mobile-drawer,.kp-mobile-backdrop{display:none}

@media(max-width:820px){
  body.kp-menu-open{overflow:hidden}
  .landing-nav{
    width:calc(100% - 32px);
    padding:16px 0;
    gap:12px;
    position:relative;
    z-index:30
  }
  .landing-nav>nav{display:none!important}

  .kp-mobile-menu-trigger{
    display:flex;
    width:48px;height:48px;
    flex:0 0 48px;
    border:1px solid rgba(245,158,11,.32);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(245,158,11,.12),rgba(10,15,19,.94));
    align-items:center;justify-content:center;
    flex-direction:column;gap:5px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    cursor:pointer
  }
  .kp-mobile-menu-trigger span{
    display:block;width:22px;height:2px;
    border-radius:99px;background:#ffbd32;
    box-shadow:0 0 12px rgba(245,158,11,.28)
  }

  .kp-mobile-backdrop{
    display:block;position:fixed;inset:0;z-index:9997;
    background:rgba(2,6,9,.72);
    backdrop-filter:blur(5px);
    opacity:0;visibility:hidden;
    transition:.22s ease
  }
  .kp-mobile-drawer{
    display:flex;position:fixed;
    z-index:9998;top:10px;bottom:10px;left:10px;
    width:min(88vw,390px);
    padding:22px 18px 20px;
    flex-direction:column;
    border:1px solid rgba(245,158,11,.5);
    border-radius:28px;
    background:
      radial-gradient(circle at 20% 10%,rgba(245,158,11,.13),transparent 32%),
      linear-gradient(155deg,#171813 0%,#0c1114 52%,#11100b 100%);
    box-shadow:30px 0 80px rgba(0,0,0,.62),inset 0 0 50px rgba(245,158,11,.025);
    transform:translateX(calc(-100% - 22px));
    transition:transform .27s cubic-bezier(.22,.75,.2,1);
    overflow:auto
  }
  body.kp-menu-open .kp-mobile-drawer{transform:translateX(0)}
  body.kp-menu-open .kp-mobile-backdrop{opacity:1;visibility:visible}

  .kp-mobile-head{
    display:flex;align-items:center;gap:13px;
    margin:3px 2px 24px
  }
  .kp-mobile-logo{
    width:58px;height:58px;flex:0 0 58px;
    display:grid;place-items:center;
    border-radius:18px;
    font-size:25px;font-weight:900;color:#16130b;
    background:linear-gradient(145deg,#ffc23a,#f59e0b);
    box-shadow:0 12px 30px rgba(245,158,11,.2)
  }
  .kp-mobile-brand{min-width:0}
  .kp-mobile-brand b{display:block;color:#f6f7f8;font-size:25px;line-height:1.05}
  .kp-mobile-brand span{display:block;color:#8496a1;font-size:14px;line-height:1.35;margin-top:5px}
  .kp-mobile-close{
    margin-left:auto;width:42px;height:42px;
    border:0;background:transparent;color:#ffbd32;
    font-size:34px;line-height:1;cursor:pointer
  }

  .kp-mobile-links{display:grid;gap:5px}
  .kp-mobile-link{
    display:grid;grid-template-columns:38px 1fr 20px;
    align-items:center;gap:10px;
    min-height:58px;padding:8px 12px;
    border:1px solid transparent;border-radius:17px;
    color:#eef2f4;text-decoration:none;
    font-size:17px;font-weight:650
  }
  .kp-mobile-link:hover,.kp-mobile-link:active{
    background:rgba(245,158,11,.09);
    border-color:rgba(245,158,11,.32)
  }
  .kp-mobile-link.is-active{
    color:#ffc744;
    background:linear-gradient(90deg,rgba(245,158,11,.15),rgba(245,158,11,.05));
    border-color:rgba(245,158,11,.66)
  }
  .kp-mobile-icon{
    width:34px;height:34px;
    display:grid;place-items:center;
    color:currentColor;font-size:20px
  }
  .kp-mobile-arrow{font-size:26px;color:#7f8b92;text-align:right}
  .kp-mobile-link.is-active .kp-mobile-arrow{color:#ffc744}

  .kp-mobile-sep{
    height:1px;margin:17px 3px;
    background:linear-gradient(90deg,rgba(245,158,11,.55),rgba(245,158,11,.08))
  }
  .kp-mobile-panel{
    display:flex;align-items:center;justify-content:center;gap:12px;
    min-height:64px;padding:0 18px;
    border-radius:18px;
    background:linear-gradient(135deg,#ffc33d,#f59e0b);
    color:#17120a!important;text-decoration:none;
    font-size:18px;font-weight:900;
    box-shadow:0 16px 35px rgba(245,158,11,.2)
  }
  .kp-mobile-foot{
    margin-top:auto;padding:22px 5px 4px;
    color:#647681;font-size:12px;line-height:1.5
  }
}