/* Background comparison only. Original Color Bends owns the field and opacity tokens. */
html.bg-bends-on .background-preview .api-hero,
html.bg-bends-on .background-preview .proof-strip{background:var(--hero-bg)}
html.bg-bends-on .background-preview :is(.marketing-section,.pricing,.api-help,.getting-started,.api-features,.api-integrations,.api-guides){background:var(--desk-bg)}
html.bg-bends-on .background-preview :is(.api-comparison,.account-risk){background:var(--rings-bg)}
html.bg-bends-on .background-preview .results{background:var(--proof-bg)}

.background-preview .floating-whatsapp{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:70;width:200px;display:flex;flex-direction:column;align-items:center;gap:8px}
.background-preview .floating-whatsapp-link{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:12px 20px;background:var(--btn);color:var(--dg);border-radius:var(--r-full);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 8px 22px -10px rgba(16,57,40,.3);transition:background-color .15s ease-out}
.background-preview .floating-whatsapp-link svg{width:22px;height:22px;fill:currentColor;flex:none}
.background-preview .floating-whatsapp-link:hover{background:var(--lg2);color:var(--dg);text-decoration:none}
.background-preview .floating-whatsapp-link:focus-visible{outline:2px solid var(--dg);outline-offset:4px;text-decoration:none}
.background-preview .floating-whatsapp-attribution{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 8px;border-radius:var(--r-full);background:transparent;color:var(--dg);font-size:12px;line-height:1.4;white-space:nowrap}
.background-preview .floating-whatsapp-attribution span{paint-order:stroke fill;-webkit-text-stroke:.5px var(--white)}
.background-preview .floating-whatsapp-attribution.on-dark-footer{color:var(--w80)}
.background-preview .floating-whatsapp-attribution.on-dark-footer span{-webkit-text-stroke:0}
.background-preview .floating-whatsapp-attribution img{width:12px;height:18px;object-fit:contain;flex:none}
.background-preview .floating-whatsapp-attribution strong{font-weight:500}
.background-preview .suite-footer{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
@media(max-width:760px){
 .background-preview{padding-bottom:0}
 .background-preview .mobile-contact{display:none}
 .background-preview .floating-whatsapp{right:max(16px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:184px}
 .background-preview .floating-whatsapp-link{min-height:52px;padding:12px 16px}
 .background-preview .suite-footer{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
 .background-preview:has(.quote-form :is(input,select,textarea):focus) .floating-whatsapp{visibility:hidden;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.background-preview .floating-whatsapp-link{transition:none}}