/* Sales CTAs (Schedule a Demo, Book a Meeting, ...): Feroot turquoise.
 * Loaded in <head> so these buttons are turquoise on the very first paint. Until 2026-11-06
 * these rules were injected by v17-nav-component.js, which loads deferred, and a script
 * repainted navy buttons by their label, so every sales button flashed navy first.
 * To make a new button turquoise, give it the class v17-cta-turquoise in the HTML. */
.v17-demo,.v17-mb-demo,.v17-dw-demo,.v17-m-demo,.hero-cta-demo,.js--open-hubspot-modal-btn,a.c-button[href*="demo"],.plat-prod-demo,.fr-btn--ghost,.v17-cta-turquoise{background:#60E4D3!important;background-image:none!important;color:#010347!important;text-decoration:none!important;animation:none!important;border-color:#60E4D3!important;box-shadow:0 4px 0 #2FAF9F,0 10px 24px rgba(47,175,159,.28)!important;transition:transform .12s ease,box-shadow .12s ease!important}
.v17-cta-turquoise *{color:#010347!important}
/* Reset <button> element defaults */
.js--open-hubspot-modal-btn{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;font-family:inherit!important;font-size:inherit!important;line-height:1!important;outline:none!important}
.v17-demo:hover,.v17-mb-demo:hover,.v17-dw-demo:hover,.v17-m-demo:hover,.hero-cta-demo:hover,.js--open-hubspot-modal-btn:hover,a.c-button[href*="demo"]:hover,.plat-prod-demo:hover,.fr-btn--ghost:hover,.v17-cta-turquoise:hover{background:#4DD8C2!important;transform:translateY(-2px)!important;text-decoration:none!important;box-shadow:0 6px 0 #2FAF9F,0 14px 30px rgba(47,175,159,.34)!important}
.v17-demo:active,.v17-mb-demo:active,.v17-dw-demo:active,.v17-m-demo:active,.hero-cta-demo:active,.js--open-hubspot-modal-btn:active,a.c-button[href*="demo"]:active,.plat-prod-demo:active,.fr-btn--ghost:active,.v17-cta-turquoise:active{transform:translateY(1px)!important;box-shadow:0 2px 0 #2FAF9F,0 6px 14px rgba(47,175,159,.24)!important}
/* Remove the former navy/purple aurora overlay from every sales CTA. */
.v17-demo::after,.v17-mb-demo::after,.v17-dw-demo::after,.v17-m-demo::after,.hero-cta-demo::after,.js--open-hubspot-modal-btn::after,a.c-button[href*="demo"]::after,.plat-prod-demo::after,.fr-btn--ghost::after,.v17-cta-turquoise::after{content:none!important;display:none!important;animation:none!important}
/* Dark CTA banner buttons use the same turquoise treatment for site-wide consistency. */
.c-banner-cta__row a.c-button[href*="demo"],.c-banner-cta__row .js--open-hubspot-modal-btn{background:#60E4D3!important;color:#010347!important}
/* HubSpot renders its form buttons itself, so they cannot carry the class: match by label. */
input.hs-button[value*="demo" i],input.hs-button[value*="meeting" i]{background:#60E4D3!important;background-image:none!important;color:#010347!important;border-color:#60E4D3!important;box-shadow:0 4px 0 #2FAF9F,0 10px 24px rgba(47,175,159,.28)!important;transition:transform .12s ease,box-shadow .12s ease!important;cursor:pointer}
input.hs-button[value*="demo" i]:hover,input.hs-button[value*="meeting" i]:hover{background:#4DD8C2!important;border-color:#4DD8C2!important;box-shadow:0 6px 0 #2FAF9F,0 14px 30px rgba(47,175,159,.34)!important}