/* BeautronSite hand-written styles (compiled Tailwind lives in beautron.css — never edit that file, it is regenerated from the reference build). */

/* Pricing monthly/annual toggle */
.billing-toggle { display: inline-flex; gap: 4px; padding: 4px; border-radius: 9999px; border: 1px solid var(--border); background: rgba(255, 255, 255, .03); margin: 0 auto 2.5rem; width: max-content; }
.billing-toggle-btn { padding: .5rem 1.25rem; border-radius: 9999px; border: 0; background: transparent; color: var(--muted-foreground); font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; cursor: pointer; transition: all .2s; }
.billing-toggle-btn.is-active { background: var(--foreground); color: var(--background); }

/* Solutions hover & click dropdown menu transitions */
.beautron-dropdown-menu { opacity: 0; pointer-events: none; transform: translate(-50%, 10px) scale(0.98); transition: opacity 0.15s ease-out, transform 0.15s ease-out; }
.beautron-dropdown.is-open .beautron-dropdown-menu { opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1); }
.beautron-dropdown.is-open .beautron-dropdown-toggle { color: var(--color-foreground) !important; }
.beautron-dropdown.is-open .beautron-dropdown-toggle svg { transform: rotate(180deg); color: var(--color-primary) !important; }

/* Solid nav variant used by solution sub-pages */
.beautron-view nav.beautron-nav-solid { background: rgba(6, 8, 22, 0.92) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; backdrop-filter: blur(18px); }