/* DooxCRM marketing site — shared reset + responsive-nav helpers.
   Section styling stays inline on each page (ported verbatim from the
   Claude Design .dc.html handoff). Only cross-cutting rules live here. */

body { margin: 0; background: #FAFBFC; font-family: 'Manrope', system-ui, sans-serif; }
a { color: #2A3B7C; text-decoration: none; }
a:hover { color: #0067AE; }
* { box-sizing: border-box; }
img { max-width: 100%; }
input, select, textarea { font-family: 'Manrope', system-ui, sans-serif; }
input::placeholder, textarea::placeholder { color: #9AA8B2; }

/* --- Responsive nav -------------------------------------------------
   Replaces the .dc.html runtime's matchMedia(max-width:860px) logic.
   .dc-wide   = desktop-only (inline nav links + CTA)
   .dc-narrow = mobile-only  (hamburger button)
   .dc-drawer = mobile dropdown panel, toggled by js/nav.js            */
.dc-narrow { display: none; }
.dc-drawer { display: none; }

@media (max-width: 860px) {
  .dc-wide   { display: none !important; }
  .dc-narrow { display: flex !important; }
  .dc-drawer.is-open { display: flex !important; }
}

/* Contact form: emulates the design's style-focus="" attribute */
.form-field:focus { border-color: #2A3B7C; background: #fff; outline: none; }