/* Public pages use the same product tokens as the authenticated application. */
:is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) {
  --public-brand: var(--bex-brand, #087f68);
  --public-brand-hover: var(--bex-brand-hover, #066653);
  --public-bg: var(--bex-bg, #f6f8fa);
  --public-surface: var(--bex-surface, #fff);
  --public-soft: var(--bex-surface-muted, #eef3f2);
  --public-text: var(--bex-text, #172b2a);
  --public-muted: var(--bex-muted, #5b6e70);
  --public-border: var(--bex-border, #dce5e3);
  --wa-brand: var(--public-brand);
  --wa-brand-hover: var(--public-brand-hover);
  --wa-brand-soft: var(--public-soft);
  --wa-bg: var(--public-bg);
  --wa-text: var(--public-text);
  --wa-text-muted: var(--public-muted);
  --wa-text-subtle: var(--public-muted);
  --wa-border: var(--public-border);
  --wa-border-darker: var(--public-border);
  --wa-pill-bg: var(--public-soft);
  --wa-pill-hover: var(--public-border);
  --wa-card-bg: var(--public-surface);
  font-family: var(--bex-font, Inter, system-ui, -apple-system, "Segoe UI", sans-serif);
  color: var(--public-text);
  background: var(--public-bg);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
:is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) *,
:is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) *::before,
:is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) *::after { box-sizing: border-box; }
:is(.bex-public-page, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) { margin: 0; min-width: 0; min-height: 100dvh; }
:is(.bex-public-page, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) img { max-width: 100%; }
:is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) :focus-visible { outline: 3px solid var(--public-brand); outline-offset: 4px; }
:is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page) :is(h1, h2, h3, p, a, th, td) { overflow-wrap: anywhere; }
:is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page) :is(button, input, select, textarea) { font: inherit; }
.bex-public-skip { position: fixed; inset-block-start: -100px; inset-inline-start: 16px; z-index: 9999; padding: 12px 18px; border-radius: var(--bex-radius-sm, 10px); background: var(--public-surface); color: var(--public-brand); box-shadow: var(--bex-shadow, 0 4px 20px #142d2410); }
.bex-public-skip:focus { inset-block-start: 12px; }
.bex-public-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-block-end: 16px; color: var(--public-muted); font-size: 13px; }
.bex-public-breadcrumb a { color: var(--public-brand); text-decoration: none; }

/* Calm, useful public navigation and editorial page hierarchy. */
.bex-public-page .bex-help-header { background: var(--public-surface); border-block-end: 1px solid var(--public-border); box-shadow: none; backdrop-filter: none; }
.bex-public-page .bex-help-header-inner { max-width: 1240px; min-height: 76px; padding: 12px 32px; gap: 20px; }
.bex-public-page :is(.bex-help-header-left, .bex-help-header-right) { min-width: 0; gap: 12px; }
.bex-public-page .bex-help-brand-link { color: var(--public-text); }
.bex-public-page .bex-help-brand-name { font-size: 22px; letter-spacing: -.7px; }
.bex-public-page .bex-help-brand-title { font-size: 13px; color: var(--public-muted); }
.bex-public-page :is(.bex-help-theme-toggle, .bex-help-mobile-nav-btn, .bex-help-lang-btn, .bex-help-back-btn) { min-height: 44px; border-radius: var(--bex-radius-sm, 10px); }
.bex-public-page :is(.bex-help-theme-toggle, .bex-help-mobile-nav-btn) { min-width: 44px; width: 44px; }
.bex-public-page :is(.bex-help-back-btn, .bex-btn-primary, .bex-btn-download) { background: var(--public-brand); color: var(--bex-on-brand); box-shadow: none; border-radius: var(--bex-radius-sm, 10px); min-height: 46px; }
.bex-public-page :is(.bex-help-back-btn, .bex-btn-primary, .bex-btn-download):hover { background: var(--public-brand-hover); transform: none; }
.bex-public-page :is(.bex-btn-secondary, .bex-anchor-pill) { color: var(--public-text); background: var(--public-surface); border: 1px solid var(--public-border); border-radius: var(--bex-radius-sm, 10px); min-height: 44px; box-shadow: none; }
.bex-public-page .bex-nav-link { font-size: 13px; padding: 10px 12px; min-height: 44px; border-radius: var(--bex-radius-sm, 10px); }
.bex-public-page .bex-nav-link.is-active { color: var(--public-brand); background: var(--public-soft); }
.bex-public-page .bex-hero-section { max-width: 1120px; margin-inline: auto; padding: clamp(36px, 6vw, 84px) 28px 48px; background: none; }
.bex-public-page .bex-hero-title { max-width: 850px; margin: 20px auto; font-size: clamp(30px, 4.5vw, 56px); line-height: 1.12; letter-spacing: -.045em; font-weight: 750; color: var(--public-text); text-wrap: balance; }
.bex-public-page .bex-hero-subtitle { max-width: 650px; margin-inline: auto; font-size: 16px; line-height: 1.8; color: var(--public-muted); }
.bex-public-page .bex-hero-badge { font-size: 12px; font-weight: 650; letter-spacing: .01em; background: var(--public-soft); color: var(--public-brand); border: 1px solid var(--public-border); box-shadow: none; }
.bex-public-page :is(.bex-section, .bex-features-section, .bex-security-section, .bex-compare-section, .bex-privacy-content) { width: 100%; max-width: 1180px; margin-inline: auto; padding: 40px 28px; }
.bex-public-page :is(.bex-section-title, .bex-sec-title) { color: var(--public-text); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; line-height: 1.25; }
.bex-public-page :is(.bex-section-desc, .bex-section-sub, .bex-card-desc, .bex-platform-desc, .bex-feature-desc) { font-size: 14px; color: var(--public-muted); line-height: 1.8; }
.bex-public-page :is(.bex-platforms-grid, .bex-grid-3, .bex-features-grid) { gap: 20px; }
.bex-public-page :is(.bex-platform-card, .bex-feature-card, .bex-privacy-card) { min-width: 0; background: var(--public-surface); border: 1px solid var(--public-border); border-radius: var(--bex-radius, 16px); box-shadow: none; padding: 26px; }
.bex-public-page :is(.bex-platform-card, .bex-feature-card, .bex-privacy-card):hover { transform: none; border-color: var(--public-brand); box-shadow: none; }
.bex-public-page :is(.bex-card-icon, .bex-feature-icon, .bex-platform-icon-wrap) { background: var(--public-soft); color: var(--public-brand); border-radius: 12px; box-shadow: none; }
.bex-public-page :is(.bex-card-title, .bex-platform-name, .bex-feature-title, .bex-card-section-title) { color: var(--public-text); }
.bex-public-page :is(.bex-prose, .bex-prose p, .bex-prose li) { font-size: 15px; line-height: 1.9; color: var(--public-muted); }
.bex-public-page :is(.bex-table-wrap, .bex-compare-table-wrap) { max-width: 100%; overflow-x: auto; border: 1px solid var(--public-border); border-radius: var(--bex-radius-sm, 10px); }
.bex-public-page :is(.bex-faq-item, .bex-highlight-box) { border-color: var(--public-border); background: var(--public-surface); border-radius: var(--bex-radius-sm, 10px); }
.bex-public-page .bex-faq-trigger { min-height: 56px; font-size: 15px; line-height: 1.5; text-align: start; }
.bex-public-page .bex-help-footer { background: var(--public-surface); color: var(--public-text); border-block-start: 1px solid var(--public-border); margin-block-start: 48px; }
.bex-public-page .bex-help-footer a { color: var(--public-muted); }
.bex-public-page .bex-help-footer-inner { max-width: 1180px; padding: 48px 28px 24px; }
.bex-public-page .bex-help-footer-bottom { border-color: var(--public-border); }

/* Help stays a document with a dedicated topic sidebar. */
.bex-help-page .bex-help-container { max-width: 1240px; margin: 0 auto; }
.bex-help-page .bex-help-sidebar { flex-basis: 272px; width: 272px; border-color: var(--public-border); background: var(--public-surface); padding: 24px 16px; }
.bex-help-page .bex-help-main { min-width: 0; max-width: 880px; padding: 40px; }
.bex-help-page .bex-help-article-title { font-size: clamp(27px, 3vw, 40px); letter-spacing: -.04em; line-height: 1.2; }
.bex-help-page :is(.bex-help-article-link, .bex-help-cat-trigger) { min-height: 44px; font-size: 13px; border-radius: var(--bex-radius-sm, 10px); }
.bex-help-page .bex-help-article-link.is-active { background: var(--public-soft); color: var(--public-brand); font-weight: 650; }
.bex-help-page .bex-help-search-box { width: clamp(180px, 22vw, 290px); min-height: 44px; border-radius: var(--bex-radius-sm, 10px); background: var(--public-soft); }
.bex-help-page .bex-help-search-input { min-width: 0; width: 100%; font-size: 14px; }
.bex-help-page .bex-help-search-dropdown { background: var(--public-surface); border-color: var(--public-border); border-radius: var(--bex-radius-sm, 10px); }
.bex-help-page .bex-help-search-clear { min-width: 36px; min-height: 36px; }
.bex-help-page .bex-help-copy-btn { min-height: 44px; white-space: normal; border-radius: var(--bex-radius-sm, 10px); }

/* Entry points share a compact, readable form surface. */
body.bex-auth.bex-auth { background: var(--public-bg) !important; background-image: none !important; }
.bex-auth { --auth-bg: var(--public-bg); --auth-surface: var(--public-surface); --auth-text: var(--public-text); --auth-muted: var(--public-muted); --auth-primary: var(--public-brand); --auth-border: var(--public-border); --auth-input: var(--public-surface); --auth-soft: var(--public-soft); --auth-shadow: var(--bex-shadow, 0 4px 20px #142d2408); }
.bex-auth .bex-wa-web-desktop-shell { max-width: 1160px !important; padding: 24px 32px 48px; }
.bex-auth .bex-wa-web-header { min-height: 64px; padding-block: 8px 20px; border-block-end: 1px solid var(--public-border); margin-bottom: 32px; }
.bex-auth :is(.bex-wa-web-card, .bex-wa-download-banner, .auth-card) { border: 1px solid var(--public-border); border-radius: var(--bex-radius, 16px); box-shadow: var(--bex-shadow, 0 4px 20px #142d2408); background: var(--public-surface); }
.bex-auth .bex-wa-web-card { padding: 40px; gap: 40px; }
.bex-auth .bex-wa-web-card:has(#desktop-mode-credentials:not(.hidden)) { width: min(100%, 560px) !important; margin-inline: auto; padding: 40px !important; }
.bex-auth #desktop-mode-credentials .bex-wa-grid-layout { display: block !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 440px !important; margin-inline: auto; }
.bex-auth #desktop-mode-credentials .bex-wa-main-title { font-size: 28px !important; max-width: 22ch; }
.bex-auth #desktop-mode-credentials .auth-field label, .bex-auth #desktop-mode-credentials p { font-size: 14px; line-height: 1.6; }
.bex-auth #desktop-mode-credentials .auth-input-wrap { min-height: 50px; }
.bex-auth .bex-wa-main-title { color: var(--public-text); font-size: clamp(24px, 3vw, 32px); line-height: 1.2; letter-spacing: -.04em; }
.bex-auth :is(.bex-wa-sub-title, .bex-wa-download-text p, .bex-wa-footer-security, .bex-wa-footer-legal) { color: var(--public-muted); font-size: 13px; line-height: 1.7; }
.bex-auth .bex-wa-download-banner { padding: 20px 24px; margin-bottom: 24px; box-shadow: none; }
.bex-auth .bex-wa-download-text h4 { color: var(--public-text); }
.bex-auth :is(.auth-button, .auth-secondary-btn, .bex-wa-download-btn) { border-radius: var(--bex-radius-sm, 10px); min-height: 46px; font-size: 14px; box-shadow: none; }
.bex-auth :is(.auth-button--primary, .bex-wa-download-btn) { background: var(--public-brand); color: var(--bex-on-brand); }
.bex-auth :is(.auth-input-wrap, .auth-code, .auth-phone-row select) { border-radius: var(--bex-radius-sm, 10px); border-color: var(--public-border); }
.bex-auth :is(.auth-input-wrap input, input.auth-code, .auth-phone-row select) { font-size: 16px; }
.bex-auth :is(.auth-field > label, .auth-account-types > legend, .auth-help, .auth-field-error, .auth-heading p, .auth-card-footer, .auth-kicker) { font-size: 13px; }
.bex-auth :is(.auth-heading h2, .auth-heading h1) { font-size: 28px; line-height: 1.2; letter-spacing: -.035em; }
.bex-auth .auth-help { line-height: 1.65; }
.bex-auth .auth-tabs { border-radius: var(--bex-radius-sm, 10px); margin-bottom: 28px; }
.bex-auth .auth-tab { font-size: 14px; }
.bex-auth .auth-header-tools { gap: 8px; }
.bex-auth :is(.auth-theme, .bex-lang-trigger, .bex-wa-qr-reload-btn) { min-width: 44px; min-height: 44px; }
.bex-auth .bex-wa-web-footer { gap: 16px; padding-top: 28px; }
.bex-auth .auth-account-option small { font-size: 12px; }
.bex-auth .bex-lang-popover { max-width: calc(100vw - 32px); background: var(--public-surface); border-color: var(--public-border); color: var(--public-text); }
.bex-auth .bex-lang-item { min-height: 44px; }
.bex-auth .auth-form [aria-invalid="true"] { border-color: var(--bex-danger, #bc3449); }

body:is(.bex-phone-page, .bex-recovery-page) { display: grid; align-content: center; justify-items: center; padding: max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
:is(.bex-phone-page, .bex-recovery-page) :is(.bex-phone-card, .bex-auth-card, .bex-card) { width: min(100%, 440px); min-width: 0; padding: 32px; border-radius: var(--bex-radius, 16px); background: var(--public-surface); color: var(--public-text); border: 1px solid var(--public-border); box-shadow: var(--bex-shadow, 0 4px 20px #142d2408); }
:is(.bex-phone-page, .bex-recovery-page) :is(h1, .text-white, .text-slate-800, .text-slate-700, .text-gray-300) { color: var(--public-text); }
:is(.bex-phone-page, .bex-recovery-page) :is(.text-gray-400, .text-slate-500, .text-slate-600) { color: var(--public-muted); }
:is(.bex-phone-page, .bex-recovery-page) h1 { margin: 12px 0; font-size: 28px; line-height: 1.25; letter-spacing: -.035em; }
:is(.bex-phone-page, .bex-recovery-page) :is(p, label, a) { font-size: 14px; }
:is(.bex-phone-page, .bex-recovery-page) label { display: block; margin-bottom: 8px; font-weight: 600; }
:is(.bex-phone-page, .bex-recovery-page) input:not([type=hidden]) { display: block; width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid var(--public-border); border-radius: var(--bex-radius-sm, 10px); background: var(--public-surface); color: var(--public-text); font-size: 16px; }
:is(.bex-phone-page, .bex-recovery-page) button[type=submit], .bex-phone-page .bex-btn { width: 100%; min-height: 48px; padding: 12px 16px; border: 0; border-radius: var(--bex-radius-sm, 10px); background: var(--public-brand); color: var(--bex-on-brand); font-weight: 650; cursor: pointer; box-shadow: none; }
:is(.bex-phone-page, .bex-recovery-page) button:disabled { opacity: .6; cursor: wait; }
.bex-phone-card form { display: grid; gap: 12px; margin-top: 24px; }
.bex-phone-brand { display: flex; align-items: center; gap: 10px; color: var(--public-brand); font-weight: 750; text-decoration: none; }
.bex-phone-brand img { width: 36px; height: 36px; border-radius: 10px; }
.bex-phone-note { color: var(--public-muted); margin-bottom: 0; }
.bex-phone-status { margin: 16px 0 0; color: var(--public-muted); font-size: 14px; min-height: 24px; }
.bex-phone-status[data-state=error] { color: var(--bex-danger, #bc3449); }
.bex-phone-back { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 20px; color: var(--public-brand); text-underline-offset: 4px; }

/* Legal pages retain long-form reading, rather than a dashboard layout. */
.legal-page .legal-wrap { max-width: 1180px; }
.legal-page .legal-hero h1 { font-size: clamp(30px, 4vw, 48px); line-height: 1.15; letter-spacing: -.04em; color: var(--public-text); }
.legal-page :is(.legal-header, .legal-card, .legal-toc, .legal-return) { border-color: var(--public-border); box-shadow: none; }
.legal-page :is(.legal-card, .legal-toc, .legal-return) { background: var(--public-surface); border-radius: var(--bex-radius, 16px); }
.legal-page :is(.legal-card p, .legal-card li) { font-size: 15px; line-height: 1.85; }
.legal-page .legal-article { background: var(--public-surface); border-color: var(--public-border); border-radius: var(--bex-radius, 16px); }
.legal-page :is(.legal-article p, .legal-article li, .legal-article dd) { font-size: 15px; line-height: 1.85; }
.legal-page .legal-tabs { flex-wrap: wrap; }
.legal-page .legal-tabs a { min-height: 44px; border-radius: var(--bex-radius-sm, 10px); }

/* Landing is composed around the existing local photograph and real entry actions. */
.bex-landing-body .bex-header { background: var(--public-surface); border-bottom: 1px solid var(--public-border); box-shadow: none; }
.bex-landing-body .bex-header-inner { min-width: 0; gap: 16px; }
.bex-landing-body .bex-header-actions { min-width: 0; gap: 8px; }
.bex-landing-body .bex-header-actions > .bex-btn { display: none; }
.bex-landing-body .bex-nav-desktop { display: none; }
.bex-landing-body #bex-mobile-toggle { display: inline-flex; }
.bex-landing-body .bex-land-shell { max-width: 1240px; }
.bex-landing-body .bex-hero-wrapper { padding-block: 36px 56px; }
.bex-landing-body .bex-hero-card { border-radius: 24px; background: var(--public-surface); border: 1px solid var(--public-border); box-shadow: none; }
.bex-landing-body .bex-hero-title { color: var(--public-text); font-size: clamp(36px, 4.7vw, 64px); line-height: 1.08; letter-spacing: -.05em; }
.bex-landing-body .bex-hero-desc { color: var(--public-muted); font-size: 17px; line-height: 1.75; }
.bex-landing-body .bex-hero-trust { flex-wrap: wrap; font-size: 12px; }
.bex-landing-body .bex-btn { min-height: 48px; border-radius: var(--bex-radius-sm, 10px); box-shadow: none; font-size: 14px; }
.bex-landing-body .bex-btn-hero-primary { color: var(--bex-on-brand); background: var(--public-brand); }
.bex-landing-body .bex-btn-hero-secondary { color: var(--public-text); background: var(--public-surface); border: 1px solid var(--public-border); }
html.dark .bex-public-page :is(.bex-help-header, .bex-help-footer, .bex-help-lang-popover, .bex-help-search-dropdown, .bex-help-sidebar) { background: var(--public-surface) !important; border-color: var(--public-border) !important; color: var(--public-text) !important; }
html.dark .bex-public-page :is(.bex-help-brand-name, .bex-help-brand-title) { color: var(--public-text) !important; }
.bex-deletion-page :is(.bex-card, .bex-inp) { border-radius: var(--bex-radius, 16px); box-shadow: none; }
.bex-deletion-page :is(label, .bex-inp) { font-size: 15px; }
.bex-deletion-page .bex-inp { min-height: 48px; background: var(--public-surface); color: var(--public-text); }
@media (min-width: 768px) {
  .bex-landing-body .bex-header-actions > .bex-btn { display: inline-flex; }
}
@media (min-width: 1200px) {
  .bex-landing-body .bex-nav-desktop { display: flex; gap: 14px; }
  .bex-landing-body #bex-mobile-toggle { display: none; }
  .bex-landing-body .bex-header-actions > .bex-btn-primary { display: none; }
}

@media (max-width: 1023px) {
  .bex-public-page .bex-help-header-inner { padding-inline: 20px; flex-wrap: wrap; gap: 10px; }
  .bex-public-page .bex-nav-links { display: flex; flex-wrap: wrap; }
  .bex-public-page .bex-help-header-right { flex-wrap: wrap; }
  .bex-auth .bex-wa-web-card { padding: 28px; gap: 24px; }
  .bex-auth .bex-wa-web-header nav { display: none; }
  .bex-help-page .bex-help-main { padding: 28px; }
}
@media (max-width: 767px) {
  .bex-public-page .bex-help-header { position: relative; }
  .bex-public-page .bex-help-header-inner { padding: 12px 16px; align-items: center; }
  .bex-public-page .bex-help-header-left { flex: 1 1 auto; }
  .bex-public-page .bex-help-header-right { width: 100%; justify-content: flex-start; gap: 8px; }
  .bex-public-page .bex-help-header-right .bex-nav-links { order: 5; width: 100%; gap: 2px; border-block-start: 1px solid var(--public-border); padding-block-start: 8px; }
  .bex-public-page .bex-help-back-btn { margin-inline-start: auto; }
  .bex-public-page .bex-hero-section { padding: 36px 20px 24px; }
  .bex-public-page :is(.bex-section, .bex-features-section, .bex-security-section, .bex-compare-section, .bex-privacy-content) { padding: 28px 16px; }
  .bex-public-page :is(.bex-platforms-grid, .bex-grid-3, .bex-features-grid) { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .bex-public-page :is(.bex-platform-card, .bex-feature-card, .bex-privacy-card) { padding: 22px; }
  .bex-public-page .bex-help-footer-inner { padding: 32px 20px 24px; }
  .bex-help-page .bex-help-search-box { width: 100%; flex: 1 1 100%; order: 5; }
  .bex-help-page .bex-help-header-right { flex: 1 1 100%; max-width: 100%; }
  .bex-help-page :is(.bex-help-brand-title, .bex-help-brand-sep) { display: none; }
  .bex-help-page .bex-help-sidebar { width: min(320px, calc(100vw - 32px)); flex-basis: auto; }
  .bex-help-page .bex-help-main { padding: 28px 20px; max-width: 100%; }
  .bex-help-page .bex-help-article-top { flex-wrap: wrap; gap: 16px; }
  .bex-help-page .bex-help-copy-btn { margin-inline-start: 0; }
  .bex-auth .bex-mobile-view { padding: 12px 16px 24px; }
  .bex-auth .auth-header { gap: 12px; }
  .bex-auth .bex-mobile-view .auth-card { padding: 24px 20px 0; margin-block: 24px; border-radius: var(--bex-radius, 16px); }
  .bex-auth .auth-card-footer { margin-inline: -20px; padding: 12px; flex-wrap: wrap; }
  .bex-auth .auth-account-types { min-width: 0; }
  .bex-auth .auth-account-option > span { padding: 12px 8px; }
  .bex-auth .auth-account-option small { font-size: 11px; }
  .bex-auth .auth-step-actions { gap: 8px; }
  :is(.bex-phone-page, .bex-recovery-page) :is(.bex-phone-card, .bex-auth-card, .bex-card) { padding: 26px 22px; }
  .legal-page .legal-header { flex-wrap: wrap; gap: 16px; }
  .legal-page .legal-auth-nav { flex-wrap: wrap; gap: 12px; }
  .bex-landing-body .bex-hero-wrapper { padding: 20px 16px 32px; }
  .bex-landing-body .bex-header-inner { padding-inline: 16px; gap: 8px; }
  .bex-landing-body .bex-header-actions { gap: 6px; }
  .bex-landing-body .bex-header-actions .bex-lang-trigger { padding-inline: 8px; }
  .bex-landing-body .bex-hero-content { padding: 32px 24px; }
  .bex-landing-body .bex-hero-visual { min-height: 320px; }
  .bex-landing-body .bex-chat-stage { max-width: calc(100% - 32px); }
}
@media (max-width: 374px) {
  .bex-auth .bex-lang-trigger span:nth-child(2) { max-width: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .bex-auth .auth-account-types > div { grid-template-columns: minmax(0, 1fr); }
  .bex-auth .auth-account-option > span { flex-direction: row; flex-wrap: wrap; }
  .bex-public-page .bex-help-brand-title { font-size: 12px; }
  .bex-public-page .bex-nav-link { font-size: 12px; padding-inline: 8px; }
  .bex-landing-body .bex-header-actions .bex-lang-trigger span:nth-child(2) { display: none; }
  .bex-landing-body .bex-brand { gap: 8px; font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) *,
  :is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) *::before,
  :is(.bex-public-page, .bex-auth, .bex-phone-page, .bex-recovery-page, .legal-page, .bex-landing-body) *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}