/** * Nav + homepage CTA hover — load last in layout (after main.css). * Vivid brand blue; hardcoded hex so template utilities cannot override. */ @media (hover: hover) { html body a.btn.nav-cta-btn:hover:not(:disabled), html body button.btn.nav-cta-btn:hover:not(:disabled), html body a.btn.nav-cta-btn.btn-primary:hover:not(:disabled), html body a.btn.nav-cta-btn.btn-secondary:hover:not(:disabled), html body a.btn.nav-cta-btn.btn-white:hover:not(:disabled), html body a.btn.nav-cta-btn.btn-transparent:hover:not(:disabled), html body .header-one a.btn.nav-cta-btn.header-cta-btn:hover:not(:disabled), html body .header-one a.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled), html body .header-one button.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled), html body main a.btn.nav-cta-btn:hover:not(:disabled), html body .cta-section-wrapper a.btn.nav-cta-btn:hover:not(:disabled) { border-color: var(--color-cta-hover-border) !important; background-color: var(--color-cta-hover) !important; color: #ffffff !important; --tw-shadow: 0px 1px 2px 0px #1018280d; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } html body a.btn.nav-cta-btn:hover:not(:disabled):before, html body button.btn.nav-cta-btn:hover:not(:disabled):before, html body a.btn.nav-cta-btn.btn-primary:hover:not(:disabled):before, html body a.btn.nav-cta-btn.btn-secondary:hover:not(:disabled):before, html body a.btn.nav-cta-btn.btn-white:hover:not(:disabled):before, html body a.btn.nav-cta-btn.btn-transparent:hover:not(:disabled):before, html body .header-one a.btn.nav-cta-btn.header-cta-btn:hover:not(:disabled):before, html body main a.btn.nav-cta-btn:hover:not(:disabled):before, html body .cta-section-wrapper a.btn.nav-cta-btn:hover:not(:disabled):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E") !important; } html body a.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html body a.btn.nav-cta-btn:hover:not(:disabled) > span, html body button.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html body button.btn.nav-cta-btn:hover:not(:disabled) > span, html body .header-one a.btn.nav-cta-btn.header-cta-btn:hover:not(:disabled) .btn-label, html body .header-one a.btn.nav-cta-btn.header-cta-btn:hover:not(:disabled) > span, html body .header-one a.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) .btn-label, html body .header-one a.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) > span, html body .header-one button.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) .btn-label, html body .header-one button.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) > span, html body main a.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html body main a.btn.nav-cta-btn:hover:not(:disabled) > span, html body .cta-section-wrapper a.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html body .cta-section-wrapper a.btn.nav-cta-btn:hover:not(:disabled) > span { color: #ffffff !important; } /* Header nav menu — blue hover only, no arrow */ html body .header-one a.header-nav-menu-btn.btn.btn-md::before, html body .header-one button.header-nav-menu-btn.btn.btn-md::before, html body .header-one a.header-nav-menu-btn.btn.btn-md:hover::before, html body .header-one button.header-nav-menu-btn.btn.btn-md:hover::before { display: none !important; content: none !important; background-image: none !important; opacity: 0 !important; width: 0 !important; height: 0 !important; } html body .header-one a.header-nav-menu-btn.btn.btn-md:hover > span.btn-label, html body .header-one button.header-nav-menu-btn.btn.btn-md:hover > span.btn-label { translate: none !important; } } html.dark a.btn.nav-cta-btn:hover:not(:disabled), html.dark button.btn.nav-cta-btn:hover:not(:disabled), html.dark a.btn.nav-cta-btn.btn-primary:hover:not(:disabled), html.dark a.btn.nav-cta-btn.btn-secondary:hover:not(:disabled), html.dark a.btn.nav-cta-btn.btn-white:hover:not(:disabled), html.dark a.btn.nav-cta-btn.btn-transparent:hover:not(:disabled), html.dark .header-one a.btn.nav-cta-btn.header-cta-btn:hover:not(:disabled), html.dark .header-one a.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled), html.dark .header-one button.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled), html.dark main a.btn.nav-cta-btn:hover:not(:disabled), html.dark .cta-section-wrapper a.btn.nav-cta-btn:hover:not(:disabled) { border-color: var(--color-cta-hover-border) !important; background-color: var(--color-cta-hover) !important; color: #ffffff !important; } html.dark a.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html.dark a.btn.nav-cta-btn:hover:not(:disabled) > span, html.dark button.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html.dark button.btn.nav-cta-btn:hover:not(:disabled) > span, html.dark .header-one a.btn.nav-cta-btn.header-cta-btn:hover:not(:disabled) .btn-label, html.dark .header-one a.btn.nav-cta-btn.header-cta-btn:hover:not(:disabled) > span, html.dark .header-one a.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) .btn-label, html.dark .header-one a.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) > span, html.dark .header-one button.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) .btn-label, html.dark .header-one button.btn.nav-cta-btn.header-nav-menu-btn:hover:not(:disabled) > span, html.dark main a.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html.dark main a.btn.nav-cta-btn:hover:not(:disabled) > span, html.dark .cta-section-wrapper a.btn.nav-cta-btn:hover:not(:disabled) .btn-label, html.dark .cta-section-wrapper a.btn.nav-cta-btn:hover:not(:disabled) > span { color: #ffffff !important; } /* Pricing feature band — match bullet text color; size above template h2 (main.css) */ html body .pricing-feature-band__card .pricing-feature-band__heading { margin: 0; font-weight: 400; color: var(--color-accent) !important; font-size: 1.25rem !important; line-height: 140% !important; } @media (min-width: 40rem) { html body .pricing-feature-band__card .pricing-feature-band__heading { font-size: 1.5rem !important; line-height: 140% !important; } }