.site-menu-toggle,.site-menu-backdrop{display:none}

@media(max-width:760px){
  html{overflow-x:hidden;scroll-padding-top:76px}
  body{overflow-x:hidden;padding-top:68px}
  body.site-menu-is-open{overflow:hidden;touch-action:none}
  .site-header{position:fixed;z-index:80;top:0;right:0;left:0;width:100%}
  .site-header-inner{min-height:68px;gap:14px}
  .site-brand{position:relative;z-index:83;width:150px;flex-basis:150px}
  .site-brand-logo{width:150px!important;height:auto!important}
  .site-menu-toggle{position:relative;z-index:83;display:inline-flex;width:46px;height:46px;margin-left:auto;padding:0;border:1px solid #d8e7f1;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#123d61;background:#fff;cursor:pointer;box-shadow:0 5px 16px rgba(25,74,109,.08);transition:background-color .25s ease,border-color .25s ease,transform .32s ease}
  .site-menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .2s ease}
  .site-header.is-menu-open .site-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-header.is-menu-open .site-menu-toggle span:nth-child(2){opacity:0;transform:scaleX(.3)}
  .site-header.is-menu-open .site-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-header .site-nav{position:fixed;z-index:82;top:68px;right:0;bottom:0;left:0;display:flex!important;width:auto;max-width:none;height:calc(100dvh - 68px);padding:14px 24px 28px;gap:0;align-items:stretch;flex-direction:column;overflow-y:auto;white-space:normal;background:#fff;box-shadow:0 18px 48px rgba(12,50,78,.16);opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear .48s}
  .site-header.is-menu-open .site-nav{opacity:1;visibility:visible;transform:translateX(0);transition-delay:0s}
  .site-header.is-menu-open .site-menu-toggle{border-color:#c8dce9;background:#f7fbfe;transform:rotate(90deg)}
  .site-header .site-nav>a,.site-header .site-nav .site-primary-link,.site-header .site-nav .site-section-link,.site-header .site-nav .site-watcher-link{display:flex!important;min-height:54px;padding:14px 5px;align-items:center;color:#183f5c;border-bottom:1px solid #e5eef4;font-size:.98rem;font-weight:700;white-space:normal;opacity:0;transform:translateX(24px);transition:opacity .32s ease,transform .42s cubic-bezier(.22,1,.36,1)}
  .site-header .site-nav .site-watcher-link{border-bottom:1px solid #e5eef4}
  .site-header.is-menu-open .site-nav>a,.site-header.is-menu-open .site-nav .site-nav-actions{opacity:1;transform:translateX(0)}
  .site-header.is-menu-open .site-nav>a:nth-child(1){transition-delay:.08s}
  .site-header.is-menu-open .site-nav>a:nth-child(2){transition-delay:.11s}
  .site-header.is-menu-open .site-nav>a:nth-child(3){transition-delay:.14s}
  .site-header.is-menu-open .site-nav>a:nth-child(4){transition-delay:.17s}
  .site-header.is-menu-open .site-nav>a:nth-child(5){transition-delay:.2s}
  .site-header .site-nav>a.active{color:#0879bc}
  .site-header .site-nav-actions{display:grid;width:100%;margin:22px 0 0;padding:0;gap:10px;border:0;opacity:0;transform:translateY(12px);transition:opacity .34s ease .25s,transform .42s cubic-bezier(.22,1,.36,1) .25s}
  .site-header .site-nav-actions .site-nav-signup,.site-header .site-nav-actions .site-nav-cta{display:flex!important;width:100%;min-height:50px!important;padding:0 18px!important;align-items:center;justify-content:center;border-radius:10px!important;font-size:.92rem!important}
  .site-header .site-nav-actions .site-nav-signup{border:1px solid #1788d1!important;color:#137cbe!important;background:#fff!important}
  .site-header .site-nav-actions .site-nav-cta{color:#fff!important;background:#1788d1!important}
  .site-menu-backdrop{position:fixed;z-index:81;top:68px;right:0;bottom:0;left:0;display:block;width:100%;height:calc(100dvh - 68px);padding:0;border:0;background:rgba(10,35,54,.4);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s linear .32s}
  .site-header.is-menu-open .site-menu-backdrop{opacity:1;visibility:visible;transition-delay:0s}
  main{min-width:0}
  .info-container{width:min(calc(100% - 32px),820px)}
  .info-hero{padding-top:42px;padding-bottom:44px}
  .info-section{padding-top:44px;padding-bottom:44px}
  .info-note,.data-group{padding:22px 20px}
  .need-audience-link{display:flex;width:min(100%,360px);min-height:52px;margin:24px auto 0;padding:12px 18px;justify-content:center;text-align:center}
  .section-more{display:flex;justify-content:center}
  .section-more a{width:min(100%,360px);min-height:52px;padding:12px 18px;justify-content:center;border:1px solid #9dd3ee;border-radius:9px;background:#fff;text-align:center}
  .info-cta a{display:flex;width:min(100%,360px);min-height:52px;margin-right:auto;margin-left:auto;padding:12px 18px;align-items:center;justify-content:center;text-align:center}
  .audience-bottom-cta .trial-cta-action{width:100%;max-width:420px;margin-right:auto;margin-left:auto}
  .audience-bottom-cta .trial-cta-action a{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;text-align:center}
  .audience-value .price-example{width:100%;max-width:none;margin:0;padding:28px 22px}
  .site-footer{padding:36px 0}
}

@media(max-width:380px){
  .site-brand{width:136px;flex-basis:136px}
  .site-brand-logo{width:136px!important}
  .site-header .site-nav{width:auto;padding-right:20px;padding-left:20px}
}

@media(prefers-reduced-motion:reduce){
  .site-menu-toggle span,.site-header .site-nav,.site-header .site-nav>a,.site-header .site-nav-actions,.site-menu-backdrop{transition-duration:.01ms!important;transition-delay:0s!important}
}