/* Weblox commercial landing — extra styling on top of Tailwind CDN.
 * Keep this file lean; Tailwind utility classes in the HTML cover most
 * needs. Anything that can't be expressed cleanly inline goes here. */

html {
  scroll-behavior: smooth;
}

/* Tailwind via CDN cannot read `data-[active=true]:*` arbitrary
 * variants at runtime in some browser builds, so we back the pricing
 * toggle with explicit CSS as a safety net. */
[data-pricing-toggle][data-active="true"] {
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}