/* Generated from existing site navigation; do not edit by hand. */
.site-nav{--green:#173300;--cream:#efefed;--yellow:#eaff25;--blue:#98c9ff;--motion-ease:cubic-bezier(.2,.65,.3,1);font:400 16px/normal Frama,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.site-nav a{text-decoration:none}.site-nav a:active{transform:none}
.nav-shell{position: fixed;top: 14px;left: 50%;z-index: 100;width: min(1180px,100% - 28px);min-height: 64px;padding: 10px 10px 10px 18px;display: flex;align-items: center;gap: 28px;transform: translateX(-50%);background: rgba(234,255,37,0.94);border: 1px solid rgba(23,51,0,0.16);border-radius: 18px;box-shadow: rgba(23,51,0,0.1) 0px 12px 35px;backdrop-filter: blur(14px)}
.nav-logo{display: flex;width: 142px}
.nav-logo img{width: 100%;height: auto}
.nav-links{margin-left: auto;display: flex;gap: 28px}
.nav-links a{font-size: 14px;font-weight: 700}
.nav-links a:hover{opacity: 0.55}
@media (max-width: 1020px){
.nav-links{display: none}
.nav-shell{justify-content: space-between}
}
@media (max-width: 700px){
.nav-shell{top: 8px;width: calc(100% - 16px);min-height: 58px;padding-left: 14px;border-radius: 15px}
.nav-logo{width: 112px}
}
.modern-nav.nav-shell{top: 18px;width: min(1440px,100% - 40px);min-height: 84px;padding: 12px 14px 12px 30px;gap: 20px;color: var(--cream);background: var(--green);border: 0px;border-radius: 999px;box-shadow: rgba(0,0,0,0.24) 0px 18px 50px}
.modern-nav .nav-logo{width: 176px;flex: 0 0 auto}
.modern-nav .nav-logo img{filter: brightness(0) invert(1)}
.modern-nav .nav-links{margin: auto;padding: 7px;display: flex;align-items: center;gap: 2px;background: rgba(234,255,37,0.08);border: 1px solid rgba(234,255,37,0.12);border-radius: 999px}
.modern-nav .nav-link,.modern-nav .nav-cta{position: relative;height: 48px;padding: 0px 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 999px;font-size: 14px;font-weight: 700;line-height: 20px;opacity: 1;transition: background-color 0.28s,color 0.28s,transform 0.28s}
.modern-nav .nav-link-track{height: 20px;display: flex;flex-direction: column;transition: transform 0.42s cubic-bezier(0.2,0.8,0.2,1)}
.modern-nav .nav-link-track>span{min-height: 20px;display: block;white-space: nowrap}
.modern-nav .nav-link .nav-link-track>span:last-child{color: var(--green)}
.modern-nav .nav-link:hover,.modern-nav .nav-link:focus-visible{color: var(--green);background: var(--yellow);opacity: 1}
.modern-nav .nav-link:hover .nav-link-track,.modern-nav .nav-link:focus-visible .nav-link-track,.modern-nav .nav-cta:hover .nav-link-track,.modern-nav .nav-cta:focus-visible .nav-link-track{transform: translateY(-20px)}
.modern-nav .nav-link:focus-visible,.modern-nav .nav-cta:focus-visible,.modern-nav .nav-toggle:focus-visible{outline: 3px solid var(--blue);outline-offset: 3px}
.modern-nav .nav-cta{min-width: 168px;color: var(--green);background: var(--cream);flex: 0 0 auto}
.modern-nav .nav-cta:hover{background: var(--yellow);transform: scale(1.025)}
.modern-nav .nav-toggle{width: 48px;height: 48px;padding: 0px;display: none;place-items: center;align-content: center;gap: 6px;color: var(--cream);background: rgba(234,255,37,0.08);border: 1px solid rgba(234,255,37,0.18);border-radius: 50%;cursor: pointer}
.modern-nav .nav-toggle span{width: 19px;height: 2px;display: block;background: currentcolor;border-radius: 999px;transition: transform 0.3s}
.modern-nav.is-open .nav-toggle span:first-child{transform: translateY(4px) rotate(45deg)}
.modern-nav.is-open .nav-toggle span:last-child{transform: translateY(-4px) rotate(-45deg)}
@media (max-width: 1020px){
.modern-nav.nav-shell{top: 10px;width: calc(100% - 20px);min-height: 68px;padding: 8px 10px 8px 18px;gap: 10px}
.modern-nav .nav-logo{width: 132px}
.modern-nav .nav-links{position: absolute;top: calc(100% + 10px);left: 0px;right: 0px;margin: 0px;padding: 9px;display: flex;flex-direction: column;align-items: stretch;gap: 4px;background: var(--green);border-color: rgba(234,255,37,0.2);border-radius: 26px;box-shadow: rgba(0,0,0,0.28) 0px 20px 45px;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-10px) scale(0.985);transform-origin: center top;transition: opacity 0.25s,transform 0.3s cubic-bezier(0.2,0.8,0.2,1),visibility 0.25s}
.modern-nav.is-open .nav-links{opacity: 1;visibility: visible;pointer-events: auto;transform: none}
.modern-nav .nav-link{width: 100%;height: 52px;justify-content: flex-start;padding-inline: 20px}
.modern-nav .nav-toggle{display: grid}
.modern-nav .nav-cta{min-width: 150px;height: 48px;margin-left: auto;padding-inline: 18px;font-size: 13px}
}
@media (max-width: 520px){
.modern-nav .nav-logo{width: 108px}
.modern-nav .nav-cta{min-width: 118px;padding-inline: 13px;font-size: 11px}
.modern-nav .nav-toggle{width: 44px;height: 44px}
}
@media (max-width: 385px){
.modern-nav .nav-cta{display: none}
}
.modern-nav.nav-shell{transition: width 0.58s cubic-bezier(0.16,1,0.3,1),min-height 0.5s cubic-bezier(0.16,1,0.3,1),padding 0.5s cubic-bezier(0.16,1,0.3,1),background-color 0.38s,border-color 0.38s,box-shadow 0.38s}
.modern-nav .nav-logo{min-height: 0px;transition: width 0.55s cubic-bezier(0.16,1,0.3,1),min-height 0.55s cubic-bezier(0.16,1,0.3,1),padding 0.55s cubic-bezier(0.16,1,0.3,1),background-color 0.35s,box-shadow 0.35s}
.modern-nav .nav-links{transition: opacity 0.3s,transform 0.55s cubic-bezier(0.16,1,0.3,1),visibility 0.3s}
.modern-nav .nav-cta{transition: width 0.5s cubic-bezier(0.16,1,0.3,1),min-width 0.5s cubic-bezier(0.16,1,0.3,1),padding 0.5s cubic-bezier(0.16,1,0.3,1),opacity 0.28s,visibility 0.28s,background-color 0.28s,color 0.28s,transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s}
.modern-nav.is-scroll-split.nav-shell{width: calc(100% - 32px);max-width: none;min-height: 64px;padding: 0px;background: transparent;border-color: transparent;box-shadow: none}
.modern-nav.is-scroll-split .nav-logo{width: 212px;min-height: 64px;padding: 0px 22px;background: var(--green);border: 0px;border-radius: 999px;box-shadow: rgba(0,0,0,0.22) 0px 16px 38px}
.modern-nav.is-scroll-split .nav-links{opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-18px) scale(0.72)}
.modern-nav.is-scroll-split .nav-cta{box-shadow: rgba(0,0,0,0.2) 0px 16px 38px}
@media (max-width: 1020px){
.modern-nav .nav-cta{width: 150px}
.modern-nav.is-scroll-split.nav-shell{top: 8px;width: calc(100% - 16px);min-height: 56px}
.modern-nav.is-scroll-split .nav-logo{width: 148px;min-height: 56px;padding-inline: 18px}
.modern-nav.is-scroll-split .nav-cta{width: 0px;min-width: 0px;padding-inline: 0px;margin-left: auto;opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(10px) scale(0.88)}
.modern-nav.is-scroll-split .nav-toggle{color: var(--green);background: var(--yellow);border-color: rgba(23,51,0,0.15);box-shadow: rgba(0,0,0,0.2) 0px 16px 38px}
}
@media (max-width: 520px){
.modern-nav.is-scroll-split .nav-logo{width: 126px;padding-inline: 15px}
}
.modern-nav .nav-link-window{width: max-content;height: 20px;display: block;overflow: hidden}
.modern-nav .nav-link-track{height: auto}
.modern-nav .nav-logo{align-items: center;justify-content: center}
.modern-nav .nav-logo img{width: 100%;max-height: 28px;flex: 0 0 auto;object-fit: contain;height: auto !important}
.modern-nav .nav-logo img{filter: none}
@media (max-width: 700px){
.modern-nav.nav-shell{top: 8px;width: calc(100% - 16px);min-height: 60px;padding: 7px 8px 7px 14px;border-radius: 22px}
.modern-nav .nav-logo{width: 108px}
.modern-nav .nav-logo img{max-height: 22px}
.modern-nav .nav-cta{width: auto;min-width: 116px;height: 44px;padding-inline: 12px;font-size: 11px}
.modern-nav .nav-toggle{width: 44px;height: 44px}
.modern-nav .nav-links{border-radius: 20px}
}
@media (max-width: 380px){
.modern-nav .nav-logo{width: 100px}
}
.site-nav :where(h3,h4,h5,h6,strong,b,a,button,label,summary,output,.eyebrow,.number,.hint,.testimonial-person,.product-tab,.button-label,.nav-links a,.text-link,.store-downloads>p){font-weight: 500 !important}
.modern-nav .nav-login-mobile{display: none}
@media (max-width: 1020px){
.modern-nav>.nav-login{display: none}
.modern-nav .nav-login-mobile{display: flex}
}
@media (min-width: 1101px){
.modern-nav.nav-shell{width: min(1536px,100% - 40px)}
}
.modern-nav.is-scroll-split + .floating-morph-nav{opacity: 1;visibility: visible;pointer-events: auto;transform: translate(-50%,0px) scale(1)}
.modern-nav.nav-shell.site-nav{
  top: 18px;
  width: min(1280px, calc(100% - 40px));
  height: 70px;
  min-height: 70px;
  padding: 8px 14px 8px 28px;
  gap: 18px;
  justify-content: space-between;
  background: #173300;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 18px 50px rgb(0 0 0 / 24%);
  transition: width .55s cubic-bezier(.16,1,.3,1), padding .55s cubic-bezier(.16,1,.3,1), background-color .4s, box-shadow .4s;
}
.modern-nav.site-nav .nav-logo{
  width: clamp(190px, 22vw, 280px);
  height: 34px;
  padding: 0;
  flex: 0 0 auto;
  background: transparent;
  border-radius: 999px;
  transition: width .55s cubic-bezier(.16,1,.3,1), height .55s cubic-bezier(.16,1,.3,1), padding .55s cubic-bezier(.16,1,.3,1), background-color .35s;
}
.modern-nav.site-nav .nav-logo img{ width: 100%; max-height: 34px; height: auto; filter: none; }
.modern-nav.site-nav .nav-links{
  position: static; max-width: 500px; margin: 0 auto; padding: 5px; display: flex;
  flex-direction: row; align-items: center; gap: 2px;
  overflow: hidden;
  border: 1px solid rgb(234 255 37 / 12%); border-radius: 999px;
  background: rgb(234 255 37 / 8%); box-shadow: none;
  opacity: 1; visibility: visible; pointer-events: auto; transform: none;
  transition: max-width .55s cubic-bezier(.16,1,.3,1), padding .55s cubic-bezier(.16,1,.3,1), opacity .3s, transform .55s cubic-bezier(.16,1,.3,1);
}
.modern-nav.site-nav .nav-link{
  width: auto; height: 42px; padding: 0 25px; justify-content: center;
  font-size: 14px; font-weight: 300; line-height: 20px; color: #efefed;
}
.modern-nav.site-nav .nav-link:is(:hover, :focus-visible){ color: #173300; background: #eaff25; }
.site-nav__actions{ display: flex; align-items: center; flex: 0 0 auto; gap: 20px; background: transparent; border-radius: 999px; transition: padding .55s cubic-bezier(.16,1,.3,1), background-color .35s; }
.site-nav__stores{ display: flex; align-items: center; flex: 0 0 auto; gap: 6px; width: 219.32px; height: 46px; transition: gap .3s ease-out; }
.site-nav__store{ position: relative; display: block; flex: 1 1 0; min-width: 0; height: 46px; overflow: hidden; background: #000; border-radius: 23px; transition: flex-grow .3s ease-out, opacity .2s ease-out; }
.site-nav__store img{ position: absolute; display: block; max-width: none; pointer-events: none; }
.site-nav__store-icon{ top: 50%; left: 50%; width: 28px; height: 35px; transform: translate(-50%, -50%); transition: opacity .2s ease-out; }
.site-nav__store--google .site-nav__store-icon{ width: 33px; height: 37px; }
.site-nav__store-full{ inset: 0; width: 100%; height: 100%; object-fit: fill; opacity: 0; transition: opacity .2s ease-out; }
@media (min-width: 901px){
.site-nav__stores:has(:focus-visible){ gap: 0; }
.site-nav__stores:has(:focus-visible) .site-nav__store:not(:focus-visible){ flex-grow: 0; opacity: 0; }
.site-nav__store:focus-visible .site-nav__store-icon{ opacity: 0; }
.site-nav__store:focus-visible .site-nav__store-full{ opacity: 1; }
}
@media (hover: hover) and (pointer: fine) and (min-width: 901px){
.site-nav__stores:has(.site-nav__store:hover){ gap: 0; }
.site-nav__stores:has(.site-nav__store:hover) .site-nav__store:not(:hover){ flex-grow: 0; opacity: 0; }
.site-nav__store:hover .site-nav__store-icon{ opacity: 0; }
.site-nav__store:hover .site-nav__store-full{ opacity: 1; }
}
.site-nav__store:focus-visible, .site-nav .nav-logo:focus-visible, .site-nav .nav-toggle:focus-visible{ outline: 3px solid #eaff25; outline-offset: 3px; }
.modern-nav.site-nav .nav-toggle{ position: relative; display: none; flex: 0 0 auto; width: 46px; height: 46px; min-width: 46px; padding: 0; background: #eaff25 url("/assets/nav-menu.svg") center / 30px 30px no-repeat; border: 0; border-radius: 50%; box-shadow: none; }
.modern-nav.site-nav .nav-toggle span{ display: none; }
.modern-nav.site-nav.is-open .nav-toggle{ background-image: none; }
.modern-nav.site-nav.is-open .nav-toggle span{ position: absolute; top: 50%; left: 50%; display: block; width: 24px; height: 3px; margin: 0; background: #173300; border-radius: 3px; transform: translate(-50%, -50%) rotate(45deg); }
.modern-nav.site-nav.is-open .nav-toggle span:last-child{ transform: translate(-50%, -50%) rotate(-45deg); }
@media (min-width: 901px) and (max-width: 1150px){
.modern-nav.nav-shell.site-nav{ gap: 14px; padding-left: 22px; }
.modern-nav.site-nav .nav-link{ padding-inline: 18px; }
.modern-nav.site-nav .nav-logo{ width: clamp(190px, 20vw, 240px); }
}
.modern-nav.nav-shell.site-nav.is-scroll-split{ width: min(1280px, calc(100% - 40px)); height: 70px; min-height: 70px; padding: 0; gap: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.modern-nav.site-nav.is-scroll-split .nav-logo{ width: 292px; height: 70px; min-height: 70px; padding: 0 20px; background: #173300; border-radius: 56px; }
.modern-nav.site-nav.is-scroll-split .nav-logo img{ width: 252px; max-height: 31px; }
.modern-nav.site-nav.is-scroll-split .nav-links{ max-width: 0; padding: 0; margin: 0; border-color: transparent; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); }
.modern-nav.site-nav.is-scroll-split .site-nav__actions{ height: 70px; padding: 0 18px; gap: 16px; background: #173300; border-radius: 50px; }
.modern-nav.site-nav.is-scroll-split .nav-toggle{ display: grid; }
@media (min-width: 901px){
.modern-nav.site-nav.is-scroll-split.is-open .nav-links{
    position: absolute; top: calc(100% + 10px); right: 0; left: auto;
    width: 317px; max-width: min(317px, calc(100vw - 40px)); margin: 0; padding: 10px;
    flex-direction: column; align-items: stretch; gap: 2px;
    border-color: rgb(234 255 37 / 12%); border-radius: 24px;
    background: #173300; box-shadow: 0 18px 32px rgb(0 0 0 / 20%);
    opacity: 1; visibility: visible; pointer-events: auto; transform: none;
  }
.modern-nav.site-nav.is-scroll-split.is-open .nav-link{ width: 100%; height: 44px; padding-inline: 16px; justify-content: flex-start; }
}
@media (max-width: 900px){
.modern-nav.nav-shell.site-nav, .modern-nav.nav-shell.site-nav.is-scroll-split{
    top: 8px; width: min(390px, 100%); height: 60px; min-height: 60px;
    padding: 12px 14px 12px clamp(16px, 7.7vw, 30px);
    gap: 0; justify-content: space-between; background: #173300; border-radius: 999px; box-shadow: none;
  }
.modern-nav.site-nav .nav-logo, .modern-nav.site-nav.is-scroll-split .nav-logo{ width: clamp(100px, calc(100vw - 228px), 162px); height: 20px; min-height: 20px; padding: 0; background: transparent; }
.modern-nav.site-nav .nav-logo img, .modern-nav.site-nav.is-scroll-split .nav-logo img{ width: 100%; max-height: 20px; }
.modern-nav.site-nav .site-nav__actions, .modern-nav.site-nav.is-scroll-split .site-nav__actions{ height: 36px; padding: 0; gap: 5px; background: transparent; }
.site-nav__stores{ width: 114px; height: 27px; gap: 3.123px; }
.site-nav__store{ height: 27px; border-radius: 23px; }
.site-nav__store-icon{ width: 16.837px; height: 20.715px; }
.site-nav__store--google .site-nav__store-icon{ width: 19.547px; height: 21.823px; }
.site-nav__store-full{ display: none; }
.modern-nav.site-nav .nav-toggle, .modern-nav.site-nav.is-scroll-split .nav-toggle{ display: grid; width: 36px; height: 36px; min-width: 36px; background-size: 24px 24px; }
.modern-nav.site-nav .nav-links{
    position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-width: none;
    margin: 0; padding: 10px; flex-direction: column; align-items: stretch; overflow: visible;
    border-radius: 24px; background: #173300; box-shadow: 0 18px 32px rgb(0 0 0 / 20%);
    opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px);
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms;
  }
.modern-nav.site-nav.is-open .nav-links{ opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.modern-nav.site-nav .nav-link{ width: 100%; min-height: 48px; justify-content: flex-start; padding-inline: 18px; }
.modern-nav.nav-shell.site-nav.is-scroll-split{ transform: translate(-50%, calc(-100% - 18px)); pointer-events: none; }
}
.site-nav{ view-transition-name: site-navigation; }
@media (prefers-reduced-motion: reduce){
.site-nav *, .modern-nav.nav-shell.site-nav{ transition: none !important; }
}
.business-page .modern-nav .nav-logo img{filter:none}
.business-page .modern-nav{background:var(--green)}
.business-page .nav-cta{color:var(--green);background:var(--cream)}
@media (min-width: 1021px) and (max-width: 1440px){
.business-page .modern-nav.nav-shell:not(.is-scroll-split):not(.site-nav){ top: 12px; min-height: 76px; padding: 8px 12px 8px 22px; gap: 12px; }
.business-page .modern-nav .nav-link,
  .business-page .modern-nav .nav-cta{ padding-inline: 16px; font-size: 13px; }
}
@media (prefers-reduced-motion: no-preference){
.modern-nav.nav-shell.site-nav,
  .modern-nav.site-nav :is(.nav-logo,.nav-links,.site-nav__actions){
    transition-duration:280ms; transition-timing-function:var(--motion-ease);
  }
.modern-nav.site-nav .nav-link-track{ transition:transform 220ms var(--motion-ease); }
@media (max-width: 900px){
.modern-nav.site-nav .nav-links{ transition:opacity 160ms ease-in,transform 160ms ease-in,visibility 160ms; }
.modern-nav.site-nav.is-open .nav-links{ transition:none; }
.modern-nav.is-open .nav-links > a{ animation: none; }
.modern-nav.is-open .nav-links > a:nth-child(2){ animation-delay: 0ms; }
.modern-nav.is-open .nav-links > a:nth-child(3){ animation-delay: 0ms; }
.modern-nav.is-open .nav-links > a:nth-child(4){ animation-delay: 0ms; }
}
}
@keyframes motion-menu-in{ from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion:no-preference){
:is(.theme-toggle,.nav-toggle,.cae-dialog__close,.blog-toc-dialog__close){ transition:transform 140ms ease-out,background-color 180ms ease-out; }
:is(.theme-toggle,.nav-toggle,.cae-dialog__close,.blog-toc-dialog__close):active{ transform:scale(.98); }
}