/* Shared mobile navigation + mobile layout polish */

/* Login is intentionally removed from the public website navigation. */
a[href="#login"],
.nav-cta > .link-quiet[href="#login"]{
  display:none!important;
}

.av-mobile-menu-toggle,
.av-mobile-menu{
  display:none;
}

@media(max-width:980px){
  .homepage-header nav.wrap,
  header nav.wrap{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  .navlinks{
    display:none!important;
  }

  .av-mobile-menu-toggle{
    appearance:none;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    border:1px solid rgba(210,220,230,.22);
    border-radius:11px;
    background:rgba(10,26,40,.78);
    color:#fff;
    cursor:pointer;
    position:relative;
    z-index:1102;
  }

  .av-mobile-menu-toggle span,
  .av-mobile-menu-toggle:before,
  .av-mobile-menu-toggle:after{
    content:"";
    position:absolute;
    width:18px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transition:transform .2s ease,opacity .2s ease,top .2s ease;
  }
  .av-mobile-menu-toggle span{top:20px}
  .av-mobile-menu-toggle:before{top:14px}
  .av-mobile-menu-toggle:after{top:26px}
  .av-mobile-menu-toggle[aria-expanded="true"] span{opacity:0}
  .av-mobile-menu-toggle[aria-expanded="true"]:before{top:20px;transform:rotate(45deg)}
  .av-mobile-menu-toggle[aria-expanded="true"]:after{top:20px;transform:rotate(-45deg)}

  .nav-cta{
    margin-left:0!important;
  }

  .nav-cta .btn,
  .nav-cta .btn-primary{
    max-width:122px!important;
  }

  .av-mobile-menu{
    display:block;
    position:fixed;
    inset:0;
    z-index:1100;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    background:rgba(5,14,22,.72);
    backdrop-filter:blur(18px);
    transition:opacity .2s ease,visibility .2s ease;
  }

  .av-mobile-menu.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }

  .av-mobile-menu-panel{
    position:absolute;
    top:0;
    right:0;
    width:min(92vw,430px);
    height:100%;
    overflow-y:auto;
    padding:84px 20px max(28px,env(safe-area-inset-bottom));
    background:linear-gradient(180deg,#0d2030 0%,#08141f 100%);
    border-left:1px solid rgba(210,220,230,.16);
    box-shadow:-30px 0 70px rgba(0,0,0,.36);
    transform:translateX(100%);
    transition:transform .24s cubic-bezier(.16,1,.3,1);
  }

  .av-mobile-menu.is-open .av-mobile-menu-panel{
    transform:translateX(0);
  }

  .av-mobile-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(210,220,230,.12);
  }
  .av-mobile-menu-head strong{
    font-family:'Space Grotesk',Inter,sans-serif;
    font-size:22px;
    color:#fff;
  }
  .av-mobile-menu-close{
    width:40px;
    height:40px;
    border-radius:10px;
    border:1px solid rgba(210,220,230,.18);
    background:rgba(255,255,255,.03);
    color:#fff;
    font-size:25px;
    line-height:1;
  }

  .av-mobile-menu details{
    border-bottom:1px solid rgba(210,220,230,.1);
  }
  .av-mobile-menu summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:17px 2px;
    font-weight:700;
    font-size:16px;
    color:#f5f8fa;
    cursor:pointer;
  }
  .av-mobile-menu summary::-webkit-details-marker{display:none}
  .av-mobile-menu summary:after{
    content:"+";
    color:#7dd3ff;
    font-size:22px;
    font-weight:400;
  }
  .av-mobile-menu details[open] summary:after{content:"−"}
  .av-mobile-menu-links{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:0 0 14px;
  }
  .av-mobile-menu-links a,
  .av-mobile-menu-direct{
    display:flex;
    align-items:center;
    min-height:43px;
    padding:10px 12px;
    border-radius:9px;
    color:#cdd4db;
    font-size:14px;
    line-height:1.35;
  }
  .av-mobile-menu-links a:hover,
  .av-mobile-menu-links a:focus-visible,
  .av-mobile-menu-direct:hover,
  .av-mobile-menu-direct:focus-visible{
    color:#fff;
    background:rgba(125,211,255,.08);
    outline:none;
  }
  .av-mobile-menu-direct{
    margin-top:4px;
    font-weight:700;
    color:#fff;
    border-bottom:1px solid rgba(210,220,230,.1);
    border-radius:0;
    padding-left:2px;
  }
  .av-mobile-menu-demo{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    margin-top:22px;
    border-radius:10px;
    background:#7dd3ff;
    color:#07131d!important;
    font-weight:800;
    font-size:14px;
  }

  body.av-mobile-menu-open{
    overflow:hidden!important;
    touch-action:none;
  }

  /* The original desktop bento grid puts the large AI card and Trust card on
     grid-row:1. Once the layout becomes a single/full-width column they must
     return to normal document flow or the two cards overlap. */
  .bento-card.large,
  .bento-card.stat-card,
  .bento-row-4{
    grid-row:auto!important;
  }
}

/* Mobile sizing for the AI-first / Trust section once the cards are in flow. */
@media(max-width:640px){
  .bento-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    gap:14px!important;
  }
  .bento-card.large,
  .bento-card.stat-card{
    grid-column:1!important;
    grid-row:auto!important;
    min-height:0!important;
    height:auto!important;
  }
  .bento-card{
    padding:24px 20px!important;
  }
  .bento-card.large h3{
    max-width:none!important;
    font-size:clamp(32px,9.2vw,42px)!important;
    line-height:1.08!important;
    margin:14px 0!important;
  }
  .bento-card.large p,
  .bento-card.stat-card p{
    font-size:16px!important;
    line-height:1.5!important;
    margin:0!important;
  }
  .bento-card.stat-card .bnum{
    margin:12px 0!important;
    font-size:54px!important;
    line-height:1!important;
  }
  .bento-mini-chat{
    margin-top:22px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  .bento-row-4{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* Industry proof strips: the asset name remains, the repetitive helper copy
   "Connected asset context" is intentionally removed. */
[class*="proofitem"] > span{
  display:none!important;
}