/* WillWork static site styles.
   Base block reproduced verbatim from the design-canvas helmet <style>. */

html, body { margin: 0; padding: 0; background: #FAFAF9; }
@keyframes ww-blink { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } }
@keyframes ww-dot { 0%, 60%, 100% { opacity: 0.25; } 30% { opacity: 1; } }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #151312; -webkit-font-smoothing: antialiased; }
a { color: #151312; text-decoration: none; }
a:hover { color: #2F55A4; }
@media (max-width: 1199px) { #ww-v2 { zoom: 0.92; } }
@media (max-width: 1103px) { #ww-v2 { zoom: 0.86; } }
@media (max-width: 1031px) { #ww-v2 { zoom: 0.8; } }
@media (max-width: 959px) { #ww-v2 { zoom: 0.74; } }
@media (max-width: 887px) { #ww-v2 { zoom: 0.68; } }
@media (max-width: 815px) { #ww-v2 { zoom: 0.62; } }
@media (max-width: 743px) { #ww-v2 { zoom: 0.56; } }
@media (max-width: 671px) { #ww-v2 { zoom: 0.5; } }

/* Hover states (converted from style-hover attributes; !important is needed
   because the base declarations live in inline styles). */
.hv-btn-dark:hover { background: #26221F !important; }
.hv-navlink:hover { color: #151312 !important; background: #F5F5F4 !important; }
.hv-close:hover { background: #F5F5F4 !important; color: #151312 !important; }

/* FAQ accordion: single-open; item 0 starts with .open in the markup. */
.ww-faq-a { display: none; }
.ww-faq-item.open .ww-faq-a { display: block; }
.ww-chev { transition: transform 0.2s; transform: rotate(0deg); }
.ww-faq-item.open .ww-chev { transform: rotate(180deg); }

/* Show/hide toggle for the modal, its panels, and the error line.
   !important so it wins over inline display values. */
.ww-hidden { display: none !important; }

/* Send button while the contact request is in flight. */
.is-pending { opacity: 0.6; pointer-events: none; }

/* Honeypot field: visually removed, still submitted with the form. */
.ww-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }