@media(max-width:900px){.site-header{position:relative;z-index:1001}.header-inner{position:relative;z-index:1002}.menu-toggle{position:relative;z-index:1005;width:46px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #dce9df;border-radius:15px;background:#fff;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;border-radius:3px;background:#102a1c;transition:transform .4s,opacity .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}}@media(max-width:900px){.primary-nav{display:block!important;position:absolute;top:calc(100% + 10px);left:12px;right:12px;width:auto;max-height:75vh;overflow:auto;z-index:1003;padding:18px;border:1px solid #ffffffbb;border-radius:25px;background:#fffffff0;box-shadow:0 24px 70px #0b2d1b2a;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-14px) scale(.975);transition:opacity .36s,transform .42s,visibility .36s}.primary-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.primary-nav .menu{display:flex!important;flex-direction:column;align-items:stretch;gap:3px;margin:0;padding:0;list-style:none}.primary-nav .menu li{display:block;width:100%;margin:0;padding:0}}@media(max-width:900px){.primary-nav .menu a{display:flex!important;align-items:center;justify-content:space-between;min-height:54px;padding:12px 17px;border-radius:13px;color:#102a1c!important;font-size:1.06rem;font-weight:680;text-decoration:none;transition:background .2s}.primary-nav .menu a:after{content:'↗';color:#579368}.primary-nav .menu a:hover,.primary-nav .menu .current-menu-item>a{background:#edf7ef}.zm-menu-backdrop{position:fixed;inset:0;z-index:999;background:#0920164f;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(0);transition:opacity .36s,visibility .36s,backdrop-filter .36s}.zm-menu-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(5px)}body.zm-menu-open{overflow:hidden}}@media(min-width:901px){.zm-menu-backdrop{display:none!important}}@media(prefers-reduced-motion:reduce){.primary-nav,.menu-toggle span,.zm-menu-backdrop{transition:none!important}}
/* Apple-inspired mobile dropdown: text trigger rather than hamburger */
@media(max-width:900px){
.menu-toggle{display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:9px;width:auto!important;min-width:98px;height:42px!important;padding:0 15px!important;border-radius:999px!important;border:1px solid #dfe8e2!important;background:linear-gradient(180deg,#fff,#f4f8f5)!important;box-shadow:0 2px 10px #123b2310!important;font:inherit!important;font-size:.91rem!important;font-weight:700!important;letter-spacing:-.02em;color:#102a1c!important;cursor:pointer;transition:background .25s,box-shadow .25s,transform .25s}
.menu-toggle:hover{box-shadow:0 5px 16px #123b231c!important}.menu-toggle:active{transform:scale(.97)}.menu-toggle .zm-menu-label{display:inline!important;width:auto!important;height:auto!important;background:none!important;transform:none!important;opacity:1!important}.menu-toggle .zm-menu-chevron{display:inline-block!important;width:auto!important;height:auto!important;background:none!important;font-size:1.3rem!important;line-height:1!important;transform:translateY(-3px) rotate(0deg)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)!important}.menu-toggle[aria-expanded=true] .zm-menu-chevron{transform:translateY(2px) rotate(180deg)!important}.menu-toggle[aria-expanded=true]{background:#e9f5ec!important}
.primary-nav{border-radius:24px!important;transform-origin:top right!important;transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1),visibility .3s!important}
.primary-nav .menu li{opacity:0;transform:translateY(8px);transition:opacity .28s,transform .35s}.primary-nav.is-open .menu li{opacity:1;transform:translateY(0)}.primary-nav.is-open .menu li:nth-child(2){transition-delay:.035s}.primary-nav.is-open .menu li:nth-child(3){transition-delay:.07s}.primary-nav.is-open .menu li:nth-child(4){transition-delay:.105s}.primary-nav.is-open .menu li:nth-child(5){transition-delay:.14s}.primary-nav.is-open .menu li:nth-child(6){transition-delay:.175s}.primary-nav.is-open .menu li:nth-child(7){transition-delay:.21s}
}
@media(prefers-reduced-motion:reduce){.menu-toggle,.menu-toggle .zm-menu-chevron,.primary-nav .menu li{transition:none!important}}

/* v0.6: inline flowing mobile navigation, one clean trigger */
@media(max-width:900px){
.site-header{position:relative!important;z-index:100!important}
.header-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:0 12px!important}
.menu-toggle{order:2!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin-left:auto!important;width:auto!important;min-width:99px!important;height:42px!important;padding:0 15px!important;border-radius:999px!important;flex-shrink:0!important}
.menu-toggle .zm-menu-label{display:inline!important;width:auto!important;height:auto!important;min-height:0!important;background:transparent!important;opacity:1!important;transform:none!important;font-size:14px!important;line-height:1.2!important}
.menu-toggle .zm-menu-chevron{display:inline-block!important;width:auto!important;height:auto!important;min-height:0!important;background:transparent!important;opacity:1!important;transform:translateY(-3px)!important;font-size:20px!important;line-height:1!important}
.menu-toggle[aria-expanded=true] .zm-menu-chevron{transform:translateY(2px) rotate(180deg)!important}
.header-cart{order:3!important}
.primary-nav{order:4!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;flex:0 0 100%!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:0!important;overflow:hidden!important;visibility:visible!important;display:block!important;opacity:0!important;pointer-events:none!important;transform:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:max-height .48s cubic-bezier(.2,.8,.2,1),opacity .28s,padding .35s!important}
.primary-nav.is-open{max-height:650px!important;padding:12px 12px 20px!important;opacity:1!important;pointer-events:auto!important}
.primary-nav .menu{padding:10px!important;border-radius:22px!important;background:#ffffffed!important;box-shadow:0 10px 32px #102c1b12!important;border:1px solid #e4ece6!important}
.zm-menu-backdrop{display:none!important}
body.zm-menu-open{overflow:auto!important}
}
@media(prefers-reduced-motion:reduce){.primary-nav{transition:none!important}}

/* v0.7 two-line mobile menu icon */
@media(max-width:900px){
.menu-toggle{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:14px!important}
.menu-toggle .zm-menu-line{display:block!important;width:19px!important;height:2px!important;min-height:2px!important;flex:none!important;background:#102a1c!important;border-radius:3px!important;opacity:1!important;transform:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)!important}
.menu-toggle[aria-expanded=true] .zm-menu-line:first-child{transform:translateY(4px) rotate(45deg)!important}
.menu-toggle[aria-expanded=true] .zm-menu-line:last-child{transform:translateY(-4px) rotate(-45deg)!important}
}
@media(prefers-reduced-motion:reduce){.menu-toggle .zm-menu-line{transition:none!important}}

/* v0.8: freeze page behind the open navigation, keep menu on screen */
@media(max-width:900px){
html:has(body.zm-menu-open){overflow:hidden!important;overscroll-behavior:none!important}
body.zm-menu-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
body.zm-menu-open .site-header{z-index:1100!important}
body.zm-menu-open .site-header::before{content:'';position:fixed;inset:0;z-index:-1;background:rgba(10,24,17,.17);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none}
.primary-nav.is-open{max-height:min(650px,calc(100dvh - 105px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important}
}

/* v0.9 compact button and reveal-on-scroll header */
.site-header{position:sticky!important;top:0!important;z-index:1100!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s!important;will-change:transform}
.site-header.zm-header-hidden{transform:translateY(-105%)!important}
body.zm-menu-open .site-header{transform:none!important}
@media(max-width:900px){.menu-toggle{border-radius:8px!important}.header-inner{gap:12px!important}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none!important}}

/* v1.0: floating overlay navigation, never a gray section in document flow */
@media(max-width:900px){
body.zm-menu-open .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:2000!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:none!important}
body.zm-menu-open .site-header::before{content:''!important;position:fixed!important;inset:0!important;z-index:-1!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
body.zm-menu-open .header-inner{position:relative!important}
body.zm-menu-open .primary-nav{position:absolute!important;top:100%!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - 100px)!important;padding:12px 0!important;margin:0!important;overflow-y:auto!important;flex:none!important;z-index:2002!important;background:transparent!important;box-shadow:none!important;transform-origin:top center!important}
body.zm-menu-open .primary-nav .menu{background:rgba(255,255,255,.97)!important;box-shadow:0 20px 55px rgba(15,35,24,.18)!important;border:1px solid #e4ece6!important;border-radius:22px!important;padding:10px!important}
body.zm-menu-open::before{content:'';position:fixed;inset:0;z-index:1998;background:rgba(18,30,23,.15);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none}
}

/* v1.1: clean flat dropdown, gentle background blur, highlighted purchase CTA */
@media(max-width:900px){
body.zm-menu-open .primary-nav .menu{box-shadow:none!important;border:1px solid #e6ede8!important}
body.zm-menu-open::before{background:rgba(18,30,23,.08)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
.primary-nav .menu li:has(a[href*="/product/quickbooks-enterprise-platinum-"])>a{background:#247c36!important;color:#fff!important;border-radius:13px!important;font-weight:760!important;padding-inline:17px!important;box-shadow:none!important}
.primary-nav .menu li:has(a[href*="/product/quickbooks-enterprise-platinum-"])>a::after{color:#fff!important}
.primary-nav .menu li:has(a[href*="/product/quickbooks-enterprise-platinum-"])>a:hover{background:#1c642b!important}
}

/* v1.2: more breathing room beneath the final green CTA */
@media(max-width:900px){body.zm-menu-open .primary-nav .menu{padding-bottom:24px!important}}

/* 2026-10-20: lightweight Z-key brand and desktop header */
.zm-brand-image{display:block;flex:none;width:44px;height:44px;object-fit:contain}
.footer-brand{display:inline-flex;align-items:center;gap:10px}
.footer-brand .zm-footer-logo{width:38px;height:38px;object-fit:contain}
.zm-topbar{display:none}
.eyebrow,.section-kicker{font-family:var(--font);font-size:.78rem;font-weight:750;line-height:1.4;letter-spacing:.095em;text-transform:uppercase}
@media(min-width:901px){
.zm-topbar{display:block;background:#10231a;color:#fff}
.zm-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}
.zm-topbar-contact{display:flex;align-items:center;gap:26px}
.zm-topbar-item{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font:600 .77rem/1.4 var(--font);letter-spacing:.005em}
.zm-topbar-item svg{display:block;flex:none;color:#fff;opacity:.88}
.zm-topbar-detail{opacity:.72}
.zm-topbar a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.zm-topbar a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:3px}
.site-header{top:0!important;transform:none!important;will-change:auto!important;background:#fff!important}
html body .site-header.zm-header-hidden{transform:none!important}
.site-header .header-inner{min-height:80px;gap:20px}
.site-header .primary-nav{margin-left:auto}
.site-header .primary-nav .menu{gap:clamp(12px,1.5vw,23px)}
.site-header .primary-nav .menu>li>a{font-family:var(--font);font-size:.87rem;font-weight:700;letter-spacing:-.015em;line-height:1.4;white-space:nowrap;transition:color .16s ease}
.site-header .primary-nav .menu>li>a:hover,.site-header .primary-nav .menu>li.current-menu-item>a{color:#247c36}
.site-header .primary-nav .menu>li.menu-item-2049>a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 18px;border-radius:10px;background:#247c36;color:#fff!important;font-weight:750;letter-spacing:-.01em}
.site-header .primary-nav .menu>li.menu-item-2049>a:hover{filter:brightness(.92);color:#fff!important}
.site-header .primary-nav .menu>li.menu-item-2049>a:focus-visible{outline:3px solid #247c36;outline-offset:3px}
body.admin-bar .site-header{top:32px!important}
}
@media(min-width:901px) and (max-width:1140px){
.site-header .header-inner{gap:13px}
.site-header .brand{font-size:1.38rem;gap:9px}
.site-header .zm-brand-image{width:39px;height:39px}
.site-header .primary-nav .menu{gap:12px}
.site-header .primary-nav .menu>li>a{font-size:.8rem}
.site-header .primary-nav .menu>li.menu-item-2049>a{padding:10px 12px}
.zm-topbar-item{font-size:.73rem}
}
@media(max-width:900px){
.zm-topbar{display:none!important}
.site-header .zm-brand-image{width:40px;height:40px}
.site-header .brand{gap:10px}
}
@media(prefers-reduced-motion:reduce){
.site-header .primary-nav .menu>li>a{transition:none}
}

/* 2026-10-20: precision typography for navigation and homepage green labels.
   Uses the existing system font stack: zero extra font assets or network requests. */
@media (min-width:1141px) {
  .site-header .primary-nav .menu > li > a {
    font-family:var(--font);
    font-size:.94rem;
    font-weight:750;
    letter-spacing:-.008em;
    line-height:1.35;
  }
}
@media (min-width:901px) and (max-width:1140px) {
  .site-header .primary-nav .menu > li > a {
    font-family:var(--font);
    font-size:.85rem;
    font-weight:750;
    letter-spacing:-.008em;
    line-height:1.35;
  }
}
@media (max-width:900px) {
  .site-header .primary-nav .menu > li > a {
    font-family:var(--font);
    font-size:1.08rem;
    font-weight:750;
    letter-spacing:-.008em;
    line-height:1.35;
  }
}
body.home .hero .eyebrow,
body.home .section-kicker {
  font-family:var(--font);
  font-size:.875rem;
  font-weight:800;
  letter-spacing:.055em;
  line-height:1.4;
}
@media (max-width:680px) {
  body.home .hero .eyebrow,
  body.home .section-kicker {
    font-size:.82rem;
    letter-spacing:.045em;
  }
}

/* 2026-10-20: icon-only branding where the logo is shown. */
.site-header .brand > span { display:none !important; }
.site-header .brand { gap:0; }
.site-footer .footer-brand { font-size:0 !important; letter-spacing:0 !important; gap:0 !important; }
.site-footer .footer-brand .zm-footer-logo { display:block; flex:none; }