@layer components {
.billing-interval-switcher-field{gap:6px;width:fit-content;max-width:100%;display:grid}.billing-interval-switcher{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--surface-muted) 60%, var(--surface));border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;width:fit-content;max-width:100%;padding:4px;display:inline-grid;position:relative}.billing-interval-switcher[data-has-flag=true]{margin-top:20px}.billing-interval-switcher__indicator{width:calc((100% - 8px) / var(--bis-count));transform:translateX(calc(var(--bis-index) * 100%));background:var(--interactive-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--interactive-accent) 28%, transparent);border-radius:999px;transition:transform .2s;position:absolute;top:4px;bottom:4px;left:4px}.billing-interval-switcher__option{z-index:1;min-height:40px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:color .16s;display:inline-flex;position:relative}.billing-interval-switcher__option[data-active=true]{color:var(--interactive-accent-contrast);font-weight:700}.billing-interval-switcher__option:not([data-active=true]):not(:disabled):hover{color:var(--text)}.billing-interval-switcher__option:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.billing-interval-switcher__badge{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success);border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700;line-height:1.5}.billing-interval-switcher__option[data-active=true] .billing-interval-switcher__badge{background:color-mix(in srgb, var(--interactive-accent-contrast) 22%, transparent);color:var(--interactive-accent-contrast)}.billing-interval-switcher__flag{border-radius:var(--radius-pill,999px);background:var(--success);color:var(--on-selection-accent);box-shadow:0 3px 10px color-mix(in srgb, var(--success) 32%, transparent);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;padding:2px 8px;font-size:.62rem;font-weight:700;line-height:1.5;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.billing-interval-switcher[data-disabled=true]{opacity:.6}.billing-interval-switcher__option:disabled{cursor:not-allowed}html[data-theme=dark] .billing-interval-switcher{border-color:color-mix(in srgb, var(--line-inverse) 54%, transparent);background:color-mix(in srgb, var(--surface-muted) 42%, var(--surface))}html[data-theme=dark] .billing-interval-switcher__badge{background:color-mix(in srgb, var(--success) 20%, transparent)}@media (prefers-reduced-motion:reduce){.billing-interval-switcher__indicator{transition:none}}@media (max-width:768px){.billing-interval-switcher__option{gap:6px;min-height:34px;padding:6px 10px;font-size:13px}.billing-interval-switcher__badge{padding:1px 6px;font-size:.66rem}.billing-interval-switcher__flag{letter-spacing:.02em;padding:1px 6px;font-size:.56rem}.billing-interval-switcher[data-has-flag=true]{margin-top:16px}}@media (max-width:640px){.billing-interval-switcher__option{flex-direction:column;gap:2px}}
}

@layer components {
.brand-wordmark{white-space:nowrap;line-height:inherit;letter-spacing:-.045em;text-transform:lowercase;align-items:baseline;gap:0;display:inline-flex}.brand-wordmark__primary{font-weight:800}.brand-wordmark__accent{letter-spacing:-.02em;color:var(--accent);font-size:.94em;font-weight:600}
}