/* PHASE M7 - Pricing App Menu Like Main Page */
:root{--ati-public-tab-h:82px;--ati-safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
body.pricing-app-menu-ready .mobile-bottom-cta,
body.pricing-app-menu-ready .ati-public-actionbar,
body.pricing-app-menu-ready .ati-mobile-tabbar,
body.pricing-app-menu-ready .ati-app-tabs{display:none!important}

@media(max-width:980px){
  body.pricing-app-menu-ready{padding-bottom:calc(var(--ati-public-tab-h) + var(--ati-safe-bottom) + 12px)!important}
  body.pricing-app-menu-ready .topbar{
    position:sticky!important;top:0!important;z-index:90!important;min-height:72px!important;height:auto!important;
    padding:12px 14px!important;background:rgba(4,11,22,.98)!important;border-bottom:1px solid rgba(101,213,255,.15)!important;overflow:visible!important;
  }
  body.pricing-app-menu-ready .brand img{height:42px!important;width:auto!important;max-width:62px!important;object-fit:contain!important}
  body.pricing-app-menu-ready .brand strong{font-size:15px!important}
  body.pricing-app-menu-ready .brand small{font-size:9px!important}
  body.pricing-app-menu-ready .menu-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;
    min-width:54px!important;min-height:54px!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(101,213,255,.18)!important;color:#eaf5ff!important;font-size:28px!important;font-weight:900!important;
    position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:none!important;
  }
  body.pricing-app-menu-ready .nav,body.pricing-app-menu-ready .navlinks{display:none!important}
  body.pricing-app-menu-ready.nav-open .nav,
  body.pricing-app-menu-ready.nav-open .navlinks,
  body.pricing-app-menu-ready .nav.open,
  body.pricing-app-menu-ready .navlinks.open{
    display:flex!important;position:absolute!important;left:12px!important;right:12px!important;top:calc(100% + 10px)!important;z-index:120!important;
    flex-direction:column!important;gap:8px!important;padding:12px!important;border-radius:22px!important;background:rgba(6,17,31,.98)!important;
    border:1px solid rgba(101,213,255,.18)!important;box-shadow:0 24px 70px rgba(0,0,0,.48)!important;max-height:70vh!important;overflow:auto!important;
  }
  body.pricing-app-menu-ready.nav-open .nav a,
  body.pricing-app-menu-ready.nav-open .navlinks a,
  body.pricing-app-menu-ready .nav.open a,
  body.pricing-app-menu-ready .navlinks.open a{
    width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    padding:13px!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(101,213,255,.12)!important;
    color:#dcecff!important;text-decoration:none!important;font-weight:900!important;
  }
  body.pricing-app-menu-ready .container,body.pricing-app-menu-ready .wrap{width:min(100% - 24px,1180px)!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
  body.pricing-app-menu-ready .hero{padding:34px 0 26px!important;text-align:center!important;transform:none!important;zoom:1!important}
  body.pricing-app-menu-ready .hero h1{font-size:clamp(32px,9vw,48px)!important;line-height:1.08!important;max-width:100%!important}
  body.pricing-app-menu-ready .hero p{font-size:15.5px!important;line-height:1.6!important}
  body.pricing-app-menu-ready .price-grid,body.pricing-app-menu-ready .prices,body.pricing-app-menu-ready .compare-grid,body.pricing-app-menu-ready .grid,body.pricing-app-menu-ready .grid2,body.pricing-app-menu-ready .cards{
    display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
  }
  body.pricing-app-menu-ready .price,body.pricing-app-menu-ready .panel,body.pricing-app-menu-ready .card{max-width:100%!important;border-radius:22px!important;padding:18px!important;overflow:hidden!important}
  body.pricing-app-menu-ready .btn,body.pricing-app-menu-ready button:not(.menu-toggle),body.pricing-app-menu-ready input[type=submit]{
    width:100%!important;min-height:46px!important;justify-content:center!important;text-align:center!important;border-radius:15px!important;
  }
  #pricingBottomNav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483647!important;height:calc(var(--ati-public-tab-h) + var(--ati-safe-bottom))!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;padding:8px 8px calc(8px + var(--ati-safe-bottom))!important;
    background:rgba(4,11,22,.98)!important;border-top:1px solid rgba(101,213,255,.18)!important;box-shadow:0 -18px 55px rgba(0,0,0,.55)!important;backdrop-filter:blur(18px)!important;
  }
  #pricingBottomNav a{
    min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    padding:6px 2px!important;border-radius:16px!important;color:#bcd0e8!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(101,213,255,.10)!important;
    text-decoration:none!important;text-align:center!important;font-size:10.5px!important;line-height:1.05!important;font-weight:800!important;
  }
  #pricingBottomNav a span{display:block!important;font-size:19px!important;line-height:1!important}
  #pricingBottomNav a.active{color:#fff!important;background:rgba(44,201,255,.15)!important;border-color:rgba(101,213,255,.28)!important}
}
@media(min-width:981px){#pricingBottomNav{display:none!important}}