/* FormsByAir marketing site styles. Hover rules use !important to override inline styles. */
html,body{margin:0;padding:0;background:#FFFFFF;color:#12141A;font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2E4FE6;text-decoration:none}a:hover{color:#1F3AC0}
::selection{background:#2E4FE6;color:#fff}

.hv1:hover{color:#2E4FE6 !important}
.hv2:hover{color:#12141A !important}
.hv3:hover{background:#1F3AC0 !important;color:#FFFFFF !important}
.hv4:hover{border-color:#12141A !important;color:#12141A !important}
.hv5:hover{border-color:#FFFFFF !important;color:#FFFFFF !important}
.hv6:hover{background:#E9ECFB !important;color:#12141A !important}
.hv7:hover{color:#FFFFFF !important}

/* Mobile portrait. Pages use inline styles (Claude Design export), so these
   overrides use attribute selectors + !important to restructure below 640px. */
img{max-width:100%}
.nav-burger{display:none;background:none;border:none;padding:0}
@media (max-width:640px){
  /* Collapse every multi-column grid to a single column */
  div[style*="grid-template-columns"]{grid-template-columns:1fr !important}
  /* Footer: brand full-width row, then link columns two-up */
  div[style*="grid-template-columns:1.4fr"]{grid-template-columns:1fr 1fr !important}
  div[style*="grid-template-columns:1.4fr"] > div:first-child{grid-column:1 / -1}

  /* Nav: hamburger menu */
  .nav-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer;margin-right:-10px}
  .nav-burger span{display:block;width:22px;height:2px;background:#12141A;border-radius:2px;transition:transform .2s,opacity .2s}
  .nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-burger.open span:nth-child(2){opacity:0}
  .nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-links{display:none !important}
  .nav-links.open{display:flex !important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch !important;gap:2px !important;background:#FFFFFF;border-bottom:1px solid #E7E8EC;padding:10px 20px 18px;box-shadow:0 16px 32px rgba(18,20,26,0.08)}
  .nav-links.open a{padding:11px 0;font-size:16px !important}
  .nav-links.open a[href^="https://fba"]{margin-top:10px;text-align:center;padding:13px 22px !important}

  /* Tighter gutters and section spacing */
  div[style*="max-width:1280px"],div[style*="max-width:820px"]{padding-left:20px !important;padding-right:20px !important}
  div[style*="padding:96px"],div[style*="padding:100px"],div[style*="padding:110px"]{padding-top:56px !important;padding-bottom:56px !important}
  div[style*="gap:64px"],div[style*="gap:72px"],div[style*="gap:80px"]{gap:36px !important}

  /* Data-flow arrows (Capture → Manage → Deliver) point down when stacked */
  div[style*="font-size:22px;color:#8FA0F5"]{transform:rotate(90deg);justify-content:center !important}
}