/* WellHaven marketing site — base styles. Section/component layout is inline
   in index.html (as exported from the design tool); this covers the handful
   of things inline styles can't do: hover/focus states, smooth scroll,
   the global reset, and the mobile nav breakpoint. */

html { scroll-behavior: smooth; }

body {
    margin: 0;
    background: #fbf7f0;
    color: #2a1f3d;
    font-family: 'Nunito', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }

a { color: #4a148c; text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: #6a2bb0; }

input, select, textarea, button { font-family: inherit; }

/* Primary CTA button hover */
.scp0:hover { background: #5a1fa3 !important; color: #fff !important; }
/* Secondary "See how it works" button hover */
.scp1:hover { background: #f4eefb !important; }
/* Form field focus ring */
.scp2:focus { border-color: #4a148c !important; box-shadow: 0 0 0 4px #ede3f8 !important; }
/* Form submit button hover */
.scp3:hover { background: #5a1fa3 !important; }
.scp3:disabled { opacity: 0.6; cursor: not-allowed; }

@media (max-width: 960px) {
    .ww-navlink { display: none !important; }
}