/* Planir shared chrome — nav (mega-menu) + footer + trust bar.
   Loaded after each page's inline CSS so these win the cascade. */

nav{position:fixed;top:0;left:0;right:0;z-index:49;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #f0f0f0;height:72px;}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1320px;margin:0 auto;padding:0 24px;}
  .nav-logo{width:80px;display:flex;align-items:center;}
  .nav-logo a{width:100%;display:flex;align-items:center;text-decoration:none;}
  .nav-logo img{width:100%;}
  .nav-links{display:flex;gap:36px;flex:1;margin-left:60px;}
  .nav-link-wrapper{position:relative;display:flex;align-items:center;}
  .nav-link{font-size:14px;color:#1a1a1a;text-decoration:none;transition:color .2s;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;}
  .nav-link:hover{color:#1DD9D9;}
  .nav-dropdown-arrow{font-size:10px;color:#999;transition:transform .2s;}
  .nav-link-wrapper:hover .nav-dropdown-arrow{transform:rotate(180deg);}
  .nav-right{display:flex;align-items:center;gap:16px;}
  .nav-signin{font-size:14px;color:#1a1a1a;text-decoration:none;}
  .nav-signin:hover{color:#1DD9D9;}
  .button{display:inline-flex;align-items:center;padding:12px 24px;border:none;font-size:14px;font-weight:500;cursor:pointer;border-radius:0;text-decoration:none;font-family:'Poppins',sans-serif;}
  .button-primary{background:#1a1a1a;color:#fff;}
  .button-primary:hover{background:#2a2a2a;}
  .nav-burger{display:none;background:none;border:none;color:#1a1a1a;cursor:pointer;padding:8px;margin-left:8px;}

  .nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:none;z-index:1000;min-width:320px;}
  .nav-link-wrapper:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
  /* hover bridge: keeps the dropdown open while crossing the 8px gap */
  @media (min-width:768px){ .nav-dropdown::before{ content:''; position:absolute; left:0; right:0; top:-12px; height:14px; } }
  .nav-dropdown-content{padding:16px;font-family:'Inter',system-ui,sans-serif;}
  .nav-dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:6px;text-decoration:none;color:#1a1a1a;transition:background .2s;}
  .nav-dropdown-item:hover{background:#f9fafb;}
  .nav-dropdown-icon{width:48px;height:48px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .nav-dropdown-icon svg{width:32px;height:32px;}
  .nav-dropdown-text{flex:1;}
  .nav-dropdown-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:2px;}
  .nav-dropdown-desc{font-size:12px;color:#6b7280;line-height:1.4;}

  /* Mega menu */
  .nav-dropdown-mega{min-width:0;}
  .mega{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;width:720px;}
  .mega-col-divider{border-left:1px solid #eef0f3;padding-left:28px;margin-left:-14px;}
  .mega-group-title{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;color:#9ca3af;padding:0 12px;margin:14px 0 6px;background:none;border:none;cursor:default;}
  .mega-group:first-child .mega-group-title{margin-top:2px;}
  .mega-caret{display:none;font-size:10px;color:#c7cbd1;}

  /* >=1280: COMPACT (title-only, tighter) */
  @media (min-width:1280px){
    .nav-dropdown-mega .nav-dropdown-desc{display:none;}
    .nav-dropdown-mega .nav-dropdown-item{padding:8px 12px;align-items:center;}
    .nav-dropdown-mega .nav-dropdown-icon{width:36px;height:36px;}
    .nav-dropdown-mega .nav-dropdown-icon svg{width:24px;height:24px;}
    .nav-dropdown-mega .nav-dropdown-title{margin-bottom:0;}
    .mega{width:600px;}
  }
  /* 768-1023: single column (keeps roomy menu on-screen at small desktop) */
  @media (min-width:768px) and (max-width:1023px){
    .mega{grid-template-columns:1fr;width:360px;}
    .mega-col-divider{border-left:none;padding-left:0;margin-left:0;}
  }

  /* <=767: hamburger + accordions */
  @media (max-width:767px){
    .nav-burger{display:inline-flex;margin-left:0;}
    .nav-right{gap:8px;}
    .nav-right .nav-signin{display:none;}
    .nav-links{position:fixed;top:72px;left:0;right:0;height:calc(100vh - 72px);background:#fff;flex-direction:column;gap:0;margin:0;padding:8px 20px 40px;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;}
    nav.nav-open .nav-links{transform:none;}
    .nav-link-wrapper{display:block;width:100%;border-bottom:1px solid #f0f0f0;align-items:stretch;}
    .nav-link{padding:16px 4px;justify-content:space-between;}
    .nav-link-wrapper:hover .nav-dropdown-arrow{transform:none;}
    .nav-link-wrapper.expanded .nav-dropdown-arrow{transform:rotate(180deg);}
    .nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;border:none;border-radius:0;min-width:0;display:none;}
    .nav-link-wrapper.expanded .nav-dropdown{display:block;}
    .nav-dropdown-content{padding:0 0 12px;}
    .mega{display:block;width:auto;}
    .mega-col-divider{border-left:none;padding-left:0;margin-left:0;}
    .mega-group-title{cursor:pointer;background:#f9fafb;border-radius:6px;padding:12px 14px;margin:6px 0;color:#374151;}
    .mega-caret{display:inline;transition:transform .2s;}
    .mega-group.open .mega-caret{transform:rotate(180deg);}
    .mega-group-items{display:none;padding:2px 0 6px;}
    .mega-group.open .mega-group-items{display:block;}
    .nav-dropdown-mega .nav-dropdown-desc{display:block;}
  }


  /* ===== FOOTER ===== */
  footer { padding:60px 0 40px; background:#fff; border-top:1px solid var(--color-grey); }
  footer .footer-container { max-width:1320px; margin:0 auto; padding:0 24px; }
  .footer-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:40px; margin-bottom:40px; }
  .footer-col h4 { font-size:12px; font-weight:600; text-transform:uppercase; margin-bottom:16px; letter-spacing:0.5px; }
  .footer-subhead { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; color:#9ca3af; margin:22px 0 12px; }
  .footer-col a { display:block; font-size:13px; color:var(--color-text-muted); text-decoration:none; margin-bottom:10px; transition:color .2s; }
  .footer-col a:hover { color:var(--color-text); }
  .footer-logo { height:32px; margin-bottom:12px; }
  .xero-partner-badge, .soc-certification-badge { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
  .g2-badge { display:flex; align-items:center; gap:12px; }
  .g2-badge > div:last-child { display:flex; flex-direction:column; }
  .g2-badge-stars { display:flex; gap:4px; margin-top:4px; align-items:center; }
  .g2-badge-stars span { font-size:16px; color:#fbbf24; }
  .footer-bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--color-grey); padding-top:24px; font-size:13px; color:var(--color-text-muted); max-width:1320px; margin:0 auto; }
  .footer-bottom-inner { max-width:1320px; margin:0 auto; padding:0 24px; }
  .footer-bottom-right { display:flex; gap:24px; }
  .footer-bottom-right a { color:var(--color-text-muted); text-decoration:none; font-size:13px; }
  .footer-bottom-right a:hover { color:var(--color-text); }
  @media (max-width:768px){ .footer-grid { grid-template-columns:repeat(2,1fr); gap:32px; } }

/* ============================================================
   TRUST BAR (shared)
   ============================================================ */
/* ============================================================
   TRUST BAR (shared) - desktop + responsive
   ============================================================ */
.trust { padding: 80px 0; overflow: hidden; }
.trust-label { text-align: center; font-size: 12px; color: var(--color-text-muted); text-transform: uppercase; margin-bottom: 32px; letter-spacing: 0.5px; }
.trust-logo { height: 90px; display: flex; align-items: center; justify-content: center; opacity: 0.85; transition: opacity 0.2s; flex-shrink: 0; width: 180px; }
.trust-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.trust-logo:hover { opacity: 1; }
.trust-logos-track { display: flex; gap: 20px; width: max-content; animation: scroll-logos-track 60s linear infinite; }
.trust-logos-track:hover { animation-play-state: paused; }
@keyframes scroll-logos-track { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

@media (max-width: 768px) {
  .trust { padding: 56px 0; }
  .trust-label { margin-bottom: 24px; }
  .trust-logo { height: 60px; width: 130px; }
  .trust-logos-track { gap: 6px; }
}
@media (max-width: 480px) {
  .trust { padding: 44px 0; }
  .trust-logo { height: 46px; width: 92px; }
  .trust-logos-track { gap: 6px; }
}