/* EntryLap V48 — dedicated mobile navigation. No desktop layout changes. */
.growth-mobile-toggle,
.growth-mobile-backdrop,
.growth-mobile-drawer{display:none}

@media (max-width:900px){
  html.growth-mobile-menu-open,
  html.growth-mobile-menu-open body{overflow:hidden}

  .growth-nav-shell{position:relative;z-index:1004;overflow:visible}

  .growth-mobile-toggle{
    position:relative;
    grid-column:2;
    justify-self:end;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(255,255,255,.22);
    border-radius:11px;
    background:linear-gradient(145deg,#2f8b68,#17765b);
    color:#fff;
    cursor:pointer;
    overflow:hidden;
    isolation:isolate;
    transition:background .24s ease,border-color .24s ease,transform .24s cubic-bezier(.2,.8,.2,1);
    -webkit-tap-highlight-color:transparent;
  }
  .growth-mobile-toggle::before{
    content:"";
    position:absolute;
    inset:-45% -20%;
    z-index:-1;
    background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);
    transform:translateX(-75%) rotate(8deg);
    transition:transform .6s cubic-bezier(.2,.8,.2,1);
  }
  .growth-mobile-toggle:active{transform:scale(.96)}
  .growth-mobile-toggle span{
    position:absolute;
    left:12px;
    width:20px;
    height:2px;
    border-radius:999px;
    background:#fff;
    transform-origin:center;
    transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .18s ease,width .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1);
  }
  .growth-mobile-toggle span:nth-child(1){top:14px}
  .growth-mobile-toggle span:nth-child(2){top:21px;width:14px;left:18px}
  .growth-mobile-toggle span:nth-child(3){top:28px}

  .growth-header.is-mobile-menu-open .growth-mobile-toggle{
    background:linear-gradient(145deg,#0c2d4b,#102642);
    border-color:rgba(255,255,255,.16);
  }
  .growth-header.is-mobile-menu-open .growth-mobile-toggle::before{transform:translateX(75%) rotate(8deg)}
  .growth-header.is-mobile-menu-open .growth-mobile-toggle span:nth-child(1){top:21px;transform:rotate(45deg)}
  .growth-header.is-mobile-menu-open .growth-mobile-toggle span:nth-child(2){opacity:0;width:0;left:22px}
  .growth-header.is-mobile-menu-open .growth-mobile-toggle span:nth-child(3){top:21px;transform:rotate(-45deg)}

  .growth-mobile-backdrop{
    position:fixed;
    inset:0;
    z-index:998;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(5,24,42,.28);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .26s ease,visibility .26s ease;
  }

  .growth-mobile-drawer{
    position:fixed;
    z-index:1002;
    top:76px;
    left:max(12px,env(safe-area-inset-left));
    right:max(12px,env(safe-area-inset-right));
    display:block;
    max-width:520px;
    max-height:calc(100dvh - 90px);
    margin-inline:auto;
    padding:12px;
    overflow:auto;
    overscroll-behavior:contain;
    border:1px solid rgba(10,37,64,.12);
    border-radius:15px;
    background:rgba(255,255,255,.985);
    backdrop-filter:blur(24px) saturate(1.2);
    -webkit-backdrop-filter:blur(24px) saturate(1.2);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px) scale(.975);
    transform-origin:top right;
    transition:opacity .28s ease,visibility .28s ease,transform .32s cubic-bezier(.2,.8,.2,1);
  }
  .growth-mobile-drawer::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:86px;
    z-index:-1;
    border-radius:14px 14px 0 0;
    background:
      radial-gradient(circle at 86% 18%,rgba(84,226,196,.20),transparent 32%),
      radial-gradient(circle at 20% -30%,rgba(99,91,255,.16),transparent 42%),
      linear-gradient(180deg,#f7fbff,rgba(247,251,255,.2));
    pointer-events:none;
  }
  .growth-header.is-mobile-menu-open .growth-mobile-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .growth-header.is-mobile-menu-open .growth-mobile-drawer{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }

  .growth-mobile-drawer-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:3px 3px 11px;
    border-bottom:1px solid rgba(10,37,64,.08);
  }
  .growth-mobile-drawer-head>div{min-width:0}
  .growth-mobile-drawer-head span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#25765d;
    font-size:10px;
    font-weight:800;
    
  }
  .growth-mobile-drawer-head span i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#52bb91;
    animation:growthMenuPulse 1.8s ease-in-out infinite;
  }
  .growth-mobile-drawer-head b{
    display:block;
    margin-top:4px;
    color:#0b2846;
    font-size:12px;
    line-height:1.25;
    
  }
  .growth-mobile-drawer-head em{
    flex:0 0 auto;
    padding:5px 7px;
    border:1px solid rgba(99,91,255,.10);
    border-radius:999px;
    background:#f1f0ff;
    color:#625bf2;
    font-size:12px;
    font-style:normal;
    font-weight:700;
    white-space:nowrap;
  }

  .growth-mobile-signal{
    display:grid;
    grid-template-columns:auto 1fr auto 1fr auto;
    gap:6px;
    align-items:center;
    margin:10px 2px;
    padding:8px 9px;
    border:1px solid rgba(10,37,64,.07);
    border-radius:10px;
    background:#f8fbfd;
    overflow:hidden;
  }
  .growth-mobile-signal span{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
    color:#536b82;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
  }
  .growth-mobile-signal span i{color:#358e6c}
  .growth-mobile-signal>i{
    height:1px;
    min-width:8px;
    background:linear-gradient(90deg,rgba(53,142,108,.16),#57c9a0,rgba(99,91,255,.18));
    background-size:180% 100%;
    animation:growthMenuFlow 2.4s linear infinite;
  }

  .growth-mobile-nav{
    display:grid;
    gap:6px;
  }
  .growth-mobile-nav a{
    position:relative;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 26px;
    gap:9px;
    align-items:center;
    min-width:0;
    min-height:56px;
    padding:8px 9px;
    border:1px solid rgba(10,37,64,.075);
    border-radius:10px;
    background:#fff;
    color:#0b2846;
    opacity:0;
    transform:translateX(14px);
    transition:border-color .2s ease,background .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease;
  }
  .growth-mobile-nav a::after{
    content:"";
    position:absolute;
    inset:7px auto 7px 0;
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg,#258866,#635bff);
    opacity:0;
    transform:scaleY(.3);
    transition:.24s ease;
  }
  .growth-header.is-mobile-menu-open .growth-mobile-nav a{opacity:1;transform:none}
  .growth-header.is-mobile-menu-open .growth-mobile-nav a:nth-child(1){transition-delay:.05s}
  .growth-header.is-mobile-menu-open .growth-mobile-nav a:nth-child(2){transition-delay:.08s}
  .growth-header.is-mobile-menu-open .growth-mobile-nav a:nth-child(3){transition-delay:.11s}
  .growth-header.is-mobile-menu-open .growth-mobile-nav a:nth-child(4){transition-delay:.14s}
  .growth-header.is-mobile-menu-open .growth-mobile-nav a:nth-child(5){transition-delay:.17s}
  .growth-header.is-mobile-menu-open .growth-mobile-nav a:nth-child(6){transition-delay:.20s}
  .growth-mobile-nav a:active{transform:scale(.985)}
  .growth-mobile-nav a.is-active{
    border-color:rgba(99,91,255,.17);
    background:linear-gradient(90deg,#f5fbf8,#f8f7ff);
  }
  .growth-mobile-nav a.is-active::after{opacity:1;transform:scaleY(1)}
  .growth-mobile-nav-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#eef3ff;
    color:#625bf2;
    font-size:15px;
  }
  .growth-mobile-nav a:nth-child(3) .growth-mobile-nav-icon,
  .growth-mobile-nav a:nth-child(5) .growth-mobile-nav-icon{
    background:#edf9f4;
    color:#278665;
  }
  .growth-mobile-nav-copy{min-width:0}
  .growth-mobile-nav-copy b{
    display:block;
    color:#0c2947;
    font-size:13px;
    line-height:1.2;
  }
  .growth-mobile-nav-copy small{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:#75879a;
    font-size:12px;
    line-height:1.25;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .growth-mobile-nav-arrow{
    justify-self:center;
    color:#91a0af;
    font-size:12px;
    transition:transform .2s ease,color .2s ease;
  }
  .growth-mobile-nav a.is-active .growth-mobile-nav-arrow{color:#625bf2;transform:translateX(2px)}

  .growth-mobile-drawer-actions{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    gap:7px;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid rgba(10,37,64,.08);
  }
  .growth-mobile-drawer-actions a{
    min-width:0;
    min-height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 10px;
    border-radius:10px;
    font-size:12px;
    font-weight:800;
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
  }
  .growth-mobile-drawer-actions a:active{transform:scale(.98)}
  body.growth-home .growth-mobile-install{
    border:1px solid #318766;
    background:#318766;
    color:#fff;
  }
  .growth-mobile-install i{font-size:16px}
  .growth-mobile-login{
    border:1px solid rgba(10,37,64,.12);
    background:#f7f9fc;
    color:#0b2846;
  }

  @keyframes growthMenuPulse{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
  @keyframes growthMenuFlow{to{background-position:-180% 0}}
}

@media (max-width:430px){
  .growth-mobile-drawer{top:73px;left:10px;right:10px;padding:10px;max-height:calc(100dvh - 84px)}
  .growth-mobile-drawer-head em{display:none}
  .growth-mobile-nav a{min-height:54px;padding:7px 8px}
}

@media (max-width:340px){
  .growth-mobile-toggle{width:40px;height:40px}
  .growth-mobile-toggle span{left:11px;width:18px}.growth-mobile-toggle span:nth-child(2){left:16px;width:13px}
  .growth-mobile-drawer{top:70px;left:8px;right:8px;padding:9px}
  .growth-mobile-nav{gap:5px}
  .growth-mobile-nav a{grid-template-columns:35px minmax(0,1fr) 20px;gap:7px;min-height:51px}
  .growth-mobile-nav-icon{width:35px;height:35px}
  .growth-mobile-drawer-actions{grid-template-columns:1fr 1fr}
  .growth-mobile-drawer-actions a{padding-inline:7px}
}

@media (prefers-reduced-motion:reduce){
  .growth-mobile-toggle,
  .growth-mobile-toggle span,
  .growth-mobile-backdrop,
  .growth-mobile-drawer,
  .growth-mobile-nav a{transition:none}
  .growth-mobile-drawer-head span i,
  .growth-mobile-signal>i{animation:none}
}
