/* Design Tokens */

:root {
  color-scheme: light;
  --color-ink-950: #070a1a;
  --color-ink-900: #0b1220;
  --color-ink-800: #101a33;
  --color-ink-700: #1d2b4f;
  --color-ink-600: #475569;
  --color-mist-50: #f7f7ff;
  --color-mist-100: #eef1ff;
  --color-mist-200: #e2e6ff;
  --color-brand-50: #f8f0ff;
  --color-brand-100: #f0e1ff;
  --color-brand-200: #e4c9ff;
  --color-brand-400: #bc8cff;
  --color-brand-500: #a855f7;
  --color-brand-600: #8b5cf6;
  --color-brand-700: #7c3aed;
  --color-accent-50: #fff1f8;
  --color-accent-200: #fecce7;
  --color-accent-500: #ec4899;
  --color-accent-600: #db2777;
  --color-signal-50: #ecfdf5;
  --color-signal-100: #d1fae5;
  --color-signal-500: #10b981;
  --color-signal-600: #059669;
  --color-signal-700: #047857;
  --color-whatsapp-50: #e9fbf1;
  --color-whatsapp-100: #d8f8e6;
  --color-whatsapp-200: #b7f0d2;
  --color-whatsapp-500: #25d366;
  --color-whatsapp-600: #1ea85b;
  --color-whatsapp-700: #128c7e;
  --color-whatsapp-800: #075e54;
  --color-whatsapp-900: #054d44;
  --color-telegram-50: #effaff;
  --color-telegram-100: #dff4ff;
  --color-telegram-200: #b9e8ff;
  --color-telegram-300: #67e8f9;
  --color-telegram-400: #22d3ee;
  --color-telegram-500: #229ed9;
  --color-telegram-600: #168ac2;
  --color-telegram-700: #0f75a8;
  --color-telegram-800: #075985;
  --color-telegram-900: #0b3b63;
  --color-imessage-50: #eef6ff;
  --color-imessage-100: #dbeaff;
  --color-imessage-200: #bbd7ff;
  --color-imessage-500: #0a84ff;
  --color-imessage-600: #007aff;
  --color-imessage-700: #0066d6;
  --color-imessage-800: #084da3;
  --color-imessage-900: #073a78;
  --color-appleapp-50: #f8fafc;
  --color-appleapp-100: #e5e7eb;
  --color-appleapp-200: #cbd5e1;
  --color-appleapp-500: #0a84ff;
  --color-appleapp-600: #007aff;
  --color-appleapp-700: #111827;
  --color-appleapp-800: #0f172a;
  --color-appleapp-900: #020617;
  --color-microsoftapp-50: #f4faff;
  --color-microsoftapp-100: #dbf0ff;
  --color-microsoftapp-200: #b9e4ff;
  --color-microsoftapp-500: #0078d4;
  --color-microsoftapp-600: #106ebe;
  --color-microsoftapp-700: #0f6cbd;
  --color-microsoftapp-800: #0a436e;
  --color-microsoftapp-900: #042a4f;
  --color-amazonapp-50: #fff8ed;
  --color-amazonapp-100: #ffefd6;
  --color-amazonapp-200: #fed7aa;
  --color-amazonapp-500: #ff9900;
  --color-amazonapp-600: #f59e0b;
  --color-amazonapp-700: #d97706;
  --color-amazonapp-800: #232f3e;
  --color-amazonapp-900: #131a22;
  --color-netflixapp-50: #fff1f2;
  --color-netflixapp-100: #ffe4e6;
  --color-netflixapp-200: #fecdd3;
  --color-netflixapp-500: #e50914;
  --color-netflixapp-600: #c11119;
  --color-netflixapp-700: #9f0712;
  --color-netflixapp-800: #221113;
  --color-netflixapp-900: #111111;
  --color-spotifyapp-50: #ecfdf3;
  --color-spotifyapp-100: #ddfbe8;
  --color-spotifyapp-200: #b8f4ce;
  --color-spotifyapp-500: #1db954;
  --color-spotifyapp-600: #1ed760;
  --color-spotifyapp-700: #169c46;
  --color-spotifyapp-800: #132d1f;
  --color-spotifyapp-900: #121212;
  --color-gotoapp-50: #f0fdfa;
  --color-gotoapp-100: #ccfbf1;
  --color-gotoapp-200: #99f6e4;
  --color-gotoapp-500: #00b8a9;
  --color-gotoapp-600: #0d9488;
  --color-gotoapp-700: #0f766e;
  --color-gotoapp-800: #12363a;
  --color-gotoapp-900: #0b1f24;
  --color-indiatimesapp-50: #fff8ed;
  --color-indiatimesapp-100: #ffe8cc;
  --color-indiatimesapp-200: #ffd0a3;
  --color-indiatimesapp-500: #ff7a00;
  --color-indiatimesapp-600: #ea580c;
  --color-indiatimesapp-700: #138a4a;
  --color-indiatimesapp-800: #123d2f;
  --color-indiatimesapp-900: #071b2d;
  --color-cryptoapp-50: #fff7ed;
  --color-cryptoapp-100: #ffedd5;
  --color-cryptoapp-200: #fed7aa;
  --color-cryptoapp-500: #f97316;
  --color-cryptoapp-600: #ea580c;
  --color-cryptoapp-700: #c2410c;
  --color-cryptoapp-800: #102a43;
  --color-cryptoapp-900: #07111f;
  --color-binanceapp-50: #fffbeb;
  --color-binanceapp-100: #fef3c7;
  --color-binanceapp-200: #fde68a;
  --color-binanceapp-500: #f0b90b;
  --color-binanceapp-600: #d99a00;
  --color-binanceapp-700: #a16207;
  --color-binanceapp-800: #1e293b;
  --color-binanceapp-900: #0b0e11;
  --color-kucoinapp-50: #ecfdf8;
  --color-kucoinapp-100: #ccfbef;
  --color-kucoinapp-200: #99f6e4;
  --color-kucoinapp-500: #24ae8f;
  --color-kucoinapp-600: #00a87e;
  --color-kucoinapp-700: #047a64;
  --color-kucoinapp-800: #123d3a;
  --color-kucoinapp-900: #071516;
  --color-htxapp-50: #eff6ff;
  --color-htxapp-100: #dbeafe;
  --color-htxapp-200: #bfdbfe;
  --color-htxapp-500: #2f7bff;
  --color-htxapp-600: #0b63f6;
  --color-htxapp-700: #0b4dc2;
  --color-htxapp-800: #10213f;
  --color-htxapp-900: #071222;
  --color-coinwapp-50: #effaff;
  --color-coinwapp-100: #dff4ff;
  --color-coinwapp-200: #b9e8ff;
  --color-coinwapp-500: #0ea5e9;
  --color-coinwapp-600: #0284c7;
  --color-coinwapp-700: #0369a1;
  --color-coinwapp-800: #12324b;
  --color-coinwapp-900: #061826;
  --color-viber-50: #f5f2ff;
  --color-viber-100: #eae4ff;
  --color-viber-200: #d7cbff;
  --color-viber-500: #7360f2;
  --color-viber-600: #6650d8;
  --color-viber-700: #523cb8;
  --color-viber-800: #3f2e8f;
  --color-viber-900: #2d2167;
  --color-rcs-50: #ecfeff;
  --color-rcs-100: #cffafe;
  --color-rcs-200: #a5f3fc;
  --color-rcs-500: #06b6d4;
  --color-rcs-600: #0891b2;
  --color-rcs-700: #0e7490;
  --color-rcs-800: #155e75;
  --color-rcs-900: #164e63;
  --color-signalapp-50: #eff6ff;
  --color-signalapp-100: #dbeafe;
  --color-signalapp-200: #bfdbfe;
  --color-signalapp-500: #3a76f0;
  --color-signalapp-600: #2563eb;
  --color-signalapp-700: #1d4ed8;
  --color-signalapp-800: #1e40af;
  --color-signalapp-900: #172554;
  --color-lineapp-50: #ecfdf3;
  --color-lineapp-100: #dcfce7;
  --color-lineapp-200: #bbf7d0;
  --color-lineapp-500: #06c755;
  --color-lineapp-600: #05a647;
  --color-lineapp-700: #04873a;
  --color-lineapp-800: #066a31;
  --color-lineapp-900: #064e2b;
  --color-zaloapp-50: #eff6ff;
  --color-zaloapp-100: #dbeaff;
  --color-zaloapp-200: #bfd8ff;
  --color-zaloapp-500: #0068ff;
  --color-zaloapp-600: #005be0;
  --color-zaloapp-700: #004dbf;
  --color-zaloapp-800: #003f99;
  --color-zaloapp-900: #082c66;
  --color-bandapp-50: #ecfdf3;
  --color-bandapp-100: #ddfbe8;
  --color-bandapp-200: #b8f4ce;
  --color-bandapp-500: #00c73c;
  --color-bandapp-600: #00a832;
  --color-bandapp-700: #008a2a;
  --color-bandapp-800: #056b25;
  --color-bandapp-900: #064e22;
  --color-facebookapp-50: #eff6ff;
  --color-facebookapp-100: #dbeafe;
  --color-facebookapp-200: #bfdbfe;
  --color-facebookapp-500: #1877f2;
  --color-facebookapp-600: #166fe5;
  --color-facebookapp-700: #0f5fcc;
  --color-facebookapp-800: #0b4fa8;
  --color-facebookapp-900: #0b3a75;
  --color-messengerapp-50: #f0f7ff;
  --color-messengerapp-100: #dbeaff;
  --color-messengerapp-200: #bfd7ff;
  --color-messengerapp-500: #00a6ff;
  --color-messengerapp-600: #0084ff;
  --color-messengerapp-700: #006fe0;
  --color-messengerapp-800: #6b3bff;
  --color-messengerapp-900: #312e81;
  --color-instagramapp-50: #fff1f7;
  --color-instagramapp-100: #ffe4f0;
  --color-instagramapp-200: #fbcfe8;
  --color-instagramapp-500: #e1306c;
  --color-instagramapp-600: #c13584;
  --color-instagramapp-700: #833ab4;
  --color-instagramapp-800: #5b2b90;
  --color-instagramapp-900: #3b1d5a;
  --color-snapchatapp-50: #fffde7;
  --color-snapchatapp-100: #fff9c4;
  --color-snapchatapp-200: #fff176;
  --color-snapchatapp-500: #fffc00;
  --color-snapchatapp-600: #eab308;
  --color-snapchatapp-700: #ca8a04;
  --color-snapchatapp-800: #854d0e;
  --color-snapchatapp-900: #422006;
  --color-xapp-50: #f8fafc;
  --color-xapp-100: #e2e8f0;
  --color-xapp-200: #cbd5e1;
  --color-xapp-500: #111827;
  --color-xapp-600: #0f172a;
  --color-xapp-700: #020617;
  --color-xapp-800: #010409;
  --color-xapp-900: #000000;
  --color-threadsapp-50: #fafafa;
  --color-threadsapp-100: #f4f4f5;
  --color-threadsapp-200: #e4e4e7;
  --color-threadsapp-500: #111827;
  --color-threadsapp-600: #0f172a;
  --color-threadsapp-700: #09090b;
  --color-threadsapp-800: #030712;
  --color-threadsapp-900: #000000;
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-warning-50: #fff7ed;
  --color-warning-200: #fed7aa;
  --color-warning-600: #ea580c;
  --color-danger-50: #fef2f2;
  --color-danger-200: #fecaca;
  --color-danger-600: #dc2626;
  --color-slate-950: #07111f;
  --ds-font-sans: "Plus Jakarta Sans", Inter, "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ds-color-title: #162033;
  --ds-color-body: #5f6d84;
  --ds-color-muted: #6f7d93;
  --ds-color-border: rgba(226, 230, 255, 0.96);
  --ds-color-panel: rgba(255, 255, 255, 0.96);
  --ds-color-panel-soft: rgba(247, 249, 255, 0.92);
  --ds-shadow-1: 0 8px 20px rgba(11, 18, 32, 0.04);
  --ds-shadow-2: 0 14px 34px rgba(11, 18, 32, 0.065);
  --ds-shadow-3: 0 18px 44px rgba(11, 18, 32, 0.08);
  --ds-shadow-4: 0 22px 56px rgba(11, 18, 32, 0.11);
  --ds-radius-sm: 0.95rem;
  --ds-radius-md: 1.2rem;
  --ds-radius-lg: 1.6rem;
  --ds-button-height-sm: 2.85rem;
  --ds-button-height-md: 3.2rem;
  --ds-button-height-lg: 3.35rem;
  --ds-button-padding-x: 1.15rem;
  --ds-card-radius: 1.55rem;
  --ds-card-radius-lg: 1.9rem;
  --ds-card-padding: clamp(1.15rem, 2vw, 1.5rem);
  --ds-section-space: clamp(4.5rem, 7vw, 6rem);
  --ds-section-space-lg: clamp(5.25rem, 8vw, 7.25rem);
  --ds-section-gap: clamp(1.75rem, 3vw, 2.5rem);
  --ds-badge-height: 1.9rem;
  --ds-badge-padding-x: 0.72rem;
  --ds-badge-font-size: 0.74rem;
  --ds-badge-font-weight: 700;
  --ds-badge-letter-spacing: 0.01em;
}

/* Base Typography And Design System */
html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body[class*="theme-"],
.bc-partial-preview,
.pricing-page {
  font-family: var(--ds-font-sans);
  color: var(--ds-color-title);
}

.shadow-soft { box-shadow: 0 14px 34px rgba(168, 85, 247, 0.2) !important; }
.shadow-card { box-shadow: var(--ds-shadow-2) !important; }
.shadow-glow { box-shadow: 0 14px 34px rgba(236, 72, 153, 0.18) !important; }
.shadow-panel { box-shadow: var(--ds-shadow-3) !important; }

body[class*="theme-"] main h1,
.pricing-page main h1 {
  color: var(--ds-color-title) !important;
  font-size: clamp(2.6rem, 4vw, 4.5rem) !important;
  font-weight: 760 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.02 !important;
}

body[class*="theme-"] main h2,
.pricing-page main h2 {
  color: var(--ds-color-title) !important;
  font-size: clamp(1.95rem, 2.2vw, 3rem) !important;
  font-weight: 730 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
}

body[class*="theme-"] main h3,
.pricing-page main h3 {
  color: var(--ds-color-title) !important;
  font-size: clamp(1.28rem, 1.25vw, 1.7rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.22 !important;
}

body[class*="theme-"] main h4,
.pricing-page main h4 {
  color: var(--ds-color-title) !important;
  font-size: clamp(1.08rem, 0.8vw, 1.28rem) !important;
  font-weight: 680 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.3 !important;
}

body[class*="theme-"] main h5,
.pricing-page main h5 {
  color: var(--ds-color-title) !important;
  font-size: clamp(0.96rem, 0.45vw, 1.05rem) !important;
  font-weight: 660 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.36 !important;
}

body[class*="theme-"] main p,
.pricing-page main p {
  color: var(--ds-color-body) !important;
  font-size: 1rem !important;
  line-height: 1.78 !important;
}

body[class*="theme-"] main small,
.pricing-page main small {
  color: var(--ds-color-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.5 !important;
}

body[class*="theme-"] .font-semibold,
.pricing-page .font-semibold,
.bc-partial-preview .font-semibold {
  font-weight: 650 !important;
}

body[class*="theme-"] .font-bold,
.pricing-page .font-bold,
.bc-partial-preview .font-bold {
  font-weight: 700 !important;
}

body[class*="theme-"] .font-extrabold,
.pricing-page .font-extrabold,
.bc-partial-preview .font-extrabold {
  font-weight: 760 !important;
  letter-spacing: -0.03em !important;
}

body[class*="theme-"] .text-ink-900,
body[class*="theme-"] .text-slate-950,
.pricing-page .text-ink-900,
.bc-partial-preview .text-ink-900 {
  color: var(--ds-color-title) !important;
}

body[class*="theme-"] .text-ink-700,
body[class*="theme-"] .text-slate-600,
body[class*="theme-"] .text-slate-500,
.pricing-page .text-ink-700,
.bc-partial-preview .text-ink-700 {
  color: var(--ds-color-body) !important;
}

.metric-value--nowrap {
  white-space: nowrap;
  font-size: clamp(1.72rem, 1.7vw, 1.96rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em;
}

.metric-value--compact {
  white-space: nowrap;
  font-size: clamp(1.52rem, 1.5vw, 1.82rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em;
}

.metric-value--tight {
  white-space: nowrap;
  font-size: clamp(1.08rem, 0.95vw, 1.22rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em;
}

.hero-title--wide {
  max-width: 18ch !important;
  margin-inline: auto;
  text-wrap: balance;
}

.hero-title--blog {
  max-width: 16.5ch !important;
  margin-inline: auto;
  text-wrap: balance;
}

body[class*="theme-"] section.grid-bg h1,
body[class*="theme-"] .hero-grid h1,
.pricing-hero h1 {
  max-width: 14ch;
  font-size: clamp(2.8rem, 4.4vw, 4.8rem) !important;
  font-weight: 760 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.01 !important;
}

body[class*="theme-"] section.grid-bg h1 + p,
body[class*="theme-"] .hero-grid h1 + p,
.pricing-hero p {
  color: #4e5d74 !important;
  font-size: clamp(1.06rem, 1.35vw, 1.18rem) !important;
  line-height: 1.82 !important;
}

body[class*="theme-"] section.grid-bg h1 + p + p,
body[class*="theme-"] .hero-grid h1 + p + p,
body[class*="theme-"] section.grid-bg form + p,
body[class*="theme-"] .hero-grid form + p {
  color: #6c7a90 !important;
  font-size: 0.97rem !important;
  line-height: 1.76 !important;
}

body[class*="theme-"] main .rounded-2xl.border,
body[class*="theme-"] main .rounded-3xl.border,
body[class*="theme-"] main .rounded-\[2rem\].border,
body[class*="theme-"] main .rounded-\[1\.75rem\].border,
body[class*="theme-"] main .rounded-\[1\.5rem\].border,
.pricing-page .pricing-table-shell,
.pricing-page .pricing-faq-item,
.pricing-page .pricing-note {
  border-color: var(--ds-color-border) !important;
}

body[class*="theme-"] main .rounded-2xl.border.bg-white,
body[class*="theme-"] main .rounded-3xl.border.bg-white,
body[class*="theme-"] main .rounded-\[2rem\].border.bg-white,
body[class*="theme-"] main .rounded-\[1\.75rem\].border.bg-white,
body[class*="theme-"] main .rounded-\[1\.5rem\].border.bg-white {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 255, 0.96)) !important;
  box-shadow: var(--ds-shadow-2) !important;
}

body[class*="theme-"] main .rounded-2xl.border.bg-mist-50,
body[class*="theme-"] main .rounded-3xl.border.bg-mist-50,
body[class*="theme-"] main [class*="bg-slate-50"].rounded-2xl,
body[class*="theme-"] main [class*="bg-brand-50"].rounded-2xl,
body[class*="theme-"] main [class*="bg-brand-50"].rounded-3xl {
  background: var(--ds-color-panel-soft) !important;
}

html {
  scroll-behavior: smooth;
}

/* Project color utilities are kept here as a fallback for Tailwind CDN pages.
   Without this layer, custom classes such as bg-whatsapp-800 can fail while
   built-in text-white still works, leaving white labels on light buttons. */
.text-ink-950 { color: var(--color-ink-950) !important; }
.text-ink-900 { color: var(--color-ink-900) !important; }
.text-ink-800 { color: var(--color-ink-800) !important; }
.text-ink-700 { color: var(--color-ink-700) !important; }
.text-ink-600 { color: var(--color-ink-600) !important; }
.text-brand-700 { color: var(--color-brand-700) !important; }
.text-accent-600 { color: var(--color-accent-600) !important; }
.text-signal-700 { color: var(--color-signal-700) !important; }
.text-whatsapp-100 { color: var(--color-whatsapp-100) !important; }
.text-whatsapp-800 { color: var(--color-whatsapp-800) !important; }
.text-telegram-500 { color: var(--color-telegram-500) !important; }
.text-telegram-600 { color: var(--color-telegram-600) !important; }
.text-telegram-700 { color: var(--color-telegram-700) !important; }
.text-telegram-800 { color: var(--color-telegram-800) !important; }
.text-imessage-100 { color: var(--color-imessage-100) !important; }
.text-imessage-600 { color: var(--color-imessage-600) !important; }
.text-imessage-700 { color: var(--color-imessage-700) !important; }
.text-imessage-800 { color: var(--color-imessage-800) !important; }
.text-appleapp-100 { color: var(--color-appleapp-100) !important; }
.text-appleapp-500 { color: var(--color-appleapp-500) !important; }
.text-appleapp-600 { color: var(--color-appleapp-600) !important; }
.text-appleapp-700 { color: var(--color-appleapp-700) !important; }
.text-appleapp-800 { color: var(--color-appleapp-800) !important; }
.text-appleapp-900 { color: var(--color-appleapp-900) !important; }
.text-microsoftapp-100 { color: var(--color-microsoftapp-100) !important; }
.text-microsoftapp-500 { color: var(--color-microsoftapp-500) !important; }
.text-microsoftapp-600 { color: var(--color-microsoftapp-600) !important; }
.text-microsoftapp-700 { color: var(--color-microsoftapp-700) !important; }
.text-microsoftapp-800 { color: var(--color-microsoftapp-800) !important; }
.text-microsoftapp-900 { color: var(--color-microsoftapp-900) !important; }
.text-amazonapp-100 { color: var(--color-amazonapp-100) !important; }
.text-amazonapp-500 { color: var(--color-amazonapp-500) !important; }
.text-amazonapp-600 { color: var(--color-amazonapp-600) !important; }
.text-amazonapp-700 { color: var(--color-amazonapp-700) !important; }
.text-amazonapp-800 { color: var(--color-amazonapp-800) !important; }
.text-amazonapp-900 { color: var(--color-amazonapp-900) !important; }
.text-netflixapp-100 { color: var(--color-netflixapp-100) !important; }
.text-netflixapp-500 { color: var(--color-netflixapp-500) !important; }
.text-netflixapp-600 { color: var(--color-netflixapp-600) !important; }
.text-netflixapp-700 { color: var(--color-netflixapp-700) !important; }
.text-netflixapp-800 { color: var(--color-netflixapp-800) !important; }
.text-netflixapp-900 { color: var(--color-netflixapp-900) !important; }
.text-spotifyapp-100 { color: var(--color-spotifyapp-100) !important; }
.text-spotifyapp-500 { color: var(--color-spotifyapp-500) !important; }
.text-spotifyapp-600 { color: var(--color-spotifyapp-600) !important; }
.text-spotifyapp-700 { color: var(--color-spotifyapp-700) !important; }
.text-spotifyapp-800 { color: var(--color-spotifyapp-800) !important; }
.text-spotifyapp-900 { color: var(--color-spotifyapp-900) !important; }
.text-gotoapp-100 { color: var(--color-gotoapp-100) !important; }
.text-gotoapp-500 { color: var(--color-gotoapp-500) !important; }
.text-gotoapp-600 { color: var(--color-gotoapp-600) !important; }
.text-gotoapp-700 { color: var(--color-gotoapp-700) !important; }
.text-gotoapp-800 { color: var(--color-gotoapp-800) !important; }
.text-gotoapp-900 { color: var(--color-gotoapp-900) !important; }
.text-indiatimesapp-100 { color: var(--color-indiatimesapp-100) !important; }
.text-indiatimesapp-500 { color: var(--color-indiatimesapp-500) !important; }
.text-indiatimesapp-600 { color: var(--color-indiatimesapp-600) !important; }
.text-indiatimesapp-700 { color: var(--color-indiatimesapp-700) !important; }
.text-indiatimesapp-800 { color: var(--color-indiatimesapp-800) !important; }
.text-indiatimesapp-900 { color: var(--color-indiatimesapp-900) !important; }
.text-cryptoapp-100 { color: var(--color-cryptoapp-100) !important; }
.text-cryptoapp-500 { color: var(--color-cryptoapp-500) !important; }
.text-cryptoapp-600 { color: var(--color-cryptoapp-600) !important; }
.text-cryptoapp-700 { color: var(--color-cryptoapp-700) !important; }
.text-cryptoapp-800 { color: var(--color-cryptoapp-800) !important; }
.text-cryptoapp-900 { color: var(--color-cryptoapp-900) !important; }
.text-binanceapp-100 { color: var(--color-binanceapp-100) !important; }
.text-binanceapp-500 { color: var(--color-binanceapp-500) !important; }
.text-binanceapp-600 { color: var(--color-binanceapp-600) !important; }
.text-binanceapp-700 { color: var(--color-binanceapp-700) !important; }
.text-binanceapp-800 { color: var(--color-binanceapp-800) !important; }
.text-binanceapp-900 { color: var(--color-binanceapp-900) !important; }
.text-kucoinapp-100 { color: var(--color-kucoinapp-100) !important; }
.text-kucoinapp-500 { color: var(--color-kucoinapp-500) !important; }
.text-kucoinapp-600 { color: var(--color-kucoinapp-600) !important; }
.text-kucoinapp-700 { color: var(--color-kucoinapp-700) !important; }
.text-kucoinapp-800 { color: var(--color-kucoinapp-800) !important; }
.text-kucoinapp-900 { color: var(--color-kucoinapp-900) !important; }
.text-htxapp-100 { color: var(--color-htxapp-100) !important; }
.text-htxapp-500 { color: var(--color-htxapp-500) !important; }
.text-htxapp-600 { color: var(--color-htxapp-600) !important; }
.text-htxapp-700 { color: var(--color-htxapp-700) !important; }
.text-htxapp-800 { color: var(--color-htxapp-800) !important; }
.text-htxapp-900 { color: var(--color-htxapp-900) !important; }
.text-coinwapp-100 { color: var(--color-coinwapp-100) !important; }
.text-coinwapp-500 { color: var(--color-coinwapp-500) !important; }
.text-coinwapp-600 { color: var(--color-coinwapp-600) !important; }
.text-coinwapp-700 { color: var(--color-coinwapp-700) !important; }
.text-coinwapp-800 { color: var(--color-coinwapp-800) !important; }
.text-coinwapp-900 { color: var(--color-coinwapp-900) !important; }
.text-viber-100 { color: var(--color-viber-100) !important; }
.text-viber-500 { color: var(--color-viber-500) !important; }
.text-viber-600 { color: var(--color-viber-600) !important; }
.text-viber-700 { color: var(--color-viber-700) !important; }
.text-viber-800 { color: var(--color-viber-800) !important; }
.text-rcs-100 { color: var(--color-rcs-100) !important; }
.text-rcs-500 { color: var(--color-rcs-500) !important; }
.text-rcs-600 { color: var(--color-rcs-600) !important; }
.text-rcs-700 { color: var(--color-rcs-700) !important; }
.text-rcs-800 { color: var(--color-rcs-800) !important; }
.text-signalapp-100 { color: var(--color-signalapp-100) !important; }
.text-signalapp-500 { color: var(--color-signalapp-500) !important; }
.text-signalapp-600 { color: var(--color-signalapp-600) !important; }
.text-signalapp-700 { color: var(--color-signalapp-700) !important; }
.text-signalapp-800 { color: var(--color-signalapp-800) !important; }
.text-lineapp-100 { color: var(--color-lineapp-100) !important; }
.text-lineapp-500 { color: var(--color-lineapp-500) !important; }
.text-lineapp-600 { color: var(--color-lineapp-600) !important; }
.text-lineapp-700 { color: var(--color-lineapp-700) !important; }
.text-lineapp-800 { color: var(--color-lineapp-800) !important; }
.text-lineapp-900 { color: var(--color-lineapp-900) !important; }
.text-zaloapp-100 { color: var(--color-zaloapp-100) !important; }
.text-zaloapp-500 { color: var(--color-zaloapp-500) !important; }
.text-zaloapp-600 { color: var(--color-zaloapp-600) !important; }
.text-zaloapp-700 { color: var(--color-zaloapp-700) !important; }
.text-zaloapp-800 { color: var(--color-zaloapp-800) !important; }
.text-zaloapp-900 { color: var(--color-zaloapp-900) !important; }
.text-bandapp-100 { color: var(--color-bandapp-100) !important; }
.text-bandapp-500 { color: var(--color-bandapp-500) !important; }
.text-bandapp-600 { color: var(--color-bandapp-600) !important; }
.text-bandapp-700 { color: var(--color-bandapp-700) !important; }
.text-bandapp-800 { color: var(--color-bandapp-800) !important; }
.text-bandapp-900 { color: var(--color-bandapp-900) !important; }
.text-facebookapp-100 { color: var(--color-facebookapp-100) !important; }
.text-facebookapp-500 { color: var(--color-facebookapp-500) !important; }
.text-facebookapp-600 { color: var(--color-facebookapp-600) !important; }
.text-facebookapp-700 { color: var(--color-facebookapp-700) !important; }
.text-facebookapp-800 { color: var(--color-facebookapp-800) !important; }
.text-facebookapp-900 { color: var(--color-facebookapp-900) !important; }
.text-messengerapp-100 { color: var(--color-messengerapp-100) !important; }
.text-messengerapp-500 { color: var(--color-messengerapp-500) !important; }
.text-messengerapp-600 { color: var(--color-messengerapp-600) !important; }
.text-messengerapp-700 { color: var(--color-messengerapp-700) !important; }
.text-messengerapp-800 { color: var(--color-messengerapp-800) !important; }
.text-messengerapp-900 { color: var(--color-messengerapp-900) !important; }
.text-instagramapp-100 { color: var(--color-instagramapp-100) !important; }
.text-instagramapp-500 { color: var(--color-instagramapp-500) !important; }
.text-instagramapp-600 { color: var(--color-instagramapp-600) !important; }
.text-instagramapp-700 { color: var(--color-instagramapp-700) !important; }
.text-instagramapp-800 { color: var(--color-instagramapp-800) !important; }
.text-instagramapp-900 { color: var(--color-instagramapp-900) !important; }
.text-snapchatapp-100 { color: var(--color-snapchatapp-100) !important; }
.text-snapchatapp-500 { color: var(--color-snapchatapp-500) !important; }
.text-snapchatapp-600 { color: var(--color-snapchatapp-600) !important; }
.text-snapchatapp-700 { color: var(--color-snapchatapp-700) !important; }
.text-snapchatapp-800 { color: var(--color-snapchatapp-800) !important; }
.text-snapchatapp-900 { color: var(--color-snapchatapp-900) !important; }
.text-xapp-100 { color: var(--color-xapp-100) !important; }
.text-xapp-500 { color: var(--color-xapp-500) !important; }
.text-xapp-600 { color: var(--color-xapp-600) !important; }
.text-xapp-700 { color: var(--color-xapp-700) !important; }
.text-xapp-800 { color: var(--color-xapp-800) !important; }
.text-xapp-900 { color: var(--color-xapp-900) !important; }
.text-threadsapp-100 { color: var(--color-threadsapp-100) !important; }
.text-threadsapp-500 { color: var(--color-threadsapp-500) !important; }
.text-threadsapp-600 { color: var(--color-threadsapp-600) !important; }
.text-threadsapp-700 { color: var(--color-threadsapp-700) !important; }
.text-threadsapp-800 { color: var(--color-threadsapp-800) !important; }
.text-threadsapp-900 { color: var(--color-threadsapp-900) !important; }
.text-cyan-100 { color: var(--color-cyan-100) !important; }
.text-cyan-200 { color: var(--color-cyan-200) !important; }
.text-cyan-300 { color: var(--color-cyan-300) !important; }
.text-cyan-600 { color: var(--color-cyan-600) !important; }
.text-warning-600 { color: var(--color-warning-600) !important; }
.placeholder\:text-ink-600\/55::placeholder { color: rgb(71 85 105 / 0.55) !important; }

.bg-ink-950 { background-color: var(--color-ink-950) !important; }
.bg-ink-900 { background-color: var(--color-ink-900) !important; }
.bg-ink-900\/20 { background-color: rgb(11 18 32 / 0.2) !important; }
.bg-ink-900\/90 { background-color: rgb(11 18 32 / 0.9) !important; }
.bg-ink-700 { background-color: var(--color-ink-700) !important; }
.bg-mist-50 { background-color: var(--color-mist-50) !important; }
.bg-mist-50\/70 { background-color: rgb(247 247 255 / 0.7) !important; }
.bg-mist-100 { background-color: var(--color-mist-100) !important; }
.bg-mist-200 { background-color: var(--color-mist-200) !important; }
.bg-brand-50 { background-color: var(--color-brand-50) !important; }
.bg-brand-100 { background-color: var(--color-brand-100) !important; }
.bg-brand-600 { background-color: var(--color-brand-600) !important; }
.bg-brand-700 { background-color: var(--color-brand-700) !important; }
.bg-accent-50 { background-color: var(--color-accent-50) !important; }
.bg-accent-500 { background-color: var(--color-accent-500) !important; }
.bg-accent-600 { background-color: var(--color-accent-600) !important; }
.bg-signal-50 { background-color: var(--color-signal-50) !important; }
.bg-signal-500 { background-color: var(--color-signal-500) !important; }
.bg-signal-600 { background-color: var(--color-signal-600) !important; }
.bg-whatsapp-50 { background-color: var(--color-whatsapp-50) !important; }
.bg-whatsapp-50\/45 { background-color: rgb(233 251 241 / 0.45) !important; }
.bg-whatsapp-100 { background-color: var(--color-whatsapp-100) !important; }
.bg-whatsapp-500 { background-color: var(--color-whatsapp-500) !important; }
.bg-whatsapp-500\/15 { background-color: rgb(37 211 102 / 0.15) !important; }
.bg-whatsapp-500\/20 { background-color: rgb(37 211 102 / 0.2) !important; }
.bg-whatsapp-600 { background-color: var(--color-whatsapp-600) !important; }
.bg-whatsapp-800 { background-color: var(--color-whatsapp-800) !important; }
.bg-whatsapp-900 { background-color: var(--color-whatsapp-900) !important; }
.bg-telegram-50 { background-color: var(--color-telegram-50) !important; }
.bg-telegram-50\/50 { background-color: rgb(239 250 255 / 0.5) !important; }
.bg-telegram-100 { background-color: var(--color-telegram-100) !important; }
.bg-telegram-500 { background-color: var(--color-telegram-500) !important; }
.bg-telegram-500\/20 { background-color: rgb(34 158 217 / 0.2) !important; }
.bg-telegram-600 { background-color: var(--color-telegram-600) !important; }
.bg-telegram-800 { background-color: var(--color-telegram-800) !important; }
.bg-telegram-900 { background-color: var(--color-telegram-900) !important; }
.bg-imessage-50 { background-color: var(--color-imessage-50) !important; }
.bg-imessage-100 { background-color: var(--color-imessage-100) !important; }
.bg-imessage-200 { background-color: var(--color-imessage-200) !important; }
.bg-imessage-500 { background-color: var(--color-imessage-500) !important; }
.bg-imessage-500\/15 { background-color: rgb(10 132 255 / 0.15) !important; }
.bg-imessage-500\/20 { background-color: rgb(10 132 255 / 0.2) !important; }
.bg-imessage-600 { background-color: var(--color-imessage-600) !important; }
.bg-imessage-700 { background-color: var(--color-imessage-700) !important; }
.bg-imessage-800 { background-color: var(--color-imessage-800) !important; }
.bg-imessage-900 { background-color: var(--color-imessage-900) !important; }
.bg-appleapp-50 { background-color: var(--color-appleapp-50) !important; }
.bg-appleapp-100 { background-color: var(--color-appleapp-100) !important; }
.bg-appleapp-200 { background-color: var(--color-appleapp-200) !important; }
.bg-appleapp-500 { background-color: var(--color-appleapp-500) !important; }
.bg-appleapp-500\/15 { background-color: rgb(10 132 255 / 0.15) !important; }
.bg-appleapp-500\/20 { background-color: rgb(10 132 255 / 0.2) !important; }
.bg-appleapp-600 { background-color: var(--color-appleapp-600) !important; }
.bg-appleapp-700 { background-color: var(--color-appleapp-700) !important; }
.bg-appleapp-800 { background-color: var(--color-appleapp-800) !important; }
.bg-appleapp-900 { background-color: var(--color-appleapp-900) !important; }
.bg-microsoftapp-50 { background-color: var(--color-microsoftapp-50) !important; }
.bg-microsoftapp-100 { background-color: var(--color-microsoftapp-100) !important; }
.bg-microsoftapp-200 { background-color: var(--color-microsoftapp-200) !important; }
.bg-microsoftapp-500 { background-color: var(--color-microsoftapp-500) !important; }
.bg-microsoftapp-500\/15 { background-color: rgb(0 120 212 / 0.15) !important; }
.bg-microsoftapp-500\/20 { background-color: rgb(0 120 212 / 0.2) !important; }
.bg-microsoftapp-600 { background-color: var(--color-microsoftapp-600) !important; }
.bg-microsoftapp-700 { background-color: var(--color-microsoftapp-700) !important; }
.bg-microsoftapp-800 { background-color: var(--color-microsoftapp-800) !important; }
.bg-microsoftapp-900 { background-color: var(--color-microsoftapp-900) !important; }
.bg-amazonapp-50 { background-color: var(--color-amazonapp-50) !important; }
.bg-amazonapp-100 { background-color: var(--color-amazonapp-100) !important; }
.bg-amazonapp-200 { background-color: var(--color-amazonapp-200) !important; }
.bg-amazonapp-500 { background-color: var(--color-amazonapp-500) !important; }
.bg-amazonapp-500\/15 { background-color: rgb(255 153 0 / 0.15) !important; }
.bg-amazonapp-500\/20 { background-color: rgb(255 153 0 / 0.2) !important; }
.bg-amazonapp-600 { background-color: var(--color-amazonapp-600) !important; }
.bg-amazonapp-700 { background-color: var(--color-amazonapp-700) !important; }
.bg-amazonapp-800 { background-color: var(--color-amazonapp-800) !important; }
.bg-amazonapp-900 { background-color: var(--color-amazonapp-900) !important; }
.bg-netflixapp-50 { background-color: var(--color-netflixapp-50) !important; }
.bg-netflixapp-100 { background-color: var(--color-netflixapp-100) !important; }
.bg-netflixapp-200 { background-color: var(--color-netflixapp-200) !important; }
.bg-netflixapp-500 { background-color: var(--color-netflixapp-500) !important; }
.bg-netflixapp-500\/15 { background-color: rgb(229 9 20 / 0.15) !important; }
.bg-netflixapp-500\/20 { background-color: rgb(229 9 20 / 0.2) !important; }
.bg-netflixapp-600 { background-color: var(--color-netflixapp-600) !important; }
.bg-netflixapp-700 { background-color: var(--color-netflixapp-700) !important; }
.bg-netflixapp-800 { background-color: var(--color-netflixapp-800) !important; }
.bg-netflixapp-900 { background-color: var(--color-netflixapp-900) !important; }
.bg-spotifyapp-50 { background-color: var(--color-spotifyapp-50) !important; }
.bg-spotifyapp-100 { background-color: var(--color-spotifyapp-100) !important; }
.bg-spotifyapp-200 { background-color: var(--color-spotifyapp-200) !important; }
.bg-spotifyapp-500 { background-color: var(--color-spotifyapp-500) !important; }
.bg-spotifyapp-500\/15 { background-color: rgb(29 185 84 / 0.15) !important; }
.bg-spotifyapp-500\/20 { background-color: rgb(29 185 84 / 0.2) !important; }
.bg-spotifyapp-600 { background-color: var(--color-spotifyapp-600) !important; }
.bg-spotifyapp-700 { background-color: var(--color-spotifyapp-700) !important; }
.bg-spotifyapp-800 { background-color: var(--color-spotifyapp-800) !important; }
.bg-spotifyapp-900 { background-color: var(--color-spotifyapp-900) !important; }
.bg-gotoapp-50 { background-color: var(--color-gotoapp-50) !important; }
.bg-gotoapp-100 { background-color: var(--color-gotoapp-100) !important; }
.bg-gotoapp-200 { background-color: var(--color-gotoapp-200) !important; }
.bg-gotoapp-500 { background-color: var(--color-gotoapp-500) !important; }
.bg-gotoapp-500\/15 { background-color: rgb(0 184 169 / 0.15) !important; }
.bg-gotoapp-500\/20 { background-color: rgb(0 184 169 / 0.2) !important; }
.bg-gotoapp-600 { background-color: var(--color-gotoapp-600) !important; }
.bg-gotoapp-700 { background-color: var(--color-gotoapp-700) !important; }
.bg-gotoapp-800 { background-color: var(--color-gotoapp-800) !important; }
.bg-gotoapp-900 { background-color: var(--color-gotoapp-900) !important; }
.bg-indiatimesapp-50 { background-color: var(--color-indiatimesapp-50) !important; }
.bg-indiatimesapp-100 { background-color: var(--color-indiatimesapp-100) !important; }
.bg-indiatimesapp-200 { background-color: var(--color-indiatimesapp-200) !important; }
.bg-indiatimesapp-500 { background-color: var(--color-indiatimesapp-500) !important; }
.bg-indiatimesapp-500\/15 { background-color: rgb(255 122 0 / 0.15) !important; }
.bg-indiatimesapp-500\/20 { background-color: rgb(255 122 0 / 0.2) !important; }
.bg-indiatimesapp-600 { background-color: var(--color-indiatimesapp-600) !important; }
.bg-indiatimesapp-700 { background-color: var(--color-indiatimesapp-700) !important; }
.bg-indiatimesapp-800 { background-color: var(--color-indiatimesapp-800) !important; }
.bg-indiatimesapp-900 { background-color: var(--color-indiatimesapp-900) !important; }
.bg-cryptoapp-50 { background-color: var(--color-cryptoapp-50) !important; }
.bg-cryptoapp-100 { background-color: var(--color-cryptoapp-100) !important; }
.bg-cryptoapp-200 { background-color: var(--color-cryptoapp-200) !important; }
.bg-cryptoapp-500 { background-color: var(--color-cryptoapp-500) !important; }
.bg-cryptoapp-500\/15 { background-color: rgb(249 115 22 / 0.15) !important; }
.bg-cryptoapp-500\/20 { background-color: rgb(249 115 22 / 0.2) !important; }
.bg-cryptoapp-600 { background-color: var(--color-cryptoapp-600) !important; }
.bg-cryptoapp-700 { background-color: var(--color-cryptoapp-700) !important; }
.bg-cryptoapp-800 { background-color: var(--color-cryptoapp-800) !important; }
.bg-cryptoapp-900 { background-color: var(--color-cryptoapp-900) !important; }
.bg-binanceapp-50 { background-color: var(--color-binanceapp-50) !important; }
.bg-binanceapp-100 { background-color: var(--color-binanceapp-100) !important; }
.bg-binanceapp-200 { background-color: var(--color-binanceapp-200) !important; }
.bg-binanceapp-500 { background-color: var(--color-binanceapp-500) !important; }
.bg-binanceapp-500\/15 { background-color: rgb(240 185 11 / 0.15) !important; }
.bg-binanceapp-500\/20 { background-color: rgb(240 185 11 / 0.2) !important; }
.bg-binanceapp-600 { background-color: var(--color-binanceapp-600) !important; }
.bg-binanceapp-700 { background-color: var(--color-binanceapp-700) !important; }
.bg-binanceapp-800 { background-color: var(--color-binanceapp-800) !important; }
.bg-binanceapp-900 { background-color: var(--color-binanceapp-900) !important; }
.bg-kucoinapp-50 { background-color: var(--color-kucoinapp-50) !important; }
.bg-kucoinapp-100 { background-color: var(--color-kucoinapp-100) !important; }
.bg-kucoinapp-200 { background-color: var(--color-kucoinapp-200) !important; }
.bg-kucoinapp-500 { background-color: var(--color-kucoinapp-500) !important; }
.bg-kucoinapp-500\/15 { background-color: rgb(36 174 143 / 0.15) !important; }
.bg-kucoinapp-500\/20 { background-color: rgb(36 174 143 / 0.2) !important; }
.bg-kucoinapp-600 { background-color: var(--color-kucoinapp-600) !important; }
.bg-kucoinapp-700 { background-color: var(--color-kucoinapp-700) !important; }
.bg-kucoinapp-800 { background-color: var(--color-kucoinapp-800) !important; }
.bg-kucoinapp-900 { background-color: var(--color-kucoinapp-900) !important; }
.bg-htxapp-50 { background-color: var(--color-htxapp-50) !important; }
.bg-htxapp-100 { background-color: var(--color-htxapp-100) !important; }
.bg-htxapp-200 { background-color: var(--color-htxapp-200) !important; }
.bg-htxapp-500 { background-color: var(--color-htxapp-500) !important; }
.bg-htxapp-500\/15 { background-color: rgb(47 123 255 / 0.15) !important; }
.bg-htxapp-500\/20 { background-color: rgb(47 123 255 / 0.2) !important; }
.bg-htxapp-600 { background-color: var(--color-htxapp-600) !important; }
.bg-htxapp-700 { background-color: var(--color-htxapp-700) !important; }
.bg-htxapp-800 { background-color: var(--color-htxapp-800) !important; }
.bg-htxapp-900 { background-color: var(--color-htxapp-900) !important; }
.bg-coinwapp-50 { background-color: var(--color-coinwapp-50) !important; }
.bg-coinwapp-100 { background-color: var(--color-coinwapp-100) !important; }
.bg-coinwapp-200 { background-color: var(--color-coinwapp-200) !important; }
.bg-coinwapp-500 { background-color: var(--color-coinwapp-500) !important; }
.bg-coinwapp-500\/15 { background-color: rgb(14 165 233 / 0.15) !important; }
.bg-coinwapp-500\/20 { background-color: rgb(14 165 233 / 0.2) !important; }
.bg-coinwapp-600 { background-color: var(--color-coinwapp-600) !important; }
.bg-coinwapp-700 { background-color: var(--color-coinwapp-700) !important; }
.bg-coinwapp-800 { background-color: var(--color-coinwapp-800) !important; }
.bg-coinwapp-900 { background-color: var(--color-coinwapp-900) !important; }
.bg-viber-50 { background-color: var(--color-viber-50) !important; }
.bg-viber-100 { background-color: var(--color-viber-100) !important; }
.bg-viber-200 { background-color: var(--color-viber-200) !important; }
.bg-viber-500 { background-color: var(--color-viber-500) !important; }
.bg-viber-500\/15 { background-color: rgb(115 96 242 / 0.15) !important; }
.bg-viber-500\/20 { background-color: rgb(115 96 242 / 0.2) !important; }
.bg-viber-600 { background-color: var(--color-viber-600) !important; }
.bg-viber-700 { background-color: var(--color-viber-700) !important; }
.bg-viber-800 { background-color: var(--color-viber-800) !important; }
.bg-viber-900 { background-color: var(--color-viber-900) !important; }
.bg-rcs-50 { background-color: var(--color-rcs-50) !important; }
.bg-rcs-100 { background-color: var(--color-rcs-100) !important; }
.bg-rcs-200 { background-color: var(--color-rcs-200) !important; }
.bg-rcs-500 { background-color: var(--color-rcs-500) !important; }
.bg-rcs-500\/15 { background-color: rgb(6 182 212 / 0.15) !important; }
.bg-rcs-500\/20 { background-color: rgb(6 182 212 / 0.2) !important; }
.bg-rcs-600 { background-color: var(--color-rcs-600) !important; }
.bg-rcs-700 { background-color: var(--color-rcs-700) !important; }
.bg-rcs-800 { background-color: var(--color-rcs-800) !important; }
.bg-rcs-900 { background-color: var(--color-rcs-900) !important; }
.bg-signalapp-50 { background-color: var(--color-signalapp-50) !important; }
.bg-signalapp-100 { background-color: var(--color-signalapp-100) !important; }
.bg-signalapp-200 { background-color: var(--color-signalapp-200) !important; }
.bg-signalapp-500 { background-color: var(--color-signalapp-500) !important; }
.bg-signalapp-500\/15 { background-color: rgb(58 118 240 / 0.15) !important; }
.bg-signalapp-500\/20 { background-color: rgb(58 118 240 / 0.2) !important; }
.bg-signalapp-600 { background-color: var(--color-signalapp-600) !important; }
.bg-signalapp-700 { background-color: var(--color-signalapp-700) !important; }
.bg-signalapp-800 { background-color: var(--color-signalapp-800) !important; }
.bg-signalapp-900 { background-color: var(--color-signalapp-900) !important; }
.bg-lineapp-50 { background-color: var(--color-lineapp-50) !important; }
.bg-lineapp-100 { background-color: var(--color-lineapp-100) !important; }
.bg-lineapp-200 { background-color: var(--color-lineapp-200) !important; }
.bg-lineapp-500 { background-color: var(--color-lineapp-500) !important; }
.bg-lineapp-500\/15 { background-color: rgb(6 199 85 / 0.15) !important; }
.bg-lineapp-500\/20 { background-color: rgb(6 199 85 / 0.2) !important; }
.bg-lineapp-600 { background-color: var(--color-lineapp-600) !important; }
.bg-lineapp-700 { background-color: var(--color-lineapp-700) !important; }
.bg-lineapp-800 { background-color: var(--color-lineapp-800) !important; }
.bg-lineapp-900 { background-color: var(--color-lineapp-900) !important; }
.bg-zaloapp-50 { background-color: var(--color-zaloapp-50) !important; }
.bg-zaloapp-100 { background-color: var(--color-zaloapp-100) !important; }
.bg-zaloapp-200 { background-color: var(--color-zaloapp-200) !important; }
.bg-zaloapp-500 { background-color: var(--color-zaloapp-500) !important; }
.bg-zaloapp-500\/15 { background-color: rgb(0 104 255 / 0.15) !important; }
.bg-zaloapp-500\/20 { background-color: rgb(0 104 255 / 0.2) !important; }
.bg-zaloapp-600 { background-color: var(--color-zaloapp-600) !important; }
.bg-zaloapp-700 { background-color: var(--color-zaloapp-700) !important; }
.bg-zaloapp-800 { background-color: var(--color-zaloapp-800) !important; }
.bg-zaloapp-900 { background-color: var(--color-zaloapp-900) !important; }
.bg-bandapp-50 { background-color: var(--color-bandapp-50) !important; }
.bg-bandapp-100 { background-color: var(--color-bandapp-100) !important; }
.bg-bandapp-200 { background-color: var(--color-bandapp-200) !important; }
.bg-bandapp-500 { background-color: var(--color-bandapp-500) !important; }
.bg-bandapp-500\/15 { background-color: rgb(0 199 60 / 0.15) !important; }
.bg-bandapp-500\/20 { background-color: rgb(0 199 60 / 0.2) !important; }
.bg-bandapp-600 { background-color: var(--color-bandapp-600) !important; }
.bg-bandapp-700 { background-color: var(--color-bandapp-700) !important; }
.bg-bandapp-800 { background-color: var(--color-bandapp-800) !important; }
.bg-bandapp-900 { background-color: var(--color-bandapp-900) !important; }
.bg-facebookapp-50 { background-color: var(--color-facebookapp-50) !important; }
.bg-facebookapp-100 { background-color: var(--color-facebookapp-100) !important; }
.bg-facebookapp-200 { background-color: var(--color-facebookapp-200) !important; }
.bg-facebookapp-500 { background-color: var(--color-facebookapp-500) !important; }
.bg-facebookapp-500\/15 { background-color: rgb(24 119 242 / 0.15) !important; }
.bg-facebookapp-500\/20 { background-color: rgb(24 119 242 / 0.2) !important; }
.bg-facebookapp-600 { background-color: var(--color-facebookapp-600) !important; }
.bg-facebookapp-700 { background-color: var(--color-facebookapp-700) !important; }
.bg-facebookapp-800 { background-color: var(--color-facebookapp-800) !important; }
.bg-facebookapp-900 { background-color: var(--color-facebookapp-900) !important; }
.bg-messengerapp-50 { background-color: var(--color-messengerapp-50) !important; }
.bg-messengerapp-100 { background-color: var(--color-messengerapp-100) !important; }
.bg-messengerapp-200 { background-color: var(--color-messengerapp-200) !important; }
.bg-messengerapp-500 { background-color: var(--color-messengerapp-500) !important; }
.bg-messengerapp-500\/15 { background-color: rgb(0 166 255 / 0.15) !important; }
.bg-messengerapp-500\/20 { background-color: rgb(0 166 255 / 0.2) !important; }
.bg-messengerapp-600 { background-color: var(--color-messengerapp-600) !important; }
.bg-messengerapp-700 { background-color: var(--color-messengerapp-700) !important; }
.bg-messengerapp-800 { background-color: var(--color-messengerapp-800) !important; }
.bg-messengerapp-900 { background-color: var(--color-messengerapp-900) !important; }
.bg-instagramapp-50 { background-color: var(--color-instagramapp-50) !important; }
.bg-instagramapp-100 { background-color: var(--color-instagramapp-100) !important; }
.bg-instagramapp-200 { background-color: var(--color-instagramapp-200) !important; }
.bg-instagramapp-500 { background-color: var(--color-instagramapp-500) !important; }
.bg-instagramapp-500\/15 { background-color: rgb(225 48 108 / 0.15) !important; }
.bg-instagramapp-500\/20 { background-color: rgb(225 48 108 / 0.2) !important; }
.bg-instagramapp-600 { background-color: var(--color-instagramapp-600) !important; }
.bg-instagramapp-700 { background-color: var(--color-instagramapp-700) !important; }
.bg-instagramapp-800 { background-color: var(--color-instagramapp-800) !important; }
.bg-instagramapp-900 { background-color: var(--color-instagramapp-900) !important; }
.bg-snapchatapp-50 { background-color: var(--color-snapchatapp-50) !important; }
.bg-snapchatapp-100 { background-color: var(--color-snapchatapp-100) !important; }
.bg-snapchatapp-200 { background-color: var(--color-snapchatapp-200) !important; }
.bg-snapchatapp-500 { background-color: var(--color-snapchatapp-500) !important; }
.bg-snapchatapp-500\/15 { background-color: rgb(255 252 0 / 0.15) !important; }
.bg-snapchatapp-500\/20 { background-color: rgb(255 252 0 / 0.2) !important; }
.bg-snapchatapp-600 { background-color: var(--color-snapchatapp-600) !important; }
.bg-snapchatapp-700 { background-color: var(--color-snapchatapp-700) !important; }
.bg-snapchatapp-800 { background-color: var(--color-snapchatapp-800) !important; }
.bg-snapchatapp-900 { background-color: var(--color-snapchatapp-900) !important; }
.bg-xapp-50 { background-color: var(--color-xapp-50) !important; }
.bg-xapp-100 { background-color: var(--color-xapp-100) !important; }
.bg-xapp-200 { background-color: var(--color-xapp-200) !important; }
.bg-xapp-500 { background-color: var(--color-xapp-500) !important; }
.bg-xapp-500\/15 { background-color: rgb(17 24 39 / 0.15) !important; }
.bg-xapp-500\/20 { background-color: rgb(17 24 39 / 0.2) !important; }
.bg-xapp-600 { background-color: var(--color-xapp-600) !important; }
.bg-xapp-700 { background-color: var(--color-xapp-700) !important; }
.bg-xapp-800 { background-color: var(--color-xapp-800) !important; }
.bg-xapp-900 { background-color: var(--color-xapp-900) !important; }
.bg-threadsapp-50 { background-color: var(--color-threadsapp-50) !important; }
.bg-threadsapp-100 { background-color: var(--color-threadsapp-100) !important; }
.bg-threadsapp-200 { background-color: var(--color-threadsapp-200) !important; }
.bg-threadsapp-500 { background-color: var(--color-threadsapp-500) !important; }
.bg-threadsapp-500\/15 { background-color: rgb(17 24 39 / 0.15) !important; }
.bg-threadsapp-500\/20 { background-color: rgb(17 24 39 / 0.2) !important; }
.bg-threadsapp-600 { background-color: var(--color-threadsapp-600) !important; }
.bg-threadsapp-700 { background-color: var(--color-threadsapp-700) !important; }
.bg-threadsapp-800 { background-color: var(--color-threadsapp-800) !important; }
.bg-threadsapp-900 { background-color: var(--color-threadsapp-900) !important; }
.bg-cyan-50 { background-color: var(--color-cyan-50) !important; }
.bg-cyan-300 { background-color: var(--color-cyan-300) !important; }
.bg-cyan-500 { background-color: var(--color-cyan-500) !important; }
.bg-cyan-600 { background-color: var(--color-cyan-600) !important; }
.bg-warning-50 { background-color: var(--color-warning-50) !important; }
.bg-warning-600 { background-color: var(--color-warning-600) !important; }
.bg-slate-950 { background-color: var(--color-slate-950) !important; }

.border-mist-200 { border-color: var(--color-mist-200) !important; }
.border-ink-900 { border-color: var(--color-ink-900) !important; }
.border-brand-200 { border-color: var(--color-brand-200) !important; }
.border-accent-200 { border-color: var(--color-accent-200) !important; }
.border-signal-100 { border-color: var(--color-signal-100) !important; }
.border-whatsapp-100 { border-color: var(--color-whatsapp-100) !important; }
.border-whatsapp-200 { border-color: var(--color-whatsapp-200) !important; }
.border-whatsapp-500\/30 { border-color: rgb(37 211 102 / 0.3) !important; }
.border-whatsapp-800 { border-color: var(--color-whatsapp-800) !important; }
.border-telegram-100 { border-color: var(--color-telegram-100) !important; }
.border-telegram-200 { border-color: var(--color-telegram-200) !important; }
.border-telegram-800 { border-color: var(--color-telegram-800) !important; }
.border-imessage-100 { border-color: var(--color-imessage-100) !important; }
.border-imessage-200 { border-color: var(--color-imessage-200) !important; }
.border-imessage-500\/30 { border-color: rgb(10 132 255 / 0.3) !important; }
.border-imessage-800 { border-color: var(--color-imessage-800) !important; }
.border-appleapp-100 { border-color: var(--color-appleapp-100) !important; }
.border-appleapp-200 { border-color: var(--color-appleapp-200) !important; }
.border-appleapp-500\/30 { border-color: rgb(10 132 255 / 0.3) !important; }
.border-appleapp-800 { border-color: var(--color-appleapp-800) !important; }
.border-microsoftapp-100 { border-color: var(--color-microsoftapp-100) !important; }
.border-microsoftapp-200 { border-color: var(--color-microsoftapp-200) !important; }
.border-microsoftapp-500\/30 { border-color: rgb(0 120 212 / 0.3) !important; }
.border-microsoftapp-800 { border-color: var(--color-microsoftapp-800) !important; }
.border-amazonapp-100 { border-color: var(--color-amazonapp-100) !important; }
.border-amazonapp-200 { border-color: var(--color-amazonapp-200) !important; }
.border-amazonapp-500\/30 { border-color: rgb(255 153 0 / 0.3) !important; }
.border-amazonapp-800 { border-color: var(--color-amazonapp-800) !important; }
.border-netflixapp-100 { border-color: var(--color-netflixapp-100) !important; }
.border-netflixapp-200 { border-color: var(--color-netflixapp-200) !important; }
.border-netflixapp-500\/30 { border-color: rgb(229 9 20 / 0.3) !important; }
.border-netflixapp-800 { border-color: var(--color-netflixapp-800) !important; }
.border-spotifyapp-100 { border-color: var(--color-spotifyapp-100) !important; }
.border-spotifyapp-200 { border-color: var(--color-spotifyapp-200) !important; }
.border-spotifyapp-500\/30 { border-color: rgb(29 185 84 / 0.3) !important; }
.border-spotifyapp-800 { border-color: var(--color-spotifyapp-800) !important; }
.border-gotoapp-100 { border-color: var(--color-gotoapp-100) !important; }
.border-gotoapp-200 { border-color: var(--color-gotoapp-200) !important; }
.border-gotoapp-500\/30 { border-color: rgb(0 184 169 / 0.3) !important; }
.border-gotoapp-800 { border-color: var(--color-gotoapp-800) !important; }
.border-indiatimesapp-100 { border-color: var(--color-indiatimesapp-100) !important; }
.border-indiatimesapp-200 { border-color: var(--color-indiatimesapp-200) !important; }
.border-indiatimesapp-500\/30 { border-color: rgb(255 122 0 / 0.3) !important; }
.border-indiatimesapp-800 { border-color: var(--color-indiatimesapp-800) !important; }
.border-cryptoapp-100 { border-color: var(--color-cryptoapp-100) !important; }
.border-cryptoapp-200 { border-color: var(--color-cryptoapp-200) !important; }
.border-cryptoapp-500\/30 { border-color: rgb(249 115 22 / 0.3) !important; }
.border-cryptoapp-800 { border-color: var(--color-cryptoapp-800) !important; }
.border-binanceapp-100 { border-color: var(--color-binanceapp-100) !important; }
.border-binanceapp-200 { border-color: var(--color-binanceapp-200) !important; }
.border-binanceapp-500\/30 { border-color: rgb(240 185 11 / 0.3) !important; }
.border-binanceapp-800 { border-color: var(--color-binanceapp-800) !important; }
.border-kucoinapp-100 { border-color: var(--color-kucoinapp-100) !important; }
.border-kucoinapp-200 { border-color: var(--color-kucoinapp-200) !important; }
.border-kucoinapp-500\/30 { border-color: rgb(36 174 143 / 0.3) !important; }
.border-kucoinapp-800 { border-color: var(--color-kucoinapp-800) !important; }
.border-htxapp-100 { border-color: var(--color-htxapp-100) !important; }
.border-htxapp-200 { border-color: var(--color-htxapp-200) !important; }
.border-htxapp-500\/30 { border-color: rgb(47 123 255 / 0.3) !important; }
.border-htxapp-800 { border-color: var(--color-htxapp-800) !important; }
.border-coinwapp-100 { border-color: var(--color-coinwapp-100) !important; }
.border-coinwapp-200 { border-color: var(--color-coinwapp-200) !important; }
.border-coinwapp-500\/30 { border-color: rgb(14 165 233 / 0.3) !important; }
.border-coinwapp-800 { border-color: var(--color-coinwapp-800) !important; }
.border-viber-100 { border-color: var(--color-viber-100) !important; }
.border-viber-200 { border-color: var(--color-viber-200) !important; }
.border-viber-500\/30 { border-color: rgb(115 96 242 / 0.3) !important; }
.border-viber-800 { border-color: var(--color-viber-800) !important; }
.border-rcs-100 { border-color: var(--color-rcs-100) !important; }
.border-rcs-200 { border-color: var(--color-rcs-200) !important; }
.border-rcs-500\/30 { border-color: rgb(6 182 212 / 0.3) !important; }
.border-rcs-800 { border-color: var(--color-rcs-800) !important; }
.border-signalapp-100 { border-color: var(--color-signalapp-100) !important; }
.border-signalapp-200 { border-color: var(--color-signalapp-200) !important; }
.border-signalapp-500\/30 { border-color: rgb(58 118 240 / 0.3) !important; }
.border-signalapp-800 { border-color: var(--color-signalapp-800) !important; }
.border-lineapp-100 { border-color: var(--color-lineapp-100) !important; }
.border-lineapp-200 { border-color: var(--color-lineapp-200) !important; }
.border-lineapp-500\/30 { border-color: rgb(6 199 85 / 0.3) !important; }
.border-lineapp-800 { border-color: var(--color-lineapp-800) !important; }
.border-zaloapp-100 { border-color: var(--color-zaloapp-100) !important; }
.border-zaloapp-200 { border-color: var(--color-zaloapp-200) !important; }
.border-zaloapp-500\/30 { border-color: rgb(0 104 255 / 0.3) !important; }
.border-zaloapp-800 { border-color: var(--color-zaloapp-800) !important; }
.border-bandapp-100 { border-color: var(--color-bandapp-100) !important; }
.border-bandapp-200 { border-color: var(--color-bandapp-200) !important; }
.border-bandapp-500\/30 { border-color: rgb(0 199 60 / 0.3) !important; }
.border-bandapp-800 { border-color: var(--color-bandapp-800) !important; }
.border-facebookapp-100 { border-color: var(--color-facebookapp-100) !important; }
.border-facebookapp-200 { border-color: var(--color-facebookapp-200) !important; }
.border-facebookapp-500\/30 { border-color: rgb(24 119 242 / 0.3) !important; }
.border-facebookapp-800 { border-color: var(--color-facebookapp-800) !important; }
.border-messengerapp-100 { border-color: var(--color-messengerapp-100) !important; }
.border-messengerapp-200 { border-color: var(--color-messengerapp-200) !important; }
.border-messengerapp-500\/30 { border-color: rgb(0 166 255 / 0.3) !important; }
.border-messengerapp-800 { border-color: var(--color-messengerapp-800) !important; }
.border-instagramapp-100 { border-color: var(--color-instagramapp-100) !important; }
.border-instagramapp-200 { border-color: var(--color-instagramapp-200) !important; }
.border-instagramapp-500\/30 { border-color: rgb(225 48 108 / 0.3) !important; }
.border-instagramapp-800 { border-color: var(--color-instagramapp-800) !important; }
.border-snapchatapp-100 { border-color: var(--color-snapchatapp-100) !important; }
.border-snapchatapp-200 { border-color: var(--color-snapchatapp-200) !important; }
.border-snapchatapp-500\/30 { border-color: rgb(255 252 0 / 0.3) !important; }
.border-snapchatapp-800 { border-color: var(--color-snapchatapp-800) !important; }
.border-xapp-100 { border-color: var(--color-xapp-100) !important; }
.border-xapp-200 { border-color: var(--color-xapp-200) !important; }
.border-xapp-500\/30 { border-color: rgb(17 24 39 / 0.3) !important; }
.border-xapp-800 { border-color: var(--color-xapp-800) !important; }
.border-threadsapp-100 { border-color: var(--color-threadsapp-100) !important; }
.border-threadsapp-200 { border-color: var(--color-threadsapp-200) !important; }
.border-threadsapp-500\/30 { border-color: rgb(17 24 39 / 0.3) !important; }
.border-threadsapp-800 { border-color: var(--color-threadsapp-800) !important; }
.border-cyan-200 { border-color: var(--color-cyan-200) !important; }
.border-warning-200 { border-color: var(--color-warning-200) !important; }
.divide-mist-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--color-mist-200) !important; }

.from-brand-600 { --tw-gradient-from: var(--color-brand-600); --tw-gradient-to: rgb(88 84 245 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-brand-700 { --tw-gradient-from: var(--color-brand-700); --tw-gradient-to: rgb(68 56 202 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-mist-50 { --tw-gradient-from: var(--color-mist-50); --tw-gradient-to: rgb(247 247 255 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-rcs-500 { --tw-gradient-from: var(--color-rcs-500); --tw-gradient-to: rgb(6 182 212 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-signalapp-500 { --tw-gradient-from: var(--color-signalapp-500); --tw-gradient-to: rgb(58 118 240 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-brand-400 { --tw-gradient-to: rgb(139 135 255 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--color-brand-400), var(--tw-gradient-to); }
.via-brand-500 { --tw-gradient-to: rgb(110 107 255 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--color-brand-500), var(--tw-gradient-to); }
.via-cyan-300 { --tw-gradient-to: rgb(103 232 249 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--color-cyan-300), var(--tw-gradient-to); }
.via-telegram-300 { --tw-gradient-to: rgb(103 232 249 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--color-telegram-300), var(--tw-gradient-to); }
.to-accent-600 { --tw-gradient-to: var(--color-accent-600); }
.to-mist-50 { --tw-gradient-to: var(--color-mist-50); }
.to-signal-500 { --tw-gradient-to: var(--color-signal-500); }
.to-signalapp-900 { --tw-gradient-to: var(--color-signalapp-900); }
.to-telegram-50 { --tw-gradient-to: var(--color-telegram-50); }

.hover\:bg-ink-800:hover { background-color: var(--color-ink-800) !important; }
.hover\:bg-mist-50:hover { background-color: var(--color-mist-50) !important; }
.hover\:bg-mist-100:hover { background-color: var(--color-mist-100) !important; }
.hover\:bg-whatsapp-50:hover { background-color: var(--color-whatsapp-50) !important; }
.hover\:bg-whatsapp-900:hover { background-color: var(--color-whatsapp-900) !important; }
.hover\:bg-telegram-50:hover { background-color: var(--color-telegram-50) !important; }
.hover\:bg-telegram-600:hover { background-color: var(--color-telegram-600) !important; }
.hover\:bg-telegram-700:hover { background-color: var(--color-telegram-700) !important; }
.hover\:bg-telegram-900:hover { background-color: var(--color-telegram-900) !important; }
.hover\:bg-imessage-50:hover { background-color: var(--color-imessage-50) !important; }
.hover\:bg-imessage-700:hover { background-color: var(--color-imessage-700) !important; }
.hover\:bg-imessage-900:hover { background-color: var(--color-imessage-900) !important; }
.hover\:bg-appleapp-50:hover { background-color: var(--color-appleapp-50) !important; }
.hover\:bg-appleapp-700:hover { background-color: var(--color-appleapp-700) !important; }
.hover\:bg-appleapp-900:hover { background-color: var(--color-appleapp-900) !important; }
.hover\:bg-microsoftapp-50:hover { background-color: var(--color-microsoftapp-50) !important; }
.hover\:bg-microsoftapp-700:hover { background-color: var(--color-microsoftapp-700) !important; }
.hover\:bg-microsoftapp-900:hover { background-color: var(--color-microsoftapp-900) !important; }
.hover\:bg-amazonapp-50:hover { background-color: var(--color-amazonapp-50) !important; }
.hover\:bg-amazonapp-700:hover { background-color: var(--color-amazonapp-700) !important; }
.hover\:bg-amazonapp-900:hover { background-color: var(--color-amazonapp-900) !important; }
.hover\:bg-netflixapp-50:hover { background-color: var(--color-netflixapp-50) !important; }
.hover\:bg-netflixapp-700:hover { background-color: var(--color-netflixapp-700) !important; }
.hover\:bg-netflixapp-900:hover { background-color: var(--color-netflixapp-900) !important; }
.hover\:bg-spotifyapp-50:hover { background-color: var(--color-spotifyapp-50) !important; }
.hover\:bg-spotifyapp-700:hover { background-color: var(--color-spotifyapp-700) !important; }
.hover\:bg-spotifyapp-900:hover { background-color: var(--color-spotifyapp-900) !important; }
.hover\:bg-gotoapp-50:hover { background-color: var(--color-gotoapp-50) !important; }
.hover\:bg-gotoapp-700:hover { background-color: var(--color-gotoapp-700) !important; }
.hover\:bg-gotoapp-900:hover { background-color: var(--color-gotoapp-900) !important; }
.hover\:bg-indiatimesapp-50:hover { background-color: var(--color-indiatimesapp-50) !important; }
.hover\:bg-indiatimesapp-700:hover { background-color: var(--color-indiatimesapp-700) !important; }
.hover\:bg-indiatimesapp-900:hover { background-color: var(--color-indiatimesapp-900) !important; }
.hover\:bg-cryptoapp-50:hover { background-color: var(--color-cryptoapp-50) !important; }
.hover\:bg-cryptoapp-700:hover { background-color: var(--color-cryptoapp-700) !important; }
.hover\:bg-cryptoapp-900:hover { background-color: var(--color-cryptoapp-900) !important; }
.hover\:bg-binanceapp-50:hover { background-color: var(--color-binanceapp-50) !important; }
.hover\:bg-binanceapp-700:hover { background-color: var(--color-binanceapp-700) !important; }
.hover\:bg-binanceapp-900:hover { background-color: var(--color-binanceapp-900) !important; }
.hover\:bg-kucoinapp-50:hover { background-color: var(--color-kucoinapp-50) !important; }
.hover\:bg-kucoinapp-700:hover { background-color: var(--color-kucoinapp-700) !important; }
.hover\:bg-kucoinapp-900:hover { background-color: var(--color-kucoinapp-900) !important; }
.hover\:bg-htxapp-50:hover { background-color: var(--color-htxapp-50) !important; }
.hover\:bg-htxapp-700:hover { background-color: var(--color-htxapp-700) !important; }
.hover\:bg-htxapp-900:hover { background-color: var(--color-htxapp-900) !important; }
.hover\:bg-coinwapp-50:hover { background-color: var(--color-coinwapp-50) !important; }
.hover\:bg-coinwapp-700:hover { background-color: var(--color-coinwapp-700) !important; }
.hover\:bg-coinwapp-900:hover { background-color: var(--color-coinwapp-900) !important; }
.hover\:bg-viber-50:hover { background-color: var(--color-viber-50) !important; }
.hover\:bg-viber-700:hover { background-color: var(--color-viber-700) !important; }
.hover\:bg-viber-900:hover { background-color: var(--color-viber-900) !important; }
.hover\:bg-rcs-50:hover { background-color: var(--color-rcs-50) !important; }
.hover\:bg-rcs-700:hover { background-color: var(--color-rcs-700) !important; }
.hover\:bg-rcs-900:hover { background-color: var(--color-rcs-900) !important; }
.hover\:bg-signalapp-50:hover { background-color: var(--color-signalapp-50) !important; }
.hover\:bg-signalapp-700:hover { background-color: var(--color-signalapp-700) !important; }
.hover\:bg-signalapp-900:hover { background-color: var(--color-signalapp-900) !important; }
.hover\:bg-lineapp-50:hover { background-color: var(--color-lineapp-50) !important; }
.hover\:bg-lineapp-700:hover { background-color: var(--color-lineapp-700) !important; }
.hover\:bg-lineapp-900:hover { background-color: var(--color-lineapp-900) !important; }
.hover\:bg-zaloapp-50:hover { background-color: var(--color-zaloapp-50) !important; }
.hover\:bg-zaloapp-700:hover { background-color: var(--color-zaloapp-700) !important; }
.hover\:bg-zaloapp-900:hover { background-color: var(--color-zaloapp-900) !important; }
.hover\:bg-bandapp-50:hover { background-color: var(--color-bandapp-50) !important; }
.hover\:bg-bandapp-700:hover { background-color: var(--color-bandapp-700) !important; }
.hover\:bg-bandapp-900:hover { background-color: var(--color-bandapp-900) !important; }
.hover\:bg-facebookapp-50:hover { background-color: var(--color-facebookapp-50) !important; }
.hover\:bg-facebookapp-700:hover { background-color: var(--color-facebookapp-700) !important; }
.hover\:bg-facebookapp-900:hover { background-color: var(--color-facebookapp-900) !important; }
.hover\:bg-messengerapp-50:hover { background-color: var(--color-messengerapp-50) !important; }
.hover\:bg-messengerapp-700:hover { background-color: var(--color-messengerapp-700) !important; }
.hover\:bg-messengerapp-900:hover { background-color: var(--color-messengerapp-900) !important; }
.hover\:bg-instagramapp-50:hover { background-color: var(--color-instagramapp-50) !important; }
.hover\:bg-instagramapp-700:hover { background-color: var(--color-instagramapp-700) !important; }
.hover\:bg-instagramapp-900:hover { background-color: var(--color-instagramapp-900) !important; }
.hover\:bg-snapchatapp-50:hover { background-color: var(--color-snapchatapp-50) !important; }
.hover\:bg-snapchatapp-600:hover { background-color: var(--color-snapchatapp-600) !important; }
.hover\:bg-snapchatapp-700:hover { background-color: var(--color-snapchatapp-700) !important; }
.hover\:bg-snapchatapp-900:hover { background-color: var(--color-snapchatapp-900) !important; }
.hover\:bg-xapp-50:hover { background-color: var(--color-xapp-50) !important; }
.hover\:bg-xapp-700:hover { background-color: var(--color-xapp-700) !important; }
.hover\:bg-xapp-900:hover { background-color: var(--color-xapp-900) !important; }
.hover\:bg-threadsapp-50:hover { background-color: var(--color-threadsapp-50) !important; }
.hover\:bg-threadsapp-700:hover { background-color: var(--color-threadsapp-700) !important; }
.hover\:bg-threadsapp-900:hover { background-color: var(--color-threadsapp-900) !important; }
.hover\:text-ink-800:hover { color: var(--color-ink-800) !important; }
.hover\:text-ink-900:hover { color: var(--color-ink-900) !important; }
.hover\:border-brand-200:hover { border-color: var(--color-brand-200) !important; }
.hover\:from-brand-500:hover { --tw-gradient-from: var(--color-brand-500); --tw-gradient-to: rgb(110 107 255 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\:from-brand-600:hover { --tw-gradient-from: var(--color-brand-600); --tw-gradient-to: rgb(88 84 245 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.hover\:to-accent-500:hover { --tw-gradient-to: var(--color-accent-500); }

.focus\:border-brand-500:focus { border-color: var(--color-brand-500) !important; }
.focus\:border-whatsapp-500:focus { border-color: var(--color-whatsapp-500) !important; }
.focus\:border-telegram-400:focus { border-color: var(--color-telegram-400) !important; }
.focus\:border-telegram-500:focus { border-color: var(--color-telegram-500) !important; }
.focus\:border-imessage-500:focus { border-color: var(--color-imessage-500) !important; }
.focus\:border-appleapp-500:focus { border-color: var(--color-appleapp-500) !important; }
.focus\:border-microsoftapp-500:focus { border-color: var(--color-microsoftapp-500) !important; }
.focus\:border-amazonapp-500:focus { border-color: var(--color-amazonapp-500) !important; }
.focus\:border-netflixapp-500:focus { border-color: var(--color-netflixapp-500) !important; }
.focus\:border-spotifyapp-500:focus { border-color: var(--color-spotifyapp-500) !important; }
.focus\:border-gotoapp-500:focus { border-color: var(--color-gotoapp-500) !important; }
.focus\:border-indiatimesapp-500:focus { border-color: var(--color-indiatimesapp-500) !important; }
.focus\:border-cryptoapp-500:focus { border-color: var(--color-cryptoapp-500) !important; }
.focus\:border-binanceapp-500:focus { border-color: var(--color-binanceapp-500) !important; }
.focus\:border-kucoinapp-500:focus { border-color: var(--color-kucoinapp-500) !important; }
.focus\:border-htxapp-500:focus { border-color: var(--color-htxapp-500) !important; }
.focus\:border-coinwapp-500:focus { border-color: var(--color-coinwapp-500) !important; }
.focus\:border-viber-500:focus { border-color: var(--color-viber-500) !important; }
.focus\:border-rcs-500:focus { border-color: var(--color-rcs-500) !important; }
.focus\:border-signalapp-500:focus { border-color: var(--color-signalapp-500) !important; }
.focus\:border-lineapp-500:focus { border-color: var(--color-lineapp-500) !important; }
.focus\:border-zaloapp-500:focus { border-color: var(--color-zaloapp-500) !important; }
.focus\:border-bandapp-500:focus { border-color: var(--color-bandapp-500) !important; }
.focus\:border-facebookapp-500:focus { border-color: var(--color-facebookapp-500) !important; }
.focus\:border-messengerapp-500:focus { border-color: var(--color-messengerapp-500) !important; }
.focus\:border-instagramapp-500:focus { border-color: var(--color-instagramapp-500) !important; }
.focus\:border-snapchatapp-500:focus { border-color: var(--color-snapchatapp-500) !important; }
.focus\:border-xapp-500:focus { border-color: var(--color-xapp-500) !important; }
.focus\:border-threadsapp-500:focus { border-color: var(--color-threadsapp-500) !important; }
.focus\:ring-brand-100:focus,
.focus-visible\:ring-brand-100:focus-visible { --tw-ring-color: var(--color-brand-100) !important; }
.focus\:ring-brand-200:focus { --tw-ring-color: var(--color-brand-200) !important; }
.focus\:ring-whatsapp-100:focus,
.focus-visible\:ring-whatsapp-100:focus-visible { --tw-ring-color: var(--color-whatsapp-100) !important; }
.focus\:ring-telegram-100:focus,
.focus-visible\:ring-telegram-100:focus-visible { --tw-ring-color: var(--color-telegram-100) !important; }
.focus\:ring-telegram-200:focus { --tw-ring-color: var(--color-telegram-200) !important; }
.focus\:ring-imessage-100:focus,
.focus-visible\:ring-imessage-100:focus-visible { --tw-ring-color: var(--color-imessage-100) !important; }
.focus\:ring-appleapp-100:focus,
.focus-visible\:ring-appleapp-100:focus-visible { --tw-ring-color: var(--color-appleapp-100) !important; }
.focus\:ring-microsoftapp-100:focus,
.focus-visible\:ring-microsoftapp-100:focus-visible { --tw-ring-color: var(--color-microsoftapp-100) !important; }
.focus\:ring-amazonapp-100:focus,
.focus-visible\:ring-amazonapp-100:focus-visible { --tw-ring-color: var(--color-amazonapp-100) !important; }
.focus\:ring-netflixapp-100:focus,
.focus-visible\:ring-netflixapp-100:focus-visible { --tw-ring-color: var(--color-netflixapp-100) !important; }
.focus\:ring-spotifyapp-100:focus,
.focus-visible\:ring-spotifyapp-100:focus-visible { --tw-ring-color: var(--color-spotifyapp-100) !important; }
.focus\:ring-gotoapp-100:focus,
.focus-visible\:ring-gotoapp-100:focus-visible { --tw-ring-color: var(--color-gotoapp-100) !important; }
.focus\:ring-indiatimesapp-100:focus,
.focus-visible\:ring-indiatimesapp-100:focus-visible { --tw-ring-color: var(--color-indiatimesapp-100) !important; }
.focus\:ring-cryptoapp-100:focus,
.focus-visible\:ring-cryptoapp-100:focus-visible { --tw-ring-color: var(--color-cryptoapp-100) !important; }
.focus\:ring-binanceapp-100:focus,
.focus-visible\:ring-binanceapp-100:focus-visible { --tw-ring-color: var(--color-binanceapp-100) !important; }
.focus\:ring-kucoinapp-100:focus,
.focus-visible\:ring-kucoinapp-100:focus-visible { --tw-ring-color: var(--color-kucoinapp-100) !important; }
.focus\:ring-htxapp-100:focus,
.focus-visible\:ring-htxapp-100:focus-visible { --tw-ring-color: var(--color-htxapp-100) !important; }
.focus\:ring-coinwapp-100:focus,
.focus-visible\:ring-coinwapp-100:focus-visible { --tw-ring-color: var(--color-coinwapp-100) !important; }
.focus\:ring-viber-100:focus,
.focus-visible\:ring-viber-100:focus-visible { --tw-ring-color: var(--color-viber-100) !important; }
.focus\:ring-rcs-100:focus,
.focus-visible\:ring-rcs-100:focus-visible { --tw-ring-color: var(--color-rcs-100) !important; }
.focus\:ring-signalapp-100:focus,
.focus-visible\:ring-signalapp-100:focus-visible { --tw-ring-color: var(--color-signalapp-100) !important; }
.focus\:ring-lineapp-100:focus,
.focus-visible\:ring-lineapp-100:focus-visible { --tw-ring-color: var(--color-lineapp-100) !important; }
.focus\:ring-zaloapp-100:focus,
.focus-visible\:ring-zaloapp-100:focus-visible { --tw-ring-color: var(--color-zaloapp-100) !important; }
.focus\:ring-bandapp-100:focus,
.focus-visible\:ring-bandapp-100:focus-visible { --tw-ring-color: var(--color-bandapp-100) !important; }
.focus\:ring-facebookapp-100:focus,
.focus-visible\:ring-facebookapp-100:focus-visible { --tw-ring-color: var(--color-facebookapp-100) !important; }
.focus\:ring-messengerapp-100:focus,
.focus-visible\:ring-messengerapp-100:focus-visible { --tw-ring-color: var(--color-messengerapp-100) !important; }
.focus\:ring-instagramapp-100:focus,
.focus-visible\:ring-instagramapp-100:focus-visible { --tw-ring-color: var(--color-instagramapp-100) !important; }
.focus\:ring-snapchatapp-100:focus,
.focus-visible\:ring-snapchatapp-100:focus-visible { --tw-ring-color: var(--color-snapchatapp-100) !important; }
.focus\:ring-xapp-100:focus,
.focus-visible\:ring-xapp-100:focus-visible { --tw-ring-color: var(--color-xapp-100) !important; }
.focus\:ring-threadsapp-100:focus,
.focus-visible\:ring-threadsapp-100:focus-visible { --tw-ring-color: var(--color-threadsapp-100) !important; }

.group:hover .group-hover\:text-brand-700 { color: var(--color-brand-700) !important; }
.group[open] .group-open\:bg-mist-100 { background-color: var(--color-mist-100) !important; }
.group[open] .group-open\:bg-whatsapp-100 { background-color: var(--color-whatsapp-100) !important; }
.group[open] .group-open\:bg-telegram-100 { background-color: var(--color-telegram-100) !important; }
.group[open] .group-open\:bg-imessage-100 { background-color: var(--color-imessage-100) !important; }
.group[open] .group-open\:bg-appleapp-100 { background-color: var(--color-appleapp-100) !important; }
.group[open] .group-open\:bg-microsoftapp-100 { background-color: var(--color-microsoftapp-100) !important; }
.group[open] .group-open\:bg-amazonapp-100 { background-color: var(--color-amazonapp-100) !important; }
.group[open] .group-open\:bg-netflixapp-100 { background-color: var(--color-netflixapp-100) !important; }
.group[open] .group-open\:bg-spotifyapp-100 { background-color: var(--color-spotifyapp-100) !important; }
.group[open] .group-open\:bg-gotoapp-100 { background-color: var(--color-gotoapp-100) !important; }
.group[open] .group-open\:bg-indiatimesapp-100 { background-color: var(--color-indiatimesapp-100) !important; }
.group[open] .group-open\:bg-cryptoapp-100 { background-color: var(--color-cryptoapp-100) !important; }
.group[open] .group-open\:bg-binanceapp-100 { background-color: var(--color-binanceapp-100) !important; }
.group[open] .group-open\:bg-kucoinapp-100 { background-color: var(--color-kucoinapp-100) !important; }
.group[open] .group-open\:bg-htxapp-100 { background-color: var(--color-htxapp-100) !important; }
.group[open] .group-open\:bg-coinwapp-100 { background-color: var(--color-coinwapp-100) !important; }
.group[open] .group-open\:bg-viber-100 { background-color: var(--color-viber-100) !important; }
.group[open] .group-open\:bg-rcs-100 { background-color: var(--color-rcs-100) !important; }
.group[open] .group-open\:bg-signalapp-100 { background-color: var(--color-signalapp-100) !important; }
.group[open] .group-open\:bg-lineapp-100 { background-color: var(--color-lineapp-100) !important; }
.group[open] .group-open\:bg-zaloapp-100 { background-color: var(--color-zaloapp-100) !important; }
.group[open] .group-open\:bg-bandapp-100 { background-color: var(--color-bandapp-100) !important; }
.group[open] .group-open\:bg-facebookapp-100 { background-color: var(--color-facebookapp-100) !important; }
.group[open] .group-open\:bg-messengerapp-100 { background-color: var(--color-messengerapp-100) !important; }
.group[open] .group-open\:bg-instagramapp-100 { background-color: var(--color-instagramapp-100) !important; }
.group[open] .group-open\:bg-snapchatapp-100 { background-color: var(--color-snapchatapp-100) !important; }
.group[open] .group-open\:bg-xapp-100 { background-color: var(--color-xapp-100) !important; }
.group[open] .group-open\:bg-threadsapp-100 { background-color: var(--color-threadsapp-100) !important; }

.shadow-soft { box-shadow: 0 12px 28px rgba(79, 70, 229, 0.14) !important; }
.shadow-card { box-shadow: var(--ds-shadow-2) !important; }
.shadow-wa { box-shadow: 0 14px 42px rgba(37, 211, 102, 0.22) !important; }
.shadow-tg { box-shadow: 0 14px 42px rgba(34, 158, 217, 0.22) !important; }
.shadow-telegram-500\/25 { box-shadow: 0 25px 50px -12px rgba(34, 158, 217, 0.25) !important; }
.shadow-telegram-500\/30 { box-shadow: 0 25px 50px -12px rgba(34, 158, 217, 0.3) !important; }
.shadow-im { box-shadow: 0 14px 42px rgba(0, 122, 255, 0.22) !important; }
.shadow-appleapp { box-shadow: 0 14px 42px rgba(10, 132, 255, 0.22) !important; }
.shadow-microsoftapp { box-shadow: 0 14px 42px rgba(0, 120, 212, 0.24) !important; }
.shadow-amazonapp { box-shadow: 0 14px 42px rgba(255, 153, 0, 0.24) !important; }
.shadow-netflixapp { box-shadow: 0 14px 42px rgba(229, 9, 20, 0.24) !important; }
.shadow-spotifyapp { box-shadow: 0 14px 42px rgba(29, 185, 84, 0.24) !important; }
.shadow-gotoapp { box-shadow: 0 14px 42px rgba(13, 148, 136, 0.24) !important; }
.shadow-indiatimesapp { box-shadow: 0 14px 42px rgba(234, 88, 12, 0.24) !important; }
.shadow-cryptoapp { box-shadow: 0 14px 42px rgba(249, 115, 22, 0.24) !important; }
.shadow-binanceapp { box-shadow: 0 14px 42px rgba(240, 185, 11, 0.26) !important; }
.shadow-kucoinapp { box-shadow: 0 14px 42px rgba(36, 174, 143, 0.24) !important; }
.shadow-htxapp { box-shadow: 0 14px 42px rgba(47, 123, 255, 0.24) !important; }
.shadow-coinwapp { box-shadow: 0 14px 42px rgba(14, 165, 233, 0.24) !important; }
.shadow-vb { box-shadow: 0 14px 42px rgba(115, 96, 242, 0.24) !important; }
.shadow-rcs { box-shadow: 0 14px 42px rgba(8, 145, 178, 0.24) !important; }
.shadow-signalapp { box-shadow: 0 14px 42px rgba(37, 99, 235, 0.24) !important; }
.shadow-lineapp { box-shadow: 0 14px 42px rgba(6, 199, 85, 0.24) !important; }
.shadow-zaloapp { box-shadow: 0 14px 42px rgba(0, 104, 255, 0.24) !important; }
.shadow-bandapp { box-shadow: 0 14px 42px rgba(0, 199, 60, 0.24) !important; }
.shadow-facebookapp { box-shadow: 0 14px 42px rgba(24, 119, 242, 0.24) !important; }
.shadow-messengerapp { box-shadow: 0 14px 42px rgba(0, 132, 255, 0.24) !important; }
.shadow-instagramapp { box-shadow: 0 14px 42px rgba(225, 48, 108, 0.24) !important; }
.shadow-snapchatapp { box-shadow: 0 14px 42px rgba(234, 179, 8, 0.24) !important; }
.shadow-xapp { box-shadow: 0 14px 42px rgba(2, 6, 23, 0.24) !important; }
.shadow-threadsapp { box-shadow: 0 14px 42px rgba(2, 6, 23, 0.24) !important; }
.shadow-glow { box-shadow: 0 14px 34px rgba(236, 72, 153, 0.18) !important; }
.shadow-panel { box-shadow: var(--ds-shadow-3) !important; }

body {
  overflow-x: hidden;
}

.theme-imessage:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(10, 132, 255, 0.18), transparent 34rem),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #f5f9ff 100%);
  color: #122033;
}

.theme-appleapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(10, 132, 255, 0.16), transparent 34rem),
    radial-gradient(circle at top right, rgba(15, 23, 42, 0.1), transparent 32rem),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f1f5f9 100%);
  color: #122033;
}

.theme-microsoftapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(0, 120, 212, 0.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(127, 186, 0, 0.1), transparent 32rem),
    linear-gradient(180deg, #f4faff 0%, #ffffff 42%, #f1f7ff 100%);
  color: #122033;
}

.theme-amazonapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(255, 153, 0, 0.2), transparent 34rem),
    radial-gradient(circle at top right, rgba(35, 47, 62, 0.1), transparent 32rem),
    linear-gradient(180deg, #fff8ed 0%, #ffffff 42%, #fff7eb 100%);
  color: #122033;
}

.theme-netflixapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(229, 9, 20, 0.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(17, 17, 17, 0.13), transparent 32rem),
    linear-gradient(180deg, #fff7f8 0%, #ffffff 42%, #fff1f2 100%);
  color: #122033;
}

.theme-spotifyapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(29, 185, 84, 0.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(18, 18, 18, 0.12), transparent 32rem),
    linear-gradient(180deg, #f3fff7 0%, #ffffff 42%, #ecfdf3 100%);
  color: #122033;
}

.theme-gotoapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(0, 184, 169, 0.2), transparent 34rem),
    radial-gradient(circle at top right, rgba(11, 31, 36, 0.13), transparent 32rem),
    linear-gradient(180deg, #f0fdfa 0%, #ffffff 42%, #ecfeff 100%);
  color: #122033;
}

.theme-indiatimesapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(255, 122, 0, 0.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(19, 138, 74, 0.13), transparent 32rem),
    linear-gradient(180deg, #fff8ed 0%, #ffffff 42%, #f0fdf4 100%);
  color: #122033;
}

.theme-cryptoapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(249, 115, 22, 0.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(6, 182, 212, 0.12), transparent 32rem),
    linear-gradient(180deg, #fff7ed 0%, #ffffff 42%, #ecfeff 100%);
  color: #122033;
}

.theme-binanceapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(240, 185, 11, 0.22), transparent 34rem),
    radial-gradient(circle at top right, rgba(11, 14, 17, 0.12), transparent 32rem),
    linear-gradient(180deg, #fffbeb 0%, #ffffff 42%, #f8fafc 100%);
  color: #122033;
}

.theme-kucoinapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(36, 174, 143, 0.2), transparent 34rem),
    radial-gradient(circle at top right, rgba(7, 21, 22, 0.12), transparent 32rem),
    linear-gradient(180deg, #ecfdf8 0%, #ffffff 42%, #f0fdfa 100%);
  color: #122033;
}

.theme-htxapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(47, 123, 255, 0.2), transparent 34rem),
    radial-gradient(circle at top right, rgba(249, 115, 22, 0.11), transparent 32rem),
    linear-gradient(180deg, #eff6ff 0%, #ffffff 42%, #f8fafc 100%);
  color: #122033;
}

.theme-coinwapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.2), transparent 34rem),
    radial-gradient(circle at top right, rgba(6, 24, 38, 0.12), transparent 32rem),
    linear-gradient(180deg, #effaff 0%, #ffffff 42%, #f8fafc 100%);
  color: #122033;
}

.theme-viber:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(115, 96, 242, 0.18), transparent 34rem),
    linear-gradient(180deg, #faf8ff 0%, #ffffff 42%, #f7f4ff 100%);
  color: #122033;
}

.theme-rcs:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(6, 182, 212, 0.18), transparent 34rem),
    linear-gradient(180deg, #f5feff 0%, #ffffff 42%, #f1fbff 100%);
  color: #122033;
}

.theme-signalapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(58, 118, 240, 0.18), transparent 34rem),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #f3f7ff 100%);
  color: #122033;
}

.theme-lineapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(6, 199, 85, 0.18), transparent 34rem),
    linear-gradient(180deg, #f7fff9 0%, #ffffff 42%, #f2fff5 100%);
  color: #122033;
}

.theme-zaloapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(0, 104, 255, 0.18), transparent 34rem),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #f2f7ff 100%);
  color: #122033;
}

.theme-bandapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(0, 199, 60, 0.18), transparent 34rem),
    linear-gradient(180deg, #f7fff9 0%, #ffffff 42%, #f0fff4 100%);
  color: #122033;
}

.theme-facebookapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(24, 119, 242, 0.18), transparent 34rem),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #f2f7ff 100%);
  color: #122033;
}

.theme-messengerapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(0, 132, 255, 0.2), transparent 34rem),
    radial-gradient(circle at top right, rgba(107, 59, 255, 0.14), transparent 32rem),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 42%, #f4f7ff 100%);
  color: #122033;
}

.theme-instagramapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(225, 48, 108, 0.16), transparent 34rem),
    linear-gradient(180deg, #fff8fb 0%, #ffffff 42%, #fff4f8 100%);
  color: #122033;
}

.theme-snapchatapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(255, 252, 0, 0.24), transparent 34rem),
    linear-gradient(180deg, #fffef3 0%, #ffffff 42%, #fffbea 100%);
  color: #122033;
}

.theme-xapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(2, 6, 23, 0.12), transparent 34rem),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f1f5f9 100%);
  color: #122033;
}

.theme-threadsapp:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(2, 6, 23, 0.12), transparent 34rem),
    radial-gradient(circle at top right, rgba(24, 119, 242, 0.11), transparent 32rem),
    linear-gradient(180deg, #fafafa 0%, #ffffff 42%, #f4f4f5 100%);
  color: #122033;
}

.theme-telegram:not(.bg-mist-50) {
  background:
    radial-gradient(circle at top left, rgba(34, 158, 217, 0.18), transparent 34rem),
    linear-gradient(180deg, #f8fcff 0%, #ffffff 42%, #f7fbff 100%);
  color: #122033;
}

.grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(88, 84, 245, 0.2), transparent 68%),
    radial-gradient(closest-side, rgba(219, 39, 119, 0.14), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.12), transparent 72%),
    linear-gradient(to bottom, rgba(247, 247, 255, 1), rgba(255, 255, 255, 1));
  background-position: 6% -6%, 94% 12%, 58% 0%, 0 0;
  background-size: 760px 760px, 620px 620px, 520px 520px, auto;
  background-repeat: no-repeat;
}

.theme-home .grid-bg,
.theme-guide .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(88, 84, 245, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(219, 39, 119, 0.18), transparent 70%),
    radial-gradient(closest-side, rgba(139, 135, 255, 0.16), transparent 72%),
    linear-gradient(to bottom, rgba(247, 247, 255, 1), rgba(255, 255, 255, 1));
  background-position: 8% -5%, 92% 10%, 55% 0%, 0 0;
}

.theme-whatsapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(37, 211, 102, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(18, 140, 126, 0.2), transparent 70%),
    radial-gradient(closest-side, rgba(88, 84, 245, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(247, 247, 255, 1), rgba(255, 255, 255, 1));
  background-position: 6% -8%, 96% 8%, 56% 2%, 0 0;
}

.theme-telegram .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(34, 158, 217, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(8, 145, 178, 0.16), transparent 70%),
    radial-gradient(closest-side, rgba(88, 84, 245, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(247, 247, 255, 1), rgba(255, 255, 255, 1));
  background-position: 6% -8%, 96% 8%, 56% 2%, 0 0;
}

.theme-imessage .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(0, 122, 255, 0.26), transparent 68%),
    radial-gradient(closest-side, rgba(52, 199, 89, 0.16), transparent 70%),
    radial-gradient(closest-side, rgba(88, 84, 245, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(247, 251, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-appleapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(10, 132, 255, 0.23), transparent 68%),
    radial-gradient(closest-side, rgba(15, 23, 42, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(248, 250, 252, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-microsoftapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(0, 120, 212, 0.25), transparent 68%),
    radial-gradient(closest-side, rgba(127, 186, 0, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(255, 185, 0, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(244, 250, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-amazonapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(255, 153, 0, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(35, 47, 62, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(6, 182, 212, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(255, 248, 237, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-netflixapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(229, 9, 20, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(17, 17, 17, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(225, 29, 72, 0.09), transparent 72%),
    linear-gradient(to bottom, rgba(255, 247, 248, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-spotifyapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(29, 185, 84, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(18, 18, 18, 0.11), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(243, 255, 247, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-gotoapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(0, 184, 169, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(11, 31, 36, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(14, 165, 233, 0.09), transparent 72%),
    linear-gradient(to bottom, rgba(240, 253, 250, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-indiatimesapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(255, 122, 0, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(19, 138, 74, 0.14), transparent 70%),
    radial-gradient(closest-side, rgba(7, 27, 45, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(255, 248, 237, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-cryptoapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(249, 115, 22, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(6, 182, 212, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(7, 17, 31, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(255, 247, 237, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-binanceapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(240, 185, 11, 0.25), transparent 68%),
    radial-gradient(closest-side, rgba(11, 14, 17, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(6, 182, 212, 0.07), transparent 72%),
    linear-gradient(to bottom, rgba(255, 251, 235, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-kucoinapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(36, 174, 143, 0.25), transparent 68%),
    radial-gradient(closest-side, rgba(7, 21, 22, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(34, 211, 238, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(236, 253, 248, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-htxapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(47, 123, 255, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(249, 115, 22, 0.11), transparent 70%),
    radial-gradient(closest-side, rgba(7, 18, 34, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(239, 246, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-coinwapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(14, 165, 233, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(6, 24, 38, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(34, 211, 238, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(239, 250, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-viber .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(115, 96, 242, 0.26), transparent 68%),
    radial-gradient(closest-side, rgba(236, 72, 153, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(250, 248, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-rcs .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(6, 182, 212, 0.26), transparent 68%),
    radial-gradient(closest-side, rgba(14, 116, 144, 0.16), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(245, 254, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-signalapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(58, 118, 240, 0.26), transparent 68%),
    radial-gradient(closest-side, rgba(37, 99, 235, 0.14), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.09), transparent 72%),
    linear-gradient(to bottom, rgba(248, 251, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-lineapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(6, 199, 85, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(5, 166, 71, 0.14), transparent 70%),
    radial-gradient(closest-side, rgba(88, 84, 245, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(247, 255, 249, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-zaloapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(0, 104, 255, 0.25), transparent 68%),
    radial-gradient(closest-side, rgba(6, 182, 212, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(248, 251, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-bandapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(0, 199, 60, 0.24), transparent 68%),
    radial-gradient(closest-side, rgba(0, 168, 50, 0.14), transparent 70%),
    radial-gradient(closest-side, rgba(88, 84, 245, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(247, 255, 249, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-facebookapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(24, 119, 242, 0.25), transparent 68%),
    radial-gradient(closest-side, rgba(11, 79, 168, 0.13), transparent 70%),
    radial-gradient(closest-side, rgba(16, 185, 129, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(248, 251, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-messengerapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(0, 132, 255, 0.27), transparent 68%),
    radial-gradient(closest-side, rgba(107, 59, 255, 0.18), transparent 70%),
    radial-gradient(closest-side, rgba(6, 182, 212, 0.09), transparent 72%),
    linear-gradient(to bottom, rgba(247, 251, 255, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-instagramapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(225, 48, 108, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(131, 58, 180, 0.14), transparent 70%),
    radial-gradient(closest-side, rgba(234, 88, 12, 0.1), transparent 72%),
    linear-gradient(to bottom, rgba(255, 248, 251, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-snapchatapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(255, 252, 0, 0.34), transparent 68%),
    radial-gradient(closest-side, rgba(234, 179, 8, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(11, 18, 32, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(255, 254, 243, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-xapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(2, 6, 23, 0.16), transparent 68%),
    radial-gradient(closest-side, rgba(6, 182, 212, 0.1), transparent 70%),
    radial-gradient(closest-side, rgba(24, 119, 242, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(248, 250, 252, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

.theme-threadsapp .grid-bg {
  background-image:
    radial-gradient(closest-side, rgba(2, 6, 23, 0.16), transparent 68%),
    radial-gradient(closest-side, rgba(24, 119, 242, 0.12), transparent 70%),
    radial-gradient(closest-side, rgba(6, 182, 212, 0.08), transparent 72%),
    linear-gradient(to bottom, rgba(250, 250, 250, 1), rgba(255, 255, 255, 1));
  background-position: 5% -8%, 96% 10%, 56% 2%, 0 0;
}

/* Brand unification overrides:
   keep platform identity in logos and micro-accents, but pull full-page surfaces
   back into the shared purple-pink marketing system. */
body[class*="theme-"] {
  background:
    radial-gradient(circle at 8% 0%, rgba(168, 85, 247, 0.14), transparent 30rem),
    radial-gradient(circle at 92% 10%, rgba(236, 72, 153, 0.12), transparent 28rem),
    linear-gradient(180deg, #fcf8ff 0%, #ffffff 44%, #fbf7ff 100%);
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg,
body:not(.pricing-page)[class*="theme-"] .hero-grid {
  background-image:
    radial-gradient(closest-side, rgba(168, 85, 247, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(236, 72, 153, 0.18), transparent 70%),
    radial-gradient(closest-side, rgba(192, 132, 252, 0.14), transparent 72%),
    linear-gradient(to bottom, rgba(252, 248, 255, 1), rgba(255, 255, 255, 1));
  background-position: 8% -5%, 92% 10%, 54% 0%, 0 0;
  background-size: 760px 760px, 620px 620px, 520px 520px, auto;
  background-repeat: no-repeat;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg::before,
body:not(.pricing-page)[class*="theme-"] .hero-grid::before {
  background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.28), rgba(236, 72, 153, 0.2), transparent);
}

/* Shared Page Components */
.page-kicker {
  display: inline-flex;
  min-height: var(--ds-badge-height);
  align-items: center;
  gap: 0.5rem;
  border-radius: 999px;
  padding-inline: var(--ds-badge-padding-x);
  font-size: var(--ds-badge-font-size);
  font-weight: var(--ds-badge-font-weight);
  letter-spacing: var(--ds-badge-letter-spacing);
  line-height: 1;
  box-shadow: var(--ds-shadow-1);
}

.page-kicker--brand {
  background: rgba(79, 70, 229, 0.08) !important;
  border-color: rgba(165, 180, 252, 0.42) !important;
  color: #4f46e5 !important;
}

.page-kicker--signal {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(167, 243, 208, 0.7) !important;
  color: #047857 !important;
}

.page-kicker--accent {
  background: rgba(249, 115, 22, 0.08) !important;
  border-color: rgba(254, 215, 170, 0.9) !important;
  color: #c2410c !important;
}

.page-kicker--light {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none;
}

.page-section-intro {
  max-width: 44rem;
}

.page-section-intro h2 {
  margin-top: 0.9rem;
  color: #162033;
  letter-spacing: -0.03em !important;
}

.page-section-intro p {
  margin-top: 0.9rem;
  color: #5f6d84 !important;
  font-size: 1.02rem !important;
  line-height: 1.78 !important;
}

.page-hero-copy h1 {
  max-width: 14ch;
  color: #121a2b;
}

.page-hero-copy {
  max-width: 43rem;
}

.page-hero-lead {
  color: #4b5a72 !important;
  font-size: clamp(1.05rem, 1.4vw, 1.18rem) !important;
  line-height: 1.8 !important;
}

.page-hero-subcopy {
  color: #66748a !important;
  font-size: 0.98rem !important;
  line-height: 1.78 !important;
}

.page-btn {
  display: inline-flex;
  min-height: var(--ds-button-height-md);
  align-items: center;
  justify-content: center;
  border-radius: var(--ds-radius-md);
  padding-inline: var(--ds-button-padding-x);
  font-size: 0.94rem;
  font-weight: 680 !important;
  letter-spacing: -0.012em;
  line-height: 1;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.page-btn:hover {
  transform: translateY(-1px);
}

.page-btn--primary {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--color-brand-700) 0%, var(--color-accent-600) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(68, 56, 202, 0.18) !important;
}

.page-btn--secondary {
  border-color: var(--ds-color-border) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--ds-color-title) !important;
  box-shadow: var(--ds-shadow-1);
}

.page-btn--light {
  border-color: rgba(255, 255, 255, 0.92) !important;
  background: #ffffff !important;
  color: #07111f !important;
  box-shadow: 0 10px 24px rgba(255, 255, 255, 0.1);
}

.page-btn--ghost-light {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.page-inline-form {
  border-color: rgba(226, 230, 255, 0.92) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: var(--ds-shadow-2) !important;
  backdrop-filter: blur(16px);
}

.page-panel {
  border-color: var(--ds-color-border) !important;
  border-radius: var(--ds-card-radius-lg) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 255, 0.96)) !important;
  box-shadow: var(--ds-shadow-3) !important;
}

.page-panel--tint {
  background:
    radial-gradient(circle at 100% 0%, rgba(236, 72, 153, 0.08), transparent 10rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 248, 255, 0.95)) !important;
}

.page-card {
  border-color: var(--ds-color-border) !important;
  border-radius: var(--ds-card-radius) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--ds-shadow-2) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.page-card:hover,
.page-card:focus-visible {
  border-color: rgba(165, 180, 252, 0.48) !important;
  box-shadow: var(--ds-shadow-3) !important;
  outline: none;
  transform: translateY(-2px);
}

.page-card--soft {
  background: rgba(247, 249, 255, 0.9) !important;
  box-shadow: none !important;
}

.page-card--soft:hover,
.page-card--soft:focus-visible {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: var(--ds-shadow-2) !important;
}

.page-card--plain:hover,
.page-card--plain:focus-visible {
  transform: none;
}

.page-card h3,
.page-card .page-card-title {
  color: #162033;
  letter-spacing: -0.02em;
}

.page-card p,
.page-card .page-card-copy {
  color: #607089 !important;
}

.page-cta-panel {
  border-color: rgba(226, 230, 255, 0.96) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 255, 0.95)) !important;
  box-shadow: 0 16px 40px rgba(11, 18, 32, 0.07) !important;
}

.page-cta-panel .page-cta-title {
  color: #162033;
  font-size: clamp(1.8rem, 2vw, 2.25rem);
  font-weight: 740;
  letter-spacing: -0.03em;
}

.page-dark-panel {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(160deg, rgba(7, 10, 26, 0.96) 0%, rgba(16, 26, 51, 0.96) 62%, rgba(67, 56, 202, 0.8) 100%) !important;
  box-shadow: 0 20px 50px rgba(7, 10, 26, 0.18) !important;
}

.page-dark-panel p {
  color: rgba(255, 255, 255, 0.74) !important;
}

.page-dark-panel h2,
.page-dark-panel h3,
.page-dark-panel strong,
.home-command-card .font-semibold,
.home-featured-post h3,
.home-featured-post__metric strong {
  color: #ffffff !important;
}

.page-kicker,
.platform-tag,
.home-chip,
.pricing-eyebrow,
.pricing-category-pill,
.bc-footer__badges span,
.bc-footer-cta__eyebrow,
.platform-showcase__eyebrow,
.home-post-row__type,
.platform-group__meta {
  display: inline-flex;
  min-height: var(--ds-badge-height);
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.34rem var(--ds-badge-padding-x);
  font-size: var(--ds-badge-font-size);
  font-weight: var(--ds-badge-font-weight);
  letter-spacing: var(--ds-badge-letter-spacing);
  line-height: 1;
}

.page-kicker,
.pricing-eyebrow,
.pricing-category-pill,
.bc-footer__badges span,
.bc-footer-cta__eyebrow,
.platform-showcase__eyebrow,
.platform-group__meta {
  border: 1px solid var(--ds-color-border);
  background: rgba(255, 255, 255, 0.92);
  color: var(--ds-color-body);
  box-shadow: var(--ds-shadow-1);
}

.platform-tag,
.home-post-row__type {
  border: 1px solid rgba(226, 230, 255, 0.95);
  background: rgba(248, 250, 255, 0.92);
  color: #475569;
}

.home-chip {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: none;
}

.page-kicker--light,
.home-chip,
.home-chip--signal,
.page-dark-panel .page-kicker--light {
  color: rgba(255, 255, 255, 0.9) !important;
}

.home-command-card p,
.home-command-card .text-white\/65,
.home-featured-post p,
.home-featured-post__metric,
.page-dark-panel p,
.page-dark-panel .text-white\/70,
.page-dark-panel .text-white\/65 {
  color: rgba(255, 255, 255, 0.8) !important;
}

body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950,
.home-featured-post.bg-ink-950,
.page-dark-panel {
  color: #ffffff;
}

body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 p,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 li,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 .text-white\/80,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 .text-white\/75,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 .text-white\/70,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 .text-white\/65,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 p,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 li,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 .text-white\/80,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 .text-white\/75,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 .text-white\/70,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 .text-white\/65 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.home-featured-post,
.home-command-card,
.page-dark-panel,
.pricing-note {
  color: #ffffff;
}

.home-featured-post a,
.pricing-note a,
.page-dark-panel a {
  color: #ffffff;
}

.pricing-table th,
.pricing-table td {
  vertical-align: middle;
}

.pricing-table tbody tr {
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

.pricing-table tbody tr:hover {
  background: #fcfbff;
  box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.18);
}

.pricing-faq-item summary,
body:not(.pricing-page)[class*="theme-"] main details.group summary,
body:not(.pricing-page)[class*="theme-"] main .divide-y details summary {
  color: var(--ds-color-title) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
}

.pricing-faq-item p,
body:not(.pricing-page)[class*="theme-"] main details.group p,
body:not(.pricing-page)[class*="theme-"] main .divide-y details p {
  color: var(--ds-color-body) !important;
}

.pricing-faq-toggle {
  border-color: var(--ds-color-border);
  background: rgba(247, 249, 255, 0.92);
  color: var(--ds-color-body);
  box-shadow: var(--ds-shadow-1);
}

.pricing-faq-item[open] {
  border-color: rgba(165, 180, 252, 0.48);
  box-shadow: var(--ds-shadow-2);
}

.page-btn,
.pricing-button,
.bc-footer-cta__primary,
.bc-footer-cta__secondary,
.bc-mobile-primary,
.bc-mobile-secondary {
  min-height: var(--ds-button-height-md);
  border-radius: var(--ds-radius-md);
  padding-inline: var(--ds-button-padding-x);
  font-size: 0.94rem;
  font-weight: 680 !important;
  letter-spacing: -0.012em;
  line-height: 1;
}

.page-btn--primary,
.pricing-button--primary,
.bc-header__cta,
.bc-footer-cta__primary,
.bc-mobile-primary {
  background: linear-gradient(135deg, var(--color-brand-700) 0%, var(--color-accent-600) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(68, 56, 202, 0.18) !important;
}

.page-btn--primary:hover,
.page-btn--primary:focus-visible,
.pricing-button--primary:hover,
.pricing-button--primary:focus-visible,
.bc-header__cta:hover,
.bc-header__cta:focus-visible,
.bc-footer-cta__primary:hover,
.bc-footer-cta__primary:focus-visible,
.bc-mobile-primary:hover,
.bc-mobile-primary:focus-visible {
  background: linear-gradient(135deg, var(--color-brand-600) 0%, var(--color-accent-500) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 36px rgba(68, 56, 202, 0.22) !important;
}

.page-btn--secondary,
.pricing-button--secondary,
.bc-footer-cta__secondary,
.bc-mobile-secondary {
  border: 1px solid var(--ds-color-border) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--ds-color-title) !important;
  box-shadow: var(--ds-shadow-1) !important;
}

.page-btn--secondary:hover,
.page-btn--secondary:focus-visible,
.pricing-button--secondary:hover,
.pricing-button--secondary:focus-visible,
.bc-footer-cta__secondary:hover,
.bc-footer-cta__secondary:focus-visible,
.bc-mobile-secondary:hover,
.bc-mobile-secondary:focus-visible {
  border-color: rgba(165, 180, 252, 0.5) !important;
  background: #ffffff !important;
  color: var(--color-brand-700) !important;
  box-shadow: var(--ds-shadow-2) !important;
}

.page-panel,
.page-card,
.platform-card,
.home-proof-card,
.home-post-row,
.pricing-table-shell,
.pricing-faq-item {
  border: 1px solid var(--ds-color-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 255, 0.96));
  box-shadow: var(--ds-shadow-2);
}

.platform-card,
.home-proof-card,
.home-post-row,
.pricing-faq-item {
  border-radius: var(--ds-card-radius) !important;
}

.platform-card:hover,
.platform-card:focus-visible,
.home-proof-card:hover,
.home-proof-card:focus-visible,
.home-post-row:hover,
.home-post-row:focus-visible,
.pricing-faq-item:hover {
  border-color: rgba(165, 180, 252, 0.48) !important;
  box-shadow: var(--ds-shadow-3) !important;
}

body:not(.pricing-page)[class*="theme-"] main > section:not(.grid-bg):not(.hero-grid) {
  padding-top: var(--ds-section-space);
  padding-bottom: var(--ds-section-space);
}

body:not(.pricing-page)[class*="theme-"] main > section .page-section-intro + *,
body:not(.pricing-page)[class*="theme-"] main > section .platform-showcase,
body:not(.pricing-page)[class*="theme-"] main > section .page-cta-panel {
  margin-top: var(--ds-section-gap);
}

body:not(.pricing-page)[class*="theme-"] {
  color: #162033;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body:not(.pricing-page)[class*="theme-"] main {
  overflow-x: clip;
}

body:not(.pricing-page)[class*="theme-"] .font-semibold {
  font-weight: 650 !important;
}

body:not(.pricing-page)[class*="theme-"] .font-bold {
  font-weight: 700 !important;
}

body:not(.pricing-page)[class*="theme-"] .font-extrabold {
  font-weight: 760 !important;
  letter-spacing: -0.03em;
}

body:not(.pricing-page)[class*="theme-"] .text-ink-700,
body:not(.pricing-page)[class*="theme-"] .text-slate-600,
body:not(.pricing-page)[class*="theme-"] .text-slate-500 {
  color: #607089 !important;
}

body:not(.pricing-page)[class*="theme-"] .text-ink-900,
body:not(.pricing-page)[class*="theme-"] .text-slate-950 {
  color: #162033 !important;
}

/* Dark sections should keep white headings instead of inheriting global title ink. */
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 h1,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 h2,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 h3,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 h4,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-900 h5,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 h1,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 h2,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 h3,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 h4,
body:not(.pricing-page)[class*="theme-"] main section.bg-ink-950 h5,
body:not(.pricing-page)[class*="theme-"] main .home-featured-post.bg-ink-950 h1,
body:not(.pricing-page)[class*="theme-"] main .home-featured-post.bg-ink-950 h2,
body:not(.pricing-page)[class*="theme-"] main .home-featured-post.bg-ink-950 h3,
body:not(.pricing-page)[class*="theme-"] main .home-featured-post.bg-ink-950 h4,
body:not(.pricing-page)[class*="theme-"] main .home-featured-post.bg-ink-950 h5 {
  color: #ffffff !important;
}

/* Dark cards and dark CTA panels also need readable heading/body colors.
   Keep this scoped to semantic copy elements so white buttons inside these
   blocks can still keep dark text when explicitly styled. */
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] h1,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] h2,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] h3,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] h4,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] h5,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] h1,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] h2,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] h3,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] h4,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] h5,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] h1,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] h2,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] h3,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] h4,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] h5,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel h1,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel h2,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel h3,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel h4,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel h5 {
  color: #ffffff !important;
}

body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] p,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] li,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-800"] blockquote,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] p,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] li,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-900"] blockquote,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] p,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] li,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-"][class*="-950"] blockquote,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel p,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel li,
body:not(.pricing-page)[class*="theme-"] main .page-dark-panel blockquote {
  color: rgba(255, 255, 255, 0.78) !important;
}

body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel,
body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel h1,
body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel h2,
body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel h3,
body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel h4,
body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel h5 {
  color: #ffffff !important;
}

body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel p,
body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel li,
body:not(.pricing-page)[class*="theme-"] main #final-verdict .final-verdict-panel .text-white\/80 {
  color: rgba(255, 255, 255, 0.86) !important;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg,
body:not(.pricing-page)[class*="theme-"] .hero-grid {
  position: relative;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg::before,
body:not(.pricing-page)[class*="theme-"] .hero-grid::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(88, 84, 245, 0.24), transparent);
  opacity: 0.8;
  pointer-events: none;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg > div,
body:not(.pricing-page)[class*="theme-"] .hero-grid > .mx-auto {
  position: relative;
  z-index: 1;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg .grid,
body:not(.pricing-page)[class*="theme-"] .hero-grid > .mx-auto > .grid {
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg h1,
body:not(.pricing-page)[class*="theme-"] .hero-grid h1 {
  max-width: 14ch;
  color: #121a2b !important;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg h1 + p,
body:not(.pricing-page)[class*="theme-"] .hero-grid h1 + p {
  color: #4b5a72 !important;
  font-size: clamp(1.05rem, 1.4vw, 1.18rem) !important;
  line-height: 1.8 !important;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg h1 + p + p,
body:not(.pricing-page)[class*="theme-"] .hero-grid h1 + p + p,
body:not(.pricing-page)[class*="theme-"] section.grid-bg form + p,
body:not(.pricing-page)[class*="theme-"] .hero-grid form + p {
  color: #66748a !important;
  font-size: 0.98rem !important;
  line-height: 1.78 !important;
}

body:not(.pricing-page)[class*="theme-"] section.grid-bg .page-panel,
body:not(.pricing-page)[class*="theme-"] .hero-grid .page-panel {
  min-height: clamp(21rem, 32vw, 28rem);
}

body:not(.pricing-page)[class*="theme-"] main [class*="inline-flex"][class*="rounded-full"][class*="border"] {
  box-shadow: 0 6px 16px rgba(11, 18, 32, 0.04);
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  backdrop-filter: blur(10px);
}

body:not(.pricing-page)[class*="theme-"] main a[class*="inline-flex"][class*="rounded-xl"][class*="justify-center"],
body:not(.pricing-page)[class*="theme-"] main button[class*="inline-flex"][class*="justify-center"],
body:not(.pricing-page)[class*="theme-"] main button[type="submit"] {
  min-height: 3.2rem;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

body:not(.pricing-page)[class*="theme-"] main a[class*="inline-flex"][class*="rounded-xl"][class*="justify-center"]:hover,
body:not(.pricing-page)[class*="theme-"] main button[class*="inline-flex"][class*="justify-center"]:hover,
body:not(.pricing-page)[class*="theme-"] main button[type="submit"]:hover {
  transform: translateY(-1px);
}

body:not(.pricing-page)[class*="theme-"] main .rounded-2xl.border.bg-white.shadow-card,
body:not(.pricing-page)[class*="theme-"] main .rounded-3xl.border.bg-white.shadow-card,
body:not(.pricing-page)[class*="theme-"] main .rounded-\[2rem\].border.bg-white.shadow-card,
body:not(.pricing-page)[class*="theme-"] main .rounded-\[2rem\].border.bg-white.shadow-sm,
body:not(.pricing-page)[class*="theme-"] main .rounded-3xl.border.bg-white.shadow-sm,
body:not(.pricing-page)[class*="theme-"] main .telegram-card,
body:not(.pricing-page)[class*="theme-"] main .mock-window,
body:not(.pricing-page)[class*="theme-"] main .toc-sidebar .rounded-3xl,
body:not(.pricing-page)[class*="theme-"] main .article-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 247, 255, 0.96)) !important;
  box-shadow: 0 16px 38px rgba(124, 58, 237, 0.08) !important;
}

body:not(.pricing-page)[class*="theme-"] main .rounded-2xl.border.bg-mist-50,
body:not(.pricing-page)[class*="theme-"] main .rounded-3xl.border.bg-mist-50,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-slate-50"].rounded-2xl,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-brand-50"].rounded-3xl,
body:not(.pricing-page)[class*="theme-"] main [class*="bg-brand-50"].rounded-2xl {
  background: rgba(250, 245, 255, 0.92) !important;
  box-shadow: none !important;
}

body:not(.pricing-page)[class*="theme-"] main .code-panel {
  background:
    linear-gradient(135deg, rgba(34, 16, 61, 0.98), rgba(91, 33, 182, 0.94), rgba(157, 23, 77, 0.9)),
    #22103d !important;
}

body:not(.pricing-page)[class*="theme-"] main .plane-shadow {
  filter: drop-shadow(0 8px 18px rgba(168, 85, 247, 0.28));
}

body:not(.pricing-page)[class*="theme-"] main .rounded-2xl.border.bg-white.shadow-card:hover,
body:not(.pricing-page)[class*="theme-"] main .rounded-3xl.border.bg-white.shadow-card:hover,
body:not(.pricing-page)[class*="theme-"] main .rounded-\[2rem\].border.bg-white.shadow-card:hover,
body:not(.pricing-page)[class*="theme-"] main .rounded-3xl.border.bg-white.shadow-sm:hover,
body:not(.pricing-page)[class*="theme-"] main .article-card:hover {
  box-shadow: 0 18px 42px rgba(11, 18, 32, 0.075) !important;
}

body:not(.pricing-page)[class*="theme-"] main .toc-sidebar .rounded-3xl {
  position: sticky;
  top: 6.5rem;
}

body:not(.pricing-page)[class*="theme-"] main .article-card p,
body:not(.pricing-page)[class*="theme-"] main .article-card li,
body:not(.pricing-page)[class*="theme-"] main .article-card blockquote {
  color: #5f6d84 !important;
  line-height: 1.82 !important;
}

body:not(.pricing-page)[class*="theme-"] main .article-card h2 {
  color: #162033;
}

body:not(.pricing-page)[class*="theme-"] main .divide-y.divide-mist-200.rounded-\[2rem\].border.border-mist-200.bg-white.shadow-card {
  box-shadow: 0 14px 36px rgba(11, 18, 32, 0.065) !important;
}

body:not(.pricing-page)[class*="theme-"] main details.group summary,
body:not(.pricing-page)[class*="theme-"] main .divide-y details summary {
  color: #162033 !important;
  font-weight: 700 !important;
}

body:not(.pricing-page)[class*="theme-"] main details.group p,
body:not(.pricing-page)[class*="theme-"] main .divide-y details p {
  color: #607089 !important;
}

.home-hero-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ds-color-border);
  border-radius: calc(var(--ds-card-radius-lg) + 0.35rem);
  background:
    radial-gradient(circle at 0% 0%, rgba(79, 70, 229, 0.08), transparent 22rem),
    radial-gradient(circle at 100% 6%, rgba(236, 72, 153, 0.08), transparent 18rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(249, 250, 255, 0.98) 48%, rgba(255, 248, 240, 0.78) 100%);
  box-shadow: 0 24px 56px rgba(11, 18, 32, 0.08);
  padding: clamp(1.3rem, 2.6vw, 2.65rem);
}

.home-hero-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(88, 84, 245, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(249, 115, 22, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.75), transparent 72%);
  pointer-events: none;
}

.home-hero-shell > .grid {
  position: relative;
  z-index: 1;
}

.home-lookup-card {
  border: 1px solid rgba(226, 230, 255, 0.95);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 42px rgba(11, 18, 32, 0.08);
  padding: 1rem;
}

.home-chip {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.82);
  white-space: nowrap;
}

.home-chip--accent {
  border-color: rgba(249, 115, 22, 0.24);
  background: rgba(255, 247, 237, 0.96);
  color: #c2410c;
}

.home-chip--signal {
  border-color: rgba(209, 250, 229, 0.36);
  background: rgba(16, 185, 129, 0.14);
  color: #d1fae5;
}

.home-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.home-proof-card {
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-card-radius);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.95));
  box-shadow: 0 12px 30px rgba(11, 18, 32, 0.05);
  padding: 1.05rem 1rem;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.home-proof-card:hover {
  border-color: rgba(165, 180, 252, 0.48);
  background: #ffffff;
  box-shadow: var(--ds-shadow-2);
  transform: translateY(-2px);
}

.home-proof-card__label {
  color: var(--color-ink-700);
  font-size: 0.75rem;
  font-weight: 700;
}

.home-proof-card__value {
  margin-top: 0.25rem;
  color: var(--color-ink-900);
  font-size: 1rem;
  font-weight: 720;
  line-height: 1.2;
}

.home-command-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: calc(var(--ds-card-radius-lg) + 0.1rem);
  background:
    radial-gradient(circle at 16% 14%, rgba(96, 165, 250, 0.16), transparent 18rem),
    linear-gradient(160deg, rgba(7, 10, 26, 0.97) 0%, rgba(16, 26, 51, 0.97) 58%, rgba(79, 70, 229, 0.74) 100%);
  box-shadow: 0 28px 64px rgba(7, 10, 26, 0.18);
  color: #ffffff;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
}

.home-command-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.42;
  pointer-events: none;
}

.home-command-card > * {
  position: relative;
  z-index: 1;
}

.home-score-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.home-score-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
  padding: 0.95rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.home-score-card__bar {
  display: block;
  height: 0.22rem;
  margin-top: 1rem;
  border-radius: 999px;
}

.home-score-card__bar--signal {
  background: linear-gradient(90deg, #10b981 0%, #67e8f9 100%);
}

.home-score-card__bar--muted {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.home-score-card__bar--warning {
  background: linear-gradient(90deg, #f97316 0%, #ec4899 100%);
}

.home-signal-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: start;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.115), rgba(255, 255, 255, 0.08));
  padding: 1rem 1rem 0.95rem;
}

.home-signal-icon {
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}

.home-signal-icon--brand {
  background: rgba(139, 135, 255, 0.18);
  color: #dad7ff;
}

.home-signal-icon--accent {
  background: rgba(249, 115, 22, 0.18);
  color: #fed7aa;
}

.home-export-card {
  border: 1px solid rgba(209, 250, 229, 0.16);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.16), rgba(16, 185, 129, 0.09));
  padding: 1rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.home-export-card span:not(.text-xs) {
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.38rem 0.72rem;
}

.home-insights-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap: 1.25rem;
  align-items: stretch;
}

.home-featured-post {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.72fr);
  gap: clamp(1.25rem, 2vw, 1.9rem);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: calc(var(--ds-card-radius-lg) + 0.1rem);
  background:
    radial-gradient(circle at 14% 12%, rgba(125, 211, 252, 0.18), transparent 18rem),
    linear-gradient(135deg, #10233f 0%, #0f1c35 48%, #4f46e5 100%);
  box-shadow: 0 24px 56px rgba(11, 18, 32, 0.16);
  color: #ffffff;
  min-height: 100%;
  padding: clamp(1.35rem, 2.5vw, 2rem);
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.home-featured-post:hover,
.home-featured-post:focus-visible {
  box-shadow: 0 24px 60px rgba(11, 18, 32, 0.18);
  outline: none;
  transform: translateY(-2px);
}

.home-featured-post__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding-right: clamp(0rem, 0.8vw, 0.6rem);
}

body[class*="theme-"] main .home-featured-post h3 {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff;
  font-size: 1.55rem !important;
  font-weight: 740 !important;
  line-height: 1.18 !important;
  text-shadow: 0 1px 10px rgba(7, 17, 31, 0.18);
}

body[class*="theme-"] main .home-featured-post p {
  color: rgba(236, 243, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(236, 243, 255, 0.82);
  max-width: 31rem;
}

.home-post-kicker {
  color: #ffd8a8;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

body[class*="theme-"] main .home-featured-post .home-post-link {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  font-size: 0.9rem;
  font-weight: 700;
}

.home-featured-post__visual {
  display: grid;
  align-content: start;
  justify-items: stretch;
  gap: 0.75rem;
  min-width: 0;
}

.home-featured-post__metric {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(238, 244, 255, 0.84);
  padding: 0.9rem 1rem;
  backdrop-filter: blur(14px);
}

.home-featured-post__metric strong {
  color: #ffffff;
  font-size: 1.15rem;
}

.home-post-list {
  display: grid;
  gap: 0.75rem;
}

.home-post-row {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-card-radius);
  background: rgba(255, 255, 255, 0.96);
  color: var(--color-ink-900);
  padding: 1rem;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.home-post-row:hover,
.home-post-row:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  background: #ffffff;
  box-shadow: var(--ds-shadow-2);
  outline: none;
  transform: translateY(-2px);
}

.home-post-row__type {
  display: inline-flex;
  width: fit-content;
  border: 1px solid rgba(249, 115, 22, 0.22);
  border-radius: 999px;
  background: rgba(255, 247, 237, 0.95);
  color: #c2410c;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.35rem 0.6rem;
}

.home-featured-post .home-post-row__type {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.88);
}

.home-post-row__copy {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.home-post-row__copy strong {
  color: var(--color-ink-900);
  font-size: 0.98rem;
  line-height: 1.35;
}

.home-post-row__copy span {
  color: var(--color-ink-700);
  font-size: 0.88rem;
  line-height: 1.55;
}

.theme-home .page-section-intro p {
  max-width: 42rem;
}

.home-value-card,
.home-workflow-card,
.home-testimonial-card,
.home-faq-item,
.home-logo-pill {
  position: relative;
  overflow: hidden;
}

.home-value-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(79, 70, 229, 0.06), transparent 8rem),
    linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(255, 255, 255, 0.98)) !important;
  box-shadow: 0 14px 34px rgba(11, 18, 32, 0.04) !important;
  padding: 1.4rem 1.3rem 1.35rem;
}

.home-value-card h3,
.home-workflow-card .text-lg {
  font-size: 1.08rem;
  font-weight: 740;
  letter-spacing: -0.02em;
}

.home-value-card p,
.home-workflow-card p,
.home-testimonial-card p {
  color: #5f6d84 !important;
  line-height: 1.72;
}

.home-workflow-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 255, 0.92), rgba(255, 255, 255, 0.98)) !important;
  box-shadow: 0 12px 30px rgba(11, 18, 32, 0.04) !important;
}

.home-pricing-panel {
  border-color: rgba(226, 230, 255, 0.96) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(79, 70, 229, 0.06), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.96)) !important;
  box-shadow: 0 20px 48px rgba(11, 18, 32, 0.065) !important;
}

.home-pricing-stat {
  position: relative;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0));
}

.home-pricing-stat .text-3xl {
  letter-spacing: -0.03em;
}

.home-logo-cloud {
  align-items: stretch;
}

.home-logo-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  background: linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(255, 255, 255, 0.98));
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.035);
}

.home-testimonial-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.96)) !important;
  box-shadow: 0 16px 38px rgba(11, 18, 32, 0.05) !important;
}

.home-testimonial-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, rgba(79, 70, 229, 0.85), rgba(236, 72, 153, 0.45));
  opacity: 0.55;
}

.home-dev-panel {
  background:
    radial-gradient(circle at 12% 10%, rgba(96, 165, 250, 0.14), transparent 16rem),
    linear-gradient(160deg, rgba(7, 10, 26, 0.98) 0%, rgba(16, 26, 51, 0.97) 60%, rgba(67, 56, 202, 0.82) 100%) !important;
  box-shadow: 0 24px 56px rgba(7, 10, 26, 0.2) !important;
}

.home-dev-code {
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.home-faq-item {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 250, 255, 0.96)) !important;
  box-shadow: 0 12px 32px rgba(11, 18, 32, 0.04) !important;
}

.home-faq-item summary span:first-child {
  color: #162033;
}

.home-final-cta {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.08), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.97)) !important;
  box-shadow: 0 22px 52px rgba(11, 18, 32, 0.07) !important;
}

.home-final-cta::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(79, 70, 229, 0.75), rgba(236, 72, 153, 0.5));
  opacity: 0.7;
}

.theme-home #trusted .page-section-intro,
.theme-home #pricing .page-kicker + h2,
.theme-home #developers .page-kicker + h2 {
  max-width: 36rem;
}

.theme-home #trusted,
.theme-home #faq {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.95));
}

@media (min-width: 640px) {
  .home-proof-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .home-insights-grid,
  .home-featured-post {
    grid-template-columns: 1fr;
  }

  .home-featured-post__content {
    padding-right: 0;
  }
}

@media (max-width: 640px) {
  .home-hero-shell,
  .home-command-card,
  .home-featured-post {
    border-radius: 24px;
  }

  .home-proof-card,
  .home-post-row {
    border-radius: 18px;
  }

  .home-score-grid {
    gap: 0.55rem;
  }

  .home-score-card {
    padding: 0.7rem;
  }

  .home-signal-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .home-signal-row .home-chip {
    grid-column: 2;
    justify-self: start;
  }

  .home-post-row {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }

  .home-value-card,
  .home-workflow-card,
  .home-testimonial-card,
  .home-faq-item,
  .home-final-cta {
    border-radius: 1.3rem !important;
  }
}

.article-anchor,
.toc-sidebar,
.article-card {
  scroll-margin-top: 96px;
}

.article-card:target {
  border-color: rgba(88, 84, 245, 0.38);
  box-shadow: 0 20px 42px rgba(88, 84, 245, 0.12);
}

.platform-showcase {
  border: 1px solid var(--ds-color-border);
  border-radius: calc(var(--ds-card-radius-lg) + 0.2rem);
  background:
    radial-gradient(circle at 16% 8%, rgba(88, 84, 245, 0.1), transparent 22rem),
    radial-gradient(circle at 88% 6%, rgba(236, 72, 153, 0.08), transparent 20rem),
    linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
  box-shadow: var(--ds-shadow-4);
  padding: clamp(1.25rem, 2.5vw, 2.5rem);
}

.platform-showcase__header {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.platform-showcase__eyebrow {
  border: 1px solid rgba(88, 84, 245, 0.2);
  background: rgba(244, 243, 255, 0.88);
  color: var(--color-brand-700);
}

.platform-showcase__header h2 {
  margin-top: 1rem;
}

.platform-showcase__header p {
  max-width: 820px;
  margin: 1rem auto 0;
  color: var(--color-ink-700);
}

.platform-group {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.platform-group + .platform-group {
  border-top: 1px solid rgba(226, 230, 255, 0.85);
  padding-top: clamp(1.6rem, 3vw, 2.25rem);
}

.platform-group__intro {
  max-width: 44rem;
  margin-bottom: 1.15rem;
}

.platform-group__intro p {
  color: #617087;
  font-size: 0.97rem;
  line-height: 1.72;
}

.platform-group__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.platform-group__label {
  color: var(--color-brand-700);
  font-size: 0.86rem;
  font-weight: 800;
  margin-bottom: 0.35rem;
}

.platform-group__head h3 {
  margin: 0;
  color: var(--color-ink-900);
  font-size: clamp(1.2rem, 1vw + 0.95rem, 1.7rem) !important;
  line-height: 1.25 !important;
}

.platform-group__meta {
  flex: none;
  border: 1px solid rgba(226, 230, 255, 0.95);
  background: #fff;
  color: var(--color-ink-600);
}

.platform-priority-strip {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.95fr);
  gap: 1rem;
  margin-top: 1.5rem;
}

.platform-priority-strip__copy,
.platform-priority-strip__stats {
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.5rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.96));
  box-shadow: 0 12px 30px rgba(11, 18, 32, 0.04);
}

.platform-priority-strip__copy {
  padding: 1.35rem 1.45rem;
}

.platform-priority-strip__copy h3 {
  margin: 0;
  color: var(--color-ink-900);
  font-size: clamp(1.25rem, 1vw + 1rem, 1.85rem) !important;
  line-height: 1.2 !important;
}

.platform-priority-strip__copy p {
  margin: 0.8rem 0 0;
  max-width: 52rem;
  color: #617087;
  font-size: 0.96rem;
  line-height: 1.72;
}

.platform-priority-strip__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 0.9rem;
}

.platform-priority-stat {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.45rem;
  border: 1px solid rgba(226, 230, 255, 0.88);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.92);
  padding: 0.95rem 0.85rem;
  text-align: center;
}

.platform-priority-stat strong {
  color: var(--color-ink-900);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.platform-priority-stat span {
  color: #617087;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.35;
}

.platform-core-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.15rem;
}

.platform-core-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: 0.9rem;
  border: 1px solid rgba(226, 230, 255, 0.98);
  border-radius: 1.55rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(79, 70, 229, 0.08), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.98));
  padding: 1.2rem;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(11, 18, 32, 0.05);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.platform-core-card:hover,
.platform-core-card:focus-visible {
  border-color: rgba(129, 140, 248, 0.45);
  box-shadow: 0 24px 48px rgba(11, 18, 32, 0.08);
  outline: none;
  transform: translateY(-2px);
}

.platform-core-card--phone {
  background:
    radial-gradient(circle at 100% 0%, rgba(67, 56, 202, 0.13), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 247, 255, 0.98));
}

.platform-core-card--carrier {
  background:
    radial-gradient(circle at 100% 0%, rgba(8, 145, 178, 0.16), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 252, 255, 0.98));
}

.platform-core-card--whatsapp {
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 211, 102, 0.16), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 255, 248, 0.98));
}

.platform-core-card--telegram {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 158, 217, 0.16), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 251, 255, 0.98));
}

.platform-core-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.platform-core-card__badge {
  display: inline-flex;
  min-height: 1.8rem;
  align-items: center;
  border: 1px solid rgba(226, 230, 255, 0.94);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  padding: 0 0.66rem;
  color: #475569;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.platform-core-card__body {
  min-height: 7.85rem;
}

.platform-core-card__title {
  margin: 0;
  color: #162033;
  font-size: 1.08rem;
  font-weight: 780;
  letter-spacing: -0.03em;
  line-height: 1.22;
}

.platform-core-card__copy {
  margin: 0.55rem 0 0;
  color: #617087;
  font-size: 0.9rem;
  line-height: 1.62;
}

.platform-core-card .platform-card__tags {
  justify-content: flex-start;
}

.platform-core-card__link {
  margin-top: auto;
  color: #24448d;
  font-size: 0.88rem;
  font-weight: 760;
}

.platform-core-grid--split {
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.28fr);
  align-items: stretch;
}

.platform-core-column {
  display: grid;
  gap: 1rem;
}

.theme-home-core-v2 .platform-core-column--utility {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.theme-home-core-v2 .platform-core-column--suite {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.platform-core-card--featured {
  min-height: 100%;
}

.platform-core-card__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.platform-core-card__stats span {
  display: inline-flex;
  min-height: 1.9rem;
  align-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 0 1px rgba(226, 230, 255, 0.9);
  padding: 0 0.74rem;
  color: #55657d;
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1;
}

.platform-suite-card {
  display: grid;
  gap: 1rem;
  min-width: 0;
  min-height: 100%;
  border: 1px solid rgba(226, 230, 255, 0.98);
  border-radius: 1.55rem;
  padding: 1.24rem;
  box-shadow: 0 18px 40px rgba(11, 18, 32, 0.05);
}

.platform-suite-card--whatsapp {
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 211, 102, 0.18), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 255, 248, 0.98));
}

.platform-suite-card--telegram {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 158, 217, 0.17), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 251, 255, 0.98));
}

.platform-suite-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.platform-suite-card__brand {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-width: 0;
}

.platform-suite-card__eyebrow {
  color: #617087;
  font-size: 0.72rem;
  font-weight: 780;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.platform-suite-card__title {
  margin: 0.16rem 0 0;
  color: #162033;
  font-size: clamp(1.18rem, 1vw + 1rem, 1.5rem);
  font-weight: 790;
  letter-spacing: -0.04em;
  line-height: 1.1;
}

.platform-suite-card__count {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.62);
  padding: 0 0.82rem;
  color: #7c3aed;
  font-size: 0.76rem;
  font-weight: 780;
  white-space: nowrap;
}

.platform-suite-card__copy {
  margin: 0;
  color: #55657d;
  font-size: 0.93rem;
  line-height: 1.65;
}

.platform-suite-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.platform-suite-link {
  display: grid;
  gap: 0.34rem;
  min-width: 0;
  min-height: 100%;
  border-radius: 1.18rem;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: inset 0 0 0 1px rgba(226, 230, 255, 0.96);
  padding: 0.95rem 0.9rem;
  color: inherit;
  text-decoration: none;
  transition: box-shadow 180ms ease, transform 180ms ease, background 180ms ease;
}

.platform-suite-link:hover,
.platform-suite-link:focus-visible {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.72), 0 10px 22px rgba(11, 18, 32, 0.06);
  outline: none;
  transform: translateY(-1px);
}

.platform-suite-link strong {
  color: #162033;
  font-size: 0.9rem;
  font-weight: 780;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.platform-suite-link span {
  color: #617087;
  font-size: 0.78rem;
  line-height: 1.48;
}

.platform-secondary-shell {
  margin-top: 1.65rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(226, 230, 255, 0.9);
}

.platform-secondary-shell__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.platform-secondary-shell__head h3 {
  margin: 0;
  color: var(--color-ink-900);
  font-size: clamp(1.18rem, 0.9vw + 1rem, 1.55rem) !important;
  line-height: 1.24 !important;
}

.platform-secondary-shell__head p {
  max-width: 32rem;
  margin: 0;
  color: #617087;
  font-size: 0.93rem;
  line-height: 1.68;
}

.platform-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 1rem;
  margin-top: 1rem;
  position: relative;
  isolation: isolate;
}

.platform-family {
  position: relative;
  overflow: visible;
  z-index: 1;
  border: 1px solid rgba(226, 230, 255, 0.95);
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, 0.9);
  padding: 1.05rem;
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.03);
}

.platform-family h4 {
  margin: 0;
  color: #162033;
  font-size: 1rem;
  font-weight: 760;
  letter-spacing: -0.02em;
}

.platform-family p {
  margin: 0.45rem 0 0;
  color: #617087;
  font-size: 0.86rem;
  line-height: 1.58;
}

.platform-family__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.95rem;
}

.platform-pill {
  position: relative;
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: 0.48rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 999px;
  background: rgba(248, 250, 255, 0.96);
  padding: 0.34rem 0.72rem 0.34rem 0.36rem;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.platform-pill:hover,
.platform-pill:focus-visible {
  z-index: 20;
  border-color: rgba(165, 180, 252, 0.5);
  background: #fff;
  box-shadow: 0 10px 20px rgba(11, 18, 32, 0.05);
  outline: none;
  transform: translateY(-1px);
}

.platform-pill--disabled {
  cursor: default;
  background: rgba(244, 246, 255, 0.92);
  border-color: rgba(219, 226, 250, 0.98);
}

.platform-pill--disabled:hover,
.platform-pill--disabled:focus-visible {
  border-color: rgba(219, 226, 250, 0.98);
  background: rgba(244, 246, 255, 0.92);
  box-shadow: none;
  outline: none;
  transform: none;
}

.platform-pill__main {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.5rem;
}

.platform-pill__logo {
  width: 1.7rem;
  height: 1.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.62rem;
  color: #fff;
  font-size: 0.62rem;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  flex: none;
}

.platform-pill__logo--asset {
  padding: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(226, 230, 255, 0.9), 0 3px 8px rgba(11, 18, 32, 0.08);
}

.platform-pill__logo-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platform-pill__name {
  min-width: 0;
  color: #223047;
  font-size: 0.81rem;
  font-weight: 740;
  line-height: 1.2;
}

.platform-pill--disabled .platform-pill__logo {
  opacity: 0.88;
}

.platform-pill--disabled .platform-pill__name {
  color: #4d5b72;
}

.platform-pill__hint {
  position: absolute;
  left: 0;
  top: calc(100% + 0.55rem);
  z-index: 14;
  width: min(20rem, calc(100vw - 4rem));
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 44px rgba(11, 18, 32, 0.1);
  padding: 0.7rem 0.8rem;
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.platform-pill:hover .platform-pill__hint,
.platform-pill:focus-visible .platform-pill__hint {
  opacity: 1;
  transform: translateY(0);
}

.platform-family--phone .platform-pill__hint {
  width: min(22rem, calc(100vw - 4rem));
}

.platform-family--phone {
  z-index: 3;
}

.platform-pill__hint-row + .platform-pill__hint-row {
  margin-top: 0.62rem;
  padding-top: 0.62rem;
  border-top: 1px solid rgba(226, 230, 255, 0.88);
}

.platform-pill__hint-title {
  display: block;
  color: #223047;
  font-size: 0.72rem;
  font-weight: 760;
  line-height: 1.35;
}

.platform-pill__hint-copy {
  display: block;
  margin-top: 0.16rem;
}

.platform-family--email .platform-family__list {
  align-items: flex-start;
}

.platform-family--email {
  z-index: 4;
}

.platform-family--email .platform-pill__hint {
  left: auto;
  right: 0;
  z-index: 18;
}

.platform-pill.is-expanded {
  z-index: 22;
  border-color: rgba(165, 180, 252, 0.52);
  background: #fff;
  box-shadow: 0 12px 28px rgba(11, 18, 32, 0.08);
}

.platform-pill__drawer {
  flex: 0 0 100%;
  margin: -0.08rem 0 0.32rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 36px rgba(11, 18, 32, 0.08);
  padding: 0.82rem 0.9rem 0.9rem;
  color: #64748b;
  font-size: 0.78rem;
  line-height: 1.56;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.platform-pill__drawer.is-open {
  opacity: 1;
  transform: translateY(0);
}

.platform-pill__drawer-body {
  min-width: 0;
}

.platform-pill__drawer-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.72rem;
  padding-top: 0.68rem;
  border-top: 1px solid rgba(226, 230, 255, 0.88);
}

.platform-pill__drawer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  border-radius: 999px;
  padding: 0.52rem 0.92rem;
  font-size: 0.75rem;
  font-weight: 740;
  line-height: 1;
}

.platform-pill__drawer-link {
  color: #7c3aed;
  text-decoration: none;
  background: rgba(245, 243, 255, 0.95);
  box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.7);
}

.platform-pill__drawer-link:hover,
.platform-pill__drawer-link:focus-visible {
  background: rgba(237, 233, 254, 0.98);
  outline: none;
}

@media (hover: none), (pointer: coarse) {
  .platform-pill__hint {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }

  .platform-pill,
  .platform-core-card,
  .platform-feature-card,
  .page-btn,
  .bc-menu-card,
  .bc-menu-link-grid a {
    transform: none !important;
  }
}

@media (orientation: landscape) and (max-height: 760px) {
  body:not(.pricing-page)[class*="theme-"] section.grid-bg > div {
    padding-top: clamp(2.5rem, 7vh, 4.25rem) !important;
    padding-bottom: clamp(2.5rem, 7vh, 4rem) !important;
  }

  .home-hero-shell {
    padding: clamp(1rem, 2vw, 1.35rem);
  }

  .home-proof-grid {
    gap: 0.72rem;
  }
}

@media print {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
  }

  body {
    background: #fff !important;
    color: #111827 !important;
    font-size: 11.5pt;
  }

  #site-header,
  #site-footer,
  .bc-mobile-toggle,
  .page-kicker,
  .page-btn,
  .platform-pill__hint,
  .article-pagination,
  .home-proof-grid,
  .visual-canvas::before {
    display: none !important;
  }

  main > section {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    border: 0 !important;
    background: #fff !important;
  }

  a,
  a:visited {
    color: inherit !important;
    text-decoration: none !important;
  }

  .page-card,
  .platform-core-card,
  .platform-family,
  .article-cover,
  .article-summary-strip {
    border: 1px solid #d7dce8 !important;
    background: #fff !important;
    page-break-inside: avoid;
  }
}

.platform-logo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 0.85rem;
}

.platform-logo-grid--compact {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.platform-logo-grid--seven {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.platform-featured-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.platform-featured-grid--six {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.platform-featured-grid--seven {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.platform-featured-grid--six .platform-feature-card,
.platform-featured-grid--seven .platform-feature-card {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.platform-featured-grid--six .platform-feature-card .platform-card__tags,
.platform-featured-grid--seven .platform-feature-card .platform-card__tags {
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.24rem;
}

.platform-featured-grid--six .platform-feature-card .platform-feature-card__top,
.platform-featured-grid--seven .platform-feature-card .platform-feature-card__top {
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-height: 3rem;
}

.platform-featured-grid--six .platform-feature-card .platform-feature-card__title,
.platform-featured-grid--seven .platform-feature-card .platform-feature-card__title {
  min-height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.platform-featured-grid--six .platform-feature-card .platform-tag,
.platform-featured-grid--seven .platform-feature-card .platform-tag {
  min-height: 1.55rem;
  padding: 0 0.46rem;
  font-size: 0.64rem;
  letter-spacing: 0.02em;
  border-radius: 999px;
}

.platform-featured-grid--wide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.platform-feature-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: 0.72rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.4rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(79, 70, 229, 0.06), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.96));
  padding: 0.95rem 0.9rem 0.9rem;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(11, 18, 32, 0.045);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.platform-feature-card:hover,
.platform-feature-card:focus-visible {
  border-color: rgba(165, 180, 252, 0.52);
  box-shadow: 0 18px 40px rgba(11, 18, 32, 0.065);
  outline: none;
  transform: translateY(-2px);
}

.platform-feature-card__top {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.62rem;
}

.platform-feature-card__eyebrow {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 999px;
  background: rgba(248, 250, 255, 0.94);
  padding: 0 0.58rem;
  color: #6b7a91;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.platform-feature-card__title {
  color: #162033;
  font-size: 0.96rem;
  font-weight: 760;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.platform-feature-card__copy {
  min-height: 4.4rem;
  color: #617087;
  font-size: 0.84rem;
  line-height: 1.58;
  margin: 0;
}

.platform-more {
  margin-top: 1rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.035);
  overflow: hidden;
}

.platform-more > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  padding: 0.95rem 1rem;
  color: #24448d;
  font-size: 0.92rem;
  font-weight: 720;
}

.platform-more > summary::-webkit-details-marker {
  display: none;
}

.platform-more > summary::after {
  content: "+";
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 999px;
  background: rgba(248, 250, 255, 0.94);
  color: #475569;
  font-size: 1rem;
  line-height: 1;
}

.platform-more[open] > summary::after {
  content: "-";
}

.platform-more__content {
  border-top: 1px solid rgba(226, 230, 255, 0.92);
  padding: 1rem;
}

.platform-card {
  min-height: 154px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-card-radius);
  background: rgba(255, 255, 255, 0.96);
  color: var(--color-ink-900);
  cursor: pointer;
  padding: 1rem 0.75rem;
  text-align: center;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.platform-more .platform-card {
  min-height: 142px;
  background: rgba(249, 250, 255, 0.9);
}

.platform-card:hover,
.platform-card:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  background: #fff;
  box-shadow: var(--ds-shadow-3);
  outline: none;
  transform: translateY(-2px);
}

.platform-logo {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28), 0 8px 18px rgba(11, 18, 32, 0.1);
}

.platform-logo--asset {
  padding: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(226, 230, 255, 0.9), 0 8px 18px rgba(11, 18, 32, 0.1);
}

.platform-logo__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platform-card__name {
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-ink-800);
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.18;
}

.platform-card__tags {
  min-height: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.32rem;
}

.platform-tag {
  border: 1px solid rgba(226, 230, 255, 0.95);
  background: var(--color-mist-50);
  color: var(--color-ink-700);
}

.platform-tag--phone {
  border-color: rgba(100, 116, 139, 0.26);
  background: rgba(248, 250, 252, 0.96);
  color: #334155;
}

.platform-tag--email {
  border-color: rgba(148, 163, 184, 0.3);
  background: rgba(255, 255, 255, 0.96);
  color: #475569;
}

.platform-tag--age {
  border-color: rgba(219, 39, 119, 0.18);
  background: rgba(255, 241, 250, 0.95);
  color: #be185d;
}

.platform-logo--phone { background: #4438ca; }
.platform-logo--carrier { background: #0891b2; }
.platform-logo--voip { background: #0f172a; }
.platform-logo--whatsapp { background: #25d366; }
.platform-logo--telegram { background: #229ed9; }
.platform-logo--viber { background: #7360f2; }
.platform-logo--imessage { background: #34c759; }
.platform-logo--rcs { background: #4285f4; }
.platform-logo--signal { background: #3a76f0; }
.platform-logo--line { background: #06c755; }
.platform-logo--zalo { background: #0068ff; }
.platform-logo--band { background: #00c73c; }
.platform-logo--snapchat { background: #fffc00; color: #111827; }
.platform-logo--threads { background: #111827; }
.platform-logo--messenger { background: #0084ff; }
.platform-logo--facebook { background: #1877f2; }
.platform-logo--instagram { background: linear-gradient(135deg, #feda75 0%, #fa7e1e 27%, #d62976 56%, #962fbf 78%, #4f5bd5 100%); }
.platform-logo--x { background: #111827; }
.platform-logo--apple { background: #111827; }
.platform-logo--amazon { background: #ff9900; color: #111827; }
.platform-logo--netflix { background: #e50914; }
.platform-logo--microsoft { background: conic-gradient(#7fba00 0 25%, #00a4ef 0 50%, #ffb900 0 75%, #f25022 0); }
.platform-logo--spotify { background: #1db954; }
.platform-logo--goto { background: #00b8a9; }
.platform-logo--indiatimes { background: #ff7a00; }
.platform-logo--binance { background: #f0b90b; color: #0b0e11; }
.platform-logo--kucoin { background: #24ae8f; }
.platform-logo--htx { background: #2f7bff; }
.platform-logo--coinw { background: #0ea5e9; }
.platform-logo--cian { background: #64748b; }

@media (max-width: 640px) {
  .platform-showcase {
    border-radius: 24px;
    padding: 1rem;
  }

  .platform-priority-strip__stats {
    grid-template-columns: 1fr;
  }

  .platform-feature-card,
  .platform-more,
  .platform-core-card,
  .platform-family {
    border-radius: 1.15rem;
  }

  .platform-group__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .platform-logo-grid,
  .platform-logo-grid--compact,
  .platform-logo-grid--seven {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }

  .platform-card {
    min-height: 138px;
    border-radius: 18px;
    padding: 0.85rem 0.5rem;
  }

  .platform-logo {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 0.78rem;
  }

  .platform-card__name {
    font-size: 0.9rem;
  }

  .platform-core-card {
    padding: 1.05rem;
  }

  .platform-core-card__body {
    min-height: 0;
  }

  .platform-pill {
    width: 100%;
    justify-content: flex-start;
  }

  .platform-pill__drawer {
    padding: 0.78rem 0.82rem 0.84rem;
  }
}

@media (max-width: 1023px) {
  .platform-priority-strip,
  .platform-secondary-shell__head {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .platform-core-grid,
  .platform-secondary-grid {
    grid-template-columns: 1fr;
  }

  .platform-suite-list {
    grid-template-columns: 1fr;
  }

  .platform-featured-grid,
  .platform-featured-grid--six,
  .platform-featured-grid--seven,
  .platform-featured-grid--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  .platform-logo-grid--seven {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .platform-core-grid,
  .platform-secondary-grid {
    grid-template-columns: 1fr;
  }

  .platform-featured-grid,
  .platform-featured-grid--six,
  .platform-featured-grid--seven,
  .platform-featured-grid--wide {
    grid-template-columns: 1fr;
  }

  .platform-feature-card__copy {
    min-height: 0;
  }

  .platform-more__content {
    padding: 0.8rem;
  }

  .platform-pill__hint {
    display: none;
  }
}

@media (max-width: 1279px) and (min-width: 1024px) {
  .platform-featured-grid--six,
  .platform-featured-grid--seven {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.theme-home-alt .platform-tabs-showcase {
  padding: clamp(1.35rem, 2.8vw, 2.7rem);
}

.theme-home-alt .platform-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 2rem;
  padding: 0.35rem;
  border: 1px solid rgba(226, 230, 255, 0.95);
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.theme-home-alt .platform-tabs__trigger {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  color: #5b6a81;
  font-size: 0.92rem;
  font-weight: 720;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.theme-home-alt .platform-tabs__trigger:hover,
.theme-home-alt .platform-tabs__trigger:focus-visible {
  background: rgba(247, 249, 255, 0.96);
  color: #162033;
  outline: none;
}

.theme-home-alt .platform-tabs__trigger.is-active {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 246, 255, 0.96));
  color: #24448d;
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.06);
}

.theme-home-alt .platform-tabs__panel-wrap {
  margin-top: 1.15rem;
}

.theme-home-alt .platform-tabs__panel {
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.6rem;
  background:
    radial-gradient(circle at 0% 0%, rgba(79, 70, 229, 0.06), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.97));
  padding: 1.25rem;
  box-shadow: 0 18px 44px rgba(11, 18, 32, 0.05);
}

.theme-home-alt .platform-tabs__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.2rem;
  align-items: end;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(226, 230, 255, 0.88);
}

.theme-home-alt .platform-tabs__copy h3 {
  margin: 0.45rem 0 0;
  color: #162033;
  font-size: clamp(1.35rem, 1vw + 1rem, 1.9rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em;
}

.theme-home-alt .platform-tabs__copy p {
  margin: 0.75rem 0 0;
  max-width: 42rem;
  color: #617087;
  font-size: 1rem;
  line-height: 1.72;
}

.theme-home-alt .platform-tabs__eyebrow {
  display: inline-flex;
  min-height: var(--ds-badge-height);
  align-items: center;
  border: 1px solid rgba(88, 84, 245, 0.2);
  border-radius: 999px;
  background: rgba(244, 243, 255, 0.88);
  padding: 0 0.72rem;
  color: #24448d;
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.theme-home-alt .platform-tabs__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
  max-width: 18rem;
}

.theme-home-alt .platform-tabs__meta span {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  border: 1px solid rgba(226, 230, 255, 0.95);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  padding: 0 0.78rem;
  color: #5f6d84;
  font-size: 0.82rem;
  font-weight: 650;
}

.theme-home-alt .platform-tabs__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.1rem;
}

.theme-home-alt .platform-tabs__card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: 0.8rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, 0.96);
  padding: 1rem;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(11, 18, 32, 0.035);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.theme-home-alt .platform-tabs__card:hover,
.theme-home-alt .platform-tabs__card:focus-visible {
  border-color: rgba(165, 180, 252, 0.5);
  box-shadow: 0 18px 38px rgba(11, 18, 32, 0.06);
  outline: none;
  transform: translateY(-2px);
}

.theme-home-alt .platform-tabs__card--soft {
  background:
    radial-gradient(circle at 100% 0%, rgba(79, 70, 229, 0.06), transparent 7rem),
    linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.theme-home-alt .platform-tabs__card-title {
  color: #162033;
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.32;
}

.theme-home-alt .platform-tabs__card p {
  margin: 0;
  color: #617087;
  font-size: 0.9rem;
  line-height: 1.65;
}

.theme-home-alt .platform-tabs__mini-label {
  display: inline-flex;
  width: fit-content;
  min-height: 1.7rem;
  align-items: center;
  border: 1px solid rgba(226, 230, 255, 0.95);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  padding: 0 0.6rem;
  color: #6b7a91;
  font-size: 0.72rem;
  font-weight: 720;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.theme-home-alt .platform-tabs__text-link {
  color: #24448d;
  font-size: 0.88rem;
  font-weight: 700;
}

@media (max-width: 1023px) {
  .theme-home-alt .platform-tabs__hero,
  .theme-home-alt .platform-tabs__grid {
    grid-template-columns: 1fr;
  }

  .theme-home-alt .platform-tabs__meta {
    justify-content: flex-start;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .theme-home-alt .platform-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .theme-home-alt .platform-tabs__panel {
    border-radius: 1.25rem;
    padding: 1rem;
  }

  .theme-home-alt .platform-tabs__card {
    border-radius: 1.15rem;
  }
}

.theme-products-hub {
  background:
    radial-gradient(circle at 18% 10%, rgba(124, 58, 237, 0.08), transparent 24rem),
    radial-gradient(circle at 82% 18%, rgba(236, 72, 153, 0.07), transparent 24rem),
    linear-gradient(180deg, #fcfcff 0%, #f7f7ff 46%, #f4f5ff 100%);
}

.products-hero-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(226, 230, 255, 0.92);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 14% 16%, rgba(124, 58, 237, 0.09), transparent 16rem),
    radial-gradient(circle at 86% 18%, rgba(219, 39, 119, 0.08), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 251, 255, 0.94));
  padding: clamp(1.4rem, 2.4vw, 2rem);
  box-shadow: 0 24px 56px rgba(11, 18, 32, 0.06);
}

.products-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.85fr);
  gap: 1rem;
  align-items: stretch;
}

.products-hero-copy {
  max-width: 50rem;
}

.products-hero-copy h1 {
  max-width: 15ch;
}

.products-hero-copy p {
  max-width: 58rem;
}

.products-hero-meta {
  display: grid;
  gap: 0.8rem;
}

.products-hero-stat {
  display: grid;
  gap: 0.18rem;
  border: 1px solid rgba(226, 230, 255, 0.94);
  border-radius: 1.3rem;
  background: rgba(255, 255, 255, 0.84);
  padding: 1rem 1.05rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.products-hero-stat strong {
  color: #162033;
  font-size: 1.2rem;
  font-weight: 780;
  letter-spacing: -0.03em;
}

.products-hero-stat span {
  color: #617087;
  font-size: 0.82rem;
  line-height: 1.55;
}

.catalog-jump-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.9rem;
}

.catalog-jump-card {
  display: grid;
  gap: 0.42rem;
  min-height: 100%;
  border: 1px solid rgba(226, 230, 255, 0.95);
  border-radius: 1.4rem;
  background: rgba(255, 255, 255, 0.9);
  padding: 1rem;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.035);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.catalog-jump-card:hover,
.catalog-jump-card:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  box-shadow: 0 16px 32px rgba(11, 18, 32, 0.05);
  outline: none;
  transform: translateY(-1px);
}

.catalog-jump-card strong {
  color: #162033;
  font-size: 0.96rem;
  font-weight: 760;
  letter-spacing: -0.02em;
}

.catalog-jump-card span {
  color: #617087;
  font-size: 0.8rem;
  line-height: 1.52;
}

.catalog-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.catalog-feature-card {
  display: grid;
  gap: 0.85rem;
  min-height: 100%;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(124, 58, 237, 0.08), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.96));
  padding: 1.15rem;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 16px 36px rgba(11, 18, 32, 0.045);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.catalog-feature-card:hover,
.catalog-feature-card:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  box-shadow: 0 20px 40px rgba(11, 18, 32, 0.07);
  outline: none;
  transform: translateY(-1px);
}

.catalog-feature-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.catalog-feature-card__top .platform-logo {
  flex: none;
}

.catalog-feature-badge {
  display: inline-flex;
  min-height: 1.85rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(226, 230, 255, 0.92);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  padding: 0 0.66rem;
  color: #5d6b82;
  font-size: 0.72rem;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
}

.catalog-feature-card h3 {
  margin: 0;
  color: #162033;
  font-size: 1.06rem;
  font-weight: 780;
  letter-spacing: -0.03em;
}

.catalog-feature-card p {
  margin: 0;
  color: #617087;
  font-size: 0.87rem;
  line-height: 1.62;
}

.catalog-category + .catalog-category {
  margin-top: 1.25rem;
}

.catalog-category__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.catalog-category__header p {
  max-width: 44rem;
  margin: 0.5rem 0 0;
  color: #617087;
  font-size: 0.94rem;
  line-height: 1.72;
}

.catalog-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.catalog-card {
  display: grid;
  gap: 0.95rem;
  min-width: 0;
  min-height: 100%;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.45rem;
  background: rgba(255, 255, 255, 0.9);
  padding: 1.05rem;
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.035);
}

.catalog-card__top {
  display: flex;
  align-items: flex-start;
  gap: 0.82rem;
}

.catalog-card__top .platform-logo {
  flex: none;
}

.catalog-card__eyebrow {
  color: #7c3aed;
  font-size: 0.72rem;
  font-weight: 760;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.catalog-card h3 {
  margin: 0.16rem 0 0;
  color: #162033;
  font-size: 1rem;
  font-weight: 770;
  letter-spacing: -0.025em;
  line-height: 1.18;
}

.catalog-card__summary {
  margin: 0;
  color: #617087;
  font-size: 0.84rem;
  line-height: 1.62;
}

.catalog-variant-list {
  display: grid;
  gap: 0.55rem;
}

.catalog-variant {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
  border: 1px solid rgba(230, 234, 248, 0.94);
  border-radius: 1rem;
  background: rgba(248, 250, 255, 0.92);
  padding: 0.78rem 0.82rem;
  color: inherit;
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.catalog-variant--link:hover,
.catalog-variant--link:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 10px 22px rgba(11, 18, 32, 0.04);
  outline: none;
}

.catalog-variant__copy {
  min-width: 0;
}

.catalog-variant__copy strong {
  display: block;
  color: #162033;
  font-size: 0.86rem;
  font-weight: 740;
  line-height: 1.35;
}

.catalog-variant__copy span {
  display: block;
  margin-top: 0.18rem;
  color: #68778f;
  font-size: 0.75rem;
  line-height: 1.48;
}

.catalog-variant__price {
  flex: none;
  color: #7c3aed;
  font-size: 0.72rem;
  font-weight: 760;
  line-height: 1.25;
  text-align: right;
  white-space: nowrap;
}

.catalog-variant--plain .catalog-variant__price {
  color: #617087;
}

.catalog-note {
  margin-top: 1rem;
  border: 1px solid rgba(226, 230, 255, 0.92);
  border-radius: 1.3rem;
  background: rgba(255, 255, 255, 0.88);
  padding: 0.95rem 1rem;
  color: #617087;
  font-size: 0.86rem;
  line-height: 1.66;
}

@media (max-width: 1279px) {
  .products-hero-grid,
  .catalog-feature-grid,
  .catalog-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-jump-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .products-hero-grid,
  .catalog-feature-grid,
  .catalog-card-grid,
  .catalog-jump-grid {
    grid-template-columns: 1fr;
  }

  .products-hero-copy h1 {
    max-width: none;
  }

  .catalog-variant {
    flex-direction: column;
  }

  .catalog-variant__price {
    text-align: left;
    white-space: normal;
  }
}

.toc-sidebar {
  align-self: start;
}

.article-shell {
  display: block;
  width: min(100%, 56rem);
  margin-inline: auto;
}

.article-main {
  min-width: 0;
  width: 100%;
}

.article-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.48rem;
  color: #6b7a91;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.article-breadcrumbs a {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  border-radius: 999px;
  padding: 0 0.18rem;
  color: #55647c;
  text-decoration: none;
  transition: color 180ms ease;
}

.article-breadcrumbs a:hover,
.article-breadcrumbs a:focus-visible {
  color: #24448d;
  outline: none;
  box-shadow: 0 0 0 3px rgb(86 102 151 / 0.16);
}

.article-breadcrumbs span[aria-hidden="true"] {
  color: #a0acc1;
}

.products-directory-hero__copy {
  display: grid;
  gap: 0;
}

.products-directory-hero .article-breadcrumbs {
  margin-bottom: 0.95rem;
  color: #74839a;
  font-size: 0.88rem;
  font-weight: 650;
}

.products-directory-hero .article-breadcrumbs a {
  color: #627189;
}

.products-directory-hero .article-breadcrumbs a:hover,
.products-directory-hero .article-breadcrumbs a:focus-visible {
  color: #2c3d63;
}

.products-directory-hero__title {
  margin: 0;
  max-width: 16ch;
  color: #162033;
  font-size: clamp(2.1rem, 4.6vw, 3.7rem);
  font-weight: 820;
  letter-spacing: -0.05em;
  line-height: 0.98;
  text-wrap: balance;
}

.products-directory-hero__lead {
  max-width: 46rem;
  margin: 1rem 0 0;
  color: #53647d;
  font-size: clamp(1rem, 1.7vw, 1.22rem);
  font-weight: 500;
  line-height: 1.58;
}

.products-directory-hot-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.4rem;
}

.products-directory-hot-link {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  gap: 0.72rem;
  border: 1px solid rgba(223, 228, 250, 0.98);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  padding: 0.42rem 1rem 0.42rem 0.48rem;
  color: #162033;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(11, 18, 32, 0.035);
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.products-directory-hot-link:hover,
.products-directory-hot-link:focus-visible {
  border-color: rgba(165, 180, 252, 0.54);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 26px rgba(11, 18, 32, 0.05);
  outline: none;
  transform: translateY(-1px);
}

.products-directory-hot-link__logo {
  width: 2rem;
  height: 2rem;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef2ff;
  color: #24448d;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  overflow: hidden;
}

.products-directory-hot-link__logo--carrier {
  background: linear-gradient(135deg, #0891b2 0%, #2563eb 100%);
  color: #fff;
}

.products-directory-hot-link__logo--asset {
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(226, 230, 255, 0.9);
}

.products-directory-hot-link__logo--asset img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.products-directory-hot-link__label {
  color: #162033;
  font-size: 1rem;
  font-weight: 720;
  letter-spacing: -0.025em;
  line-height: 1.2;
  white-space: nowrap;
}

.products-directory-section-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

.products-directory-section-link {
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  border: 1px solid rgba(230, 234, 248, 0.96);
  border-radius: 999px;
  background: rgba(245, 247, 255, 0.9);
  padding: 0 0.85rem;
  color: #5b6b84;
  font-size: 0.83rem;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.products-directory-section-link:hover,
.products-directory-section-link:focus-visible {
  border-color: rgba(193, 203, 243, 0.96);
  background: rgba(255, 255, 255, 0.96);
  color: #2c3d63;
  outline: none;
}

.products-directory-hero__note {
  margin: 0.95rem 0 0;
  color: #6f7f96;
  font-size: 0.84rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .products-directory-hero__title {
    max-width: none;
  }

  .products-directory-hot-links {
    gap: 0.6rem;
  }

  .products-directory-hot-link {
    min-height: 2.85rem;
    padding-right: 0.9rem;
  }

  .products-directory-hot-link__label {
    font-size: 0.95rem;
    white-space: normal;
  }
}

.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.35rem;
}

.article-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  border: 1px solid rgba(228, 232, 250, 0.92);
  border-radius: 999px;
  background: rgba(247, 249, 255, 0.96);
  padding: 0 0.82rem;
  color: #5f6d84;
  font-size: 0.82rem;
  font-weight: 650;
}

.article-cover {
  overflow: hidden;
  margin-top: 1.8rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.7rem;
  background: rgba(247, 249, 255, 0.96);
  box-shadow: 0 18px 42px rgba(11, 18, 32, 0.08);
}

.article-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.article-cover figcaption {
  border-top: 1px solid rgba(228, 232, 250, 0.92);
  padding: 0.9rem 1rem 1rem;
  color: #6b7a91;
  font-size: 0.82rem;
  line-height: 1.65;
}

.article-summary-strip {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
}

.article-summary-strip__item {
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.15rem;
  background: rgba(247, 249, 255, 0.88);
  padding: 0.95rem 1rem;
}

.article-summary-strip__label {
  display: block;
  color: #7a869c;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.article-summary-strip__value {
  display: block;
  margin-top: 0.38rem;
  color: #162033;
  font-size: 0.98rem;
  font-weight: 720;
  line-height: 1.4;
}

.article-author {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  margin-top: 1.2rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.35rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.96));
  padding: 1rem 1.05rem;
}

.article-author__avatar {
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(196, 204, 255, 0.9);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(236, 72, 153, 0.1));
  color: #24448d;
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.article-author__eyebrow {
  color: #7a869c;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.article-author__name {
  margin-top: 0.18rem;
  color: #162033;
  font-size: 1rem;
  font-weight: 740;
  letter-spacing: -0.02em;
}

.article-author__role {
  margin-top: 0.1rem;
  color: #617087;
  font-size: 0.86rem;
  line-height: 1.6;
}

.article-author__bio {
  margin-top: 0.55rem;
  color: #5f6d84;
  font-size: 0.9rem;
  line-height: 1.75;
}

.article-author__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.8rem;
}

.article-author__links a {
  color: #2454c5;
  font-size: 0.86rem;
  font-weight: 650;
  text-decoration: none;
}

.article-author__links a:hover,
.article-author__links a:focus-visible {
  color: #1d3f8f;
  text-decoration: underline;
  outline: none;
}

.article-sidecard {
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.45rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 255, 0.96));
  padding: 1.1rem;
  box-shadow: 0 14px 36px rgba(11, 18, 32, 0.065);
}

.article-sidecard + .article-sidecard {
  margin-top: 1rem;
}

.article-sidecard h3 {
  margin: 0;
  color: #162033;
  font-size: 0.95rem;
  font-weight: 740;
  letter-spacing: -0.02em;
}

.article-sidecard p,
.article-sidecard li {
  color: #617087;
  font-size: 0.88rem;
  line-height: 1.72;
}

.article-toc-block {
  margin-top: 1.2rem;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.35rem;
  background: rgba(247, 249, 255, 0.76);
  padding: 1rem 1.05rem;
}

.article-toc-block__eyebrow {
  color: #7a869c;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.article-toc-block__title {
  margin-top: 0.28rem;
  color: #162033;
  font-size: 1rem;
  font-weight: 730;
  letter-spacing: -0.02em;
}

.article-toc-block .article-toc {
  margin-top: 0.85rem;
}

.article-toc {
  margin-top: 0.9rem;
  display: grid;
  gap: 0.32rem;
}

.article-toc a {
  display: block;
  border-radius: 0.92rem;
  padding: 0.62rem 0.72rem;
  color: #55647c;
  font-size: 0.88rem;
  font-weight: 620;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}

.article-toc a:hover,
.article-toc a:focus-visible {
  background: rgba(247, 249, 255, 0.96);
  color: #24448d;
  outline: none;
}

.article-prose {
  max-width: 72ch;
  color: #5a687f;
  font-size: 1rem;
  line-height: 1.8;
}

.article-prose > * + * {
  margin-top: 1.15rem;
}

.article-prose > section + section {
  margin-top: 2.35rem;
}

.article-prose .article-lead {
  color: #42526a;
  font-size: 1.09rem;
  line-height: 1.88;
}

.article-prose h2,
.article-prose h3,
.article-prose h4 {
  color: #162033;
  letter-spacing: -0.03em;
}

.article-prose h2 {
  margin-top: 2.4rem;
  font-size: clamp(1.55rem, 1.1vw + 1.2rem, 2rem);
  line-height: 1.2;
}

.article-prose h3 {
  margin-top: 1.9rem;
  font-size: clamp(1.16rem, 0.6vw + 1rem, 1.4rem);
  line-height: 1.3;
}

.article-prose h4 {
  margin-top: 1.45rem;
  font-size: 1rem;
  line-height: 1.38;
}

.article-prose p,
.article-prose li,
.article-prose blockquote,
.article-prose td {
  color: #5a687f;
}

.article-prose a {
  color: #2454c5;
  text-decoration: underline;
  text-decoration-color: rgba(36, 84, 197, 0.25);
  text-underline-offset: 0.18em;
}

.article-prose a:hover,
.article-prose a:focus-visible {
  color: #1d3f8f;
  text-decoration-color: rgba(29, 63, 143, 0.35);
  outline: none;
}

.article-prose strong {
  color: #162033;
  font-weight: 720;
}

.article-prose ul,
.article-prose ol {
  margin: 1rem 0;
  padding-left: 1.2rem;
}

.article-prose ul {
  list-style: disc;
}

.article-prose ol {
  list-style: decimal;
}

.article-prose li + li {
  margin-top: 0.55rem;
}

.article-prose ul ul,
.article-prose ul ol,
.article-prose ol ul,
.article-prose ol ol {
  margin-top: 0.65rem;
  margin-bottom: 0;
}

.article-prose li::marker {
  color: #7584a0;
}

.article-prose hr {
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid rgba(228, 232, 250, 0.92);
}

.article-prose blockquote {
  margin: 1.5rem 0;
  border-left: 3px solid rgba(79, 70, 229, 0.3);
  background: rgba(247, 249, 255, 0.9);
  padding: 1rem 1.1rem 1rem 1.2rem;
  border-radius: 0 1rem 1rem 0;
  font-size: 0.98rem;
}

.article-prose figure {
  margin: 1.6rem 0;
}

.article-prose figure img {
  display: block;
  width: 100%;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.35rem;
  background: rgba(247, 249, 255, 0.94);
}

.article-prose figcaption {
  margin-top: 0.65rem;
  color: #7a869c;
  font-size: 0.82rem;
  line-height: 1.65;
  text-align: center;
}

.article-prose :not(pre) > code {
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 0.58rem;
  background: rgba(247, 249, 255, 0.94);
  padding: 0.14rem 0.42rem;
  color: #1f3e8a;
  font-size: 0.9em;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.article-prose pre {
  position: relative;
  overflow-x: auto;
  border: 1px solid rgba(13, 26, 52, 0.22);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(7, 17, 31, 0.98), rgba(11, 59, 99, 0.96));
  padding: 2.7rem 1.1rem 1rem;
  box-shadow: 0 18px 42px rgba(10, 18, 35, 0.16);
}

.article-prose pre[data-lang]::before {
  content: attr(data-lang);
  position: absolute;
  top: 0.8rem;
  left: 1rem;
  display: inline-flex;
  min-height: 1.55rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  padding: 0 0.55rem;
  color: rgba(235, 243, 255, 0.78);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.article-prose pre code {
  display: block;
  min-width: max-content;
  background: transparent;
  padding: 0;
  color: rgba(235, 243, 255, 0.92);
  font-size: 0.9rem;
  line-height: 1.72;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.article-table-wrap {
  overflow-x: auto;
  margin: 1.55rem 0;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.98);
}

.article-prose table {
  width: 100%;
  min-width: 40rem;
  border-collapse: collapse;
}

.article-prose th,
.article-prose td {
  padding: 0.95rem 1rem;
  border-bottom: 1px solid rgba(228, 232, 250, 0.92);
  text-align: left;
  vertical-align: top;
  font-size: 0.94rem;
  line-height: 1.7;
}

.article-prose thead th {
  background: rgba(247, 249, 255, 0.96);
  color: #162033;
  font-size: 0.83rem;
  font-weight: 760;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.article-prose tbody tr:last-child td {
  border-bottom: 0;
}

.article-prose tbody tr:nth-child(even) td {
  background: rgba(247, 249, 255, 0.72);
}

.article-note {
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.25rem;
  background: rgba(247, 249, 255, 0.92);
  padding: 1rem 1.1rem;
}

.article-note strong {
  display: block;
  margin-bottom: 0.35rem;
}

.article-pagination {
  display: grid;
  gap: 1rem;
  margin-top: 1.4rem;
}

.article-pagination__link {
  display: block;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.4rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.96));
  padding: 1.05rem 1.1rem;
  text-decoration: none;
  box-shadow: 0 14px 36px rgba(11, 18, 32, 0.055);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.article-pagination__link:hover,
.article-pagination__link:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  box-shadow: 0 18px 42px rgba(11, 18, 32, 0.075);
  outline: none;
  transform: translateY(-1px);
}

.article-pagination__eyebrow {
  display: block;
  color: #7a869c;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.article-pagination__title {
  display: block;
  margin-top: 0.42rem;
  color: #162033;
  font-size: 1rem;
  font-weight: 730;
  line-height: 1.45;
}

.article-pagination__meta {
  display: block;
  margin-top: 0.35rem;
  color: #617087;
  font-size: 0.87rem;
  line-height: 1.65;
}

@media (min-width: 1024px) {
  .article-summary-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .article-prose {
    font-size: 0.97rem;
  }

  .article-prose h2 {
    margin-top: 2rem;
  }

  .article-meta {
    gap: 0.5rem;
  }

  .article-meta span {
    font-size: 0.78rem;
  }

  .article-cover {
    border-radius: 1.35rem;
  }

  .article-author {
    grid-template-columns: minmax(0, 1fr);
  }

  .article-table-wrap {
    margin-inline: -0.15rem;
  }
}

@media (min-width: 768px) {
  .article-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .article-toc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .article-pagination {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.visual-canvas,
.visual-shot {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ds-color-border);
  border-radius: calc(var(--ds-card-radius-lg) + 0.2rem);
  background:
    radial-gradient(circle at 18% 14%, rgba(88, 84, 245, 0.15), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(16, 185, 129, 0.08), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 247, 255, 0.9));
  box-shadow: var(--ds-shadow-3);
}

.theme-whatsapp .visual-canvas,
.theme-whatsapp .visual-shot {
  border-color: rgba(37, 211, 102, 0.2);
  background:
    radial-gradient(circle at 18% 14%, rgba(37, 211, 102, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(18, 140, 126, 0.16), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(233, 251, 241, 0.9));
}

.theme-telegram .visual-canvas,
.theme-telegram .visual-shot {
  border-color: rgba(34, 158, 217, 0.18);
  background:
    radial-gradient(circle at 20% 12%, rgba(103, 232, 249, 0.28), transparent 16rem),
    linear-gradient(135deg, rgba(239, 250, 255, 0.96), rgba(255, 255, 255, 0.86));
}

.theme-imessage .visual-canvas,
.theme-imessage .visual-shot {
  border-color: rgba(0, 122, 255, 0.2);
  background:
    radial-gradient(circle at 18% 14%, rgba(0, 122, 255, 0.22), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(52, 199, 89, 0.13), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 246, 255, 0.9));
}

.theme-appleapp .visual-canvas,
.theme-appleapp .visual-shot {
  border-color: rgba(10, 132, 255, 0.2);
  background:
    radial-gradient(circle at 18% 14%, rgba(10, 132, 255, 0.22), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(15, 23, 42, 0.1), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9));
}

.theme-microsoftapp .visual-canvas,
.theme-microsoftapp .visual-shot {
  border-color: rgba(0, 120, 212, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(0, 120, 212, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(127, 186, 0, 0.11), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 255, 0.9));
}

.theme-amazonapp .visual-canvas,
.theme-amazonapp .visual-shot {
  border-color: rgba(255, 153, 0, 0.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 153, 0, 0.22), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(35, 47, 62, 0.1), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 237, 0.9));
}

.theme-netflixapp .visual-canvas,
.theme-netflixapp .visual-shot {
  border-color: rgba(229, 9, 20, 0.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(229, 9, 20, 0.22), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(17, 17, 17, 0.1), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 241, 242, 0.9));
}

.theme-spotifyapp .visual-canvas,
.theme-spotifyapp .visual-shot {
  border-color: rgba(29, 185, 84, 0.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(29, 185, 84, 0.23), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(18, 18, 18, 0.1), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 253, 243, 0.9));
}

.theme-gotoapp .visual-canvas,
.theme-gotoapp .visual-shot {
  border-color: rgba(0, 184, 169, 0.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(0, 184, 169, 0.23), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(11, 31, 36, 0.11), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 253, 250, 0.9));
}

.theme-indiatimesapp .visual-canvas,
.theme-indiatimesapp .visual-shot {
  border-color: rgba(255, 122, 0, 0.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 122, 0, 0.22), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(19, 138, 74, 0.13), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 237, 0.92));
}

.theme-cryptoapp .visual-canvas,
.theme-cryptoapp .visual-shot {
  border-color: rgba(249, 115, 22, 0.24);
  background:
    radial-gradient(circle at 18% 14%, rgba(249, 115, 22, 0.22), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(6, 182, 212, 0.13), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 237, 0.92));
}

.theme-binanceapp .visual-canvas,
.theme-binanceapp .visual-shot {
  border-color: rgba(240, 185, 11, 0.28);
  background:
    radial-gradient(circle at 18% 14%, rgba(240, 185, 11, 0.25), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(11, 14, 17, 0.11), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 251, 235, 0.92));
}

.theme-kucoinapp .visual-canvas,
.theme-kucoinapp .visual-shot {
  border-color: rgba(36, 174, 143, 0.25);
  background:
    radial-gradient(circle at 18% 14%, rgba(36, 174, 143, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(7, 21, 22, 0.11), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 253, 248, 0.92));
}

.theme-htxapp .visual-canvas,
.theme-htxapp .visual-shot {
  border-color: rgba(47, 123, 255, 0.25);
  background:
    radial-gradient(circle at 18% 14%, rgba(47, 123, 255, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(249, 115, 22, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
}

.theme-coinwapp .visual-canvas,
.theme-coinwapp .visual-shot {
  border-color: rgba(14, 165, 233, 0.25);
  background:
    radial-gradient(circle at 18% 14%, rgba(14, 165, 233, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(6, 24, 38, 0.11), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 250, 255, 0.92));
}

.theme-viber .visual-canvas,
.theme-viber .visual-shot {
  border-color: rgba(115, 96, 242, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(115, 96, 242, 0.26), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(236, 72, 153, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(245, 242, 255, 0.9));
}

.theme-rcs .visual-canvas,
.theme-rcs .visual-shot {
  border-color: rgba(6, 182, 212, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(6, 182, 212, 0.26), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(14, 116, 144, 0.13), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 254, 255, 0.9));
}

.theme-signalapp .visual-canvas,
.theme-signalapp .visual-shot {
  border-color: rgba(58, 118, 240, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(58, 118, 240, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(16, 185, 129, 0.1), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9));
}

.theme-lineapp .visual-canvas,
.theme-lineapp .visual-shot {
  border-color: rgba(6, 199, 85, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(6, 199, 85, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(5, 166, 71, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 253, 243, 0.9));
}

.theme-zaloapp .visual-canvas,
.theme-zaloapp .visual-shot {
  border-color: rgba(0, 104, 255, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(0, 104, 255, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(6, 182, 212, 0.11), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9));
}

.theme-bandapp .visual-canvas,
.theme-bandapp .visual-shot {
  border-color: rgba(0, 199, 60, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(0, 199, 60, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(0, 168, 50, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 253, 243, 0.9));
}

.theme-facebookapp .visual-canvas,
.theme-facebookapp .visual-shot {
  border-color: rgba(24, 119, 242, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(24, 119, 242, 0.24), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(11, 79, 168, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9));
}

.theme-messengerapp .visual-canvas,
.theme-messengerapp .visual-shot {
  border-color: rgba(0, 132, 255, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(0, 132, 255, 0.25), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(107, 59, 255, 0.14), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 247, 255, 0.9));
}

.theme-instagramapp .visual-canvas,
.theme-instagramapp .visual-shot {
  border-color: rgba(225, 48, 108, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(225, 48, 108, 0.23), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(131, 58, 180, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 241, 247, 0.9));
}

.theme-snapchatapp .visual-canvas,
.theme-snapchatapp .visual-shot {
  border-color: rgba(234, 179, 8, 0.22);
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 252, 0, 0.3), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(11, 18, 32, 0.1), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 253, 231, 0.9));
}

.theme-xapp .visual-canvas,
.theme-xapp .visual-shot {
  border-color: rgba(2, 6, 23, 0.18);
  background:
    radial-gradient(circle at 18% 14%, rgba(2, 6, 23, 0.12), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(6, 182, 212, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9));
}

.theme-threadsapp .visual-canvas,
.theme-threadsapp .visual-shot {
  border-color: rgba(2, 6, 23, 0.18);
  background:
    radial-gradient(circle at 18% 14%, rgba(2, 6, 23, 0.12), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(24, 119, 242, 0.12), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(250, 250, 250, 0.9));
}

.visual-canvas::before,
.visual-shot::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(88, 84, 245, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88, 84, 245, 0.08) 1px, transparent 1px);
  background-size: 30px 30px;
  mask-image: linear-gradient(135deg, black, transparent 84%);
  pointer-events: none;
}

.theme-whatsapp .visual-canvas::before,
.theme-whatsapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(37, 211, 102, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 211, 102, 0.08) 1px, transparent 1px);
}

.theme-telegram .visual-canvas::before,
.theme-telegram .visual-shot::before {
  background-image:
    linear-gradient(rgba(34, 158, 217, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 158, 217, 0.09) 1px, transparent 1px);
  background-size: 28px 28px;
}

.theme-imessage .visual-canvas::before,
.theme-imessage .visual-shot::before {
  background-image:
    linear-gradient(rgba(0, 122, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 122, 255, 0.08) 1px, transparent 1px);
}

.theme-appleapp .visual-canvas::before,
.theme-appleapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(10, 132, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10, 132, 255, 0.07) 1px, transparent 1px);
}

.theme-microsoftapp .visual-canvas::before,
.theme-microsoftapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(0, 120, 212, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 120, 212, 0.08) 1px, transparent 1px);
}

.theme-amazonapp .visual-canvas::before,
.theme-amazonapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(255, 153, 0, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 153, 0, 0.08) 1px, transparent 1px);
}

.theme-netflixapp .visual-canvas::before,
.theme-netflixapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(229, 9, 20, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(229, 9, 20, 0.08) 1px, transparent 1px);
}

.theme-spotifyapp .visual-canvas::before,
.theme-spotifyapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(29, 185, 84, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 185, 84, 0.08) 1px, transparent 1px);
}

.theme-gotoapp .visual-canvas::before,
.theme-gotoapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(0, 184, 169, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 184, 169, 0.08) 1px, transparent 1px);
}

.theme-indiatimesapp .visual-canvas::before,
.theme-indiatimesapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(255, 122, 0, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 122, 0, 0.08) 1px, transparent 1px);
}

.theme-cryptoapp .visual-canvas::before,
.theme-cryptoapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(249, 115, 22, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(249, 115, 22, 0.08) 1px, transparent 1px);
}

.theme-binanceapp .visual-canvas::before,
.theme-binanceapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(240, 185, 11, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(240, 185, 11, 0.1) 1px, transparent 1px);
}

.theme-kucoinapp .visual-canvas::before,
.theme-kucoinapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(36, 174, 143, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36, 174, 143, 0.08) 1px, transparent 1px);
}

.theme-htxapp .visual-canvas::before,
.theme-htxapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(47, 123, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47, 123, 255, 0.08) 1px, transparent 1px);
}

.theme-coinwapp .visual-canvas::before,
.theme-coinwapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(14, 165, 233, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 165, 233, 0.08) 1px, transparent 1px);
}

.theme-viber .visual-canvas::before,
.theme-viber .visual-shot::before {
  background-image:
    linear-gradient(rgba(115, 96, 242, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(115, 96, 242, 0.08) 1px, transparent 1px);
}

.theme-rcs .visual-canvas::before,
.theme-rcs .visual-shot::before {
  background-image:
    linear-gradient(rgba(6, 182, 212, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6, 182, 212, 0.08) 1px, transparent 1px);
}

.theme-signalapp .visual-canvas::before,
.theme-signalapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(58, 118, 240, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58, 118, 240, 0.08) 1px, transparent 1px);
}

.theme-lineapp .visual-canvas::before,
.theme-lineapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(6, 199, 85, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6, 199, 85, 0.08) 1px, transparent 1px);
}

.theme-zaloapp .visual-canvas::before,
.theme-zaloapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(0, 104, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 104, 255, 0.08) 1px, transparent 1px);
}

.theme-bandapp .visual-canvas::before,
.theme-bandapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(0, 199, 60, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 199, 60, 0.08) 1px, transparent 1px);
}

.theme-facebookapp .visual-canvas::before,
.theme-facebookapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(24, 119, 242, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24, 119, 242, 0.08) 1px, transparent 1px);
}

.theme-messengerapp .visual-canvas::before,
.theme-messengerapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(0, 132, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 132, 255, 0.08) 1px, transparent 1px);
}

.theme-instagramapp .visual-canvas::before,
.theme-instagramapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(225, 48, 108, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(225, 48, 108, 0.08) 1px, transparent 1px);
}

.theme-snapchatapp .visual-canvas::before,
.theme-snapchatapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(234, 179, 8, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234, 179, 8, 0.09) 1px, transparent 1px);
}

.theme-xapp .visual-canvas::before,
.theme-xapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(2, 6, 23, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2, 6, 23, 0.06) 1px, transparent 1px);
}

.theme-threadsapp .visual-canvas::before,
.theme-threadsapp .visual-shot::before {
  background-image:
    linear-gradient(rgba(2, 6, 23, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2, 6, 23, 0.06) 1px, transparent 1px);
}

body:not(.pricing-page)[class*="theme-"] .visual-canvas,
body:not(.pricing-page)[class*="theme-"] .visual-shot {
  border-color: rgba(168, 85, 247, 0.16);
  background:
    radial-gradient(circle at 16% 12%, rgba(168, 85, 247, 0.18), transparent 18rem),
    radial-gradient(circle at 86% 18%, rgba(236, 72, 153, 0.14), transparent 15rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(251, 247, 255, 0.92));
  box-shadow: 0 18px 46px rgba(124, 58, 237, 0.12);
}

body:not(.pricing-page)[class*="theme-"] .visual-canvas::before,
body:not(.pricing-page)[class*="theme-"] .visual-shot::before {
  background-image:
    linear-gradient(rgba(168, 85, 247, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(236, 72, 153, 0.08) 1px, transparent 1px);
  background-size: 30px 30px;
}

.instagram-gradient {
  background: linear-gradient(135deg, #f58529 0%, #dd2a7b 34%, #8134af 68%, #515bd4 100%);
}

.snapchat-ghost {
  filter: drop-shadow(0 10px 22px rgba(234, 179, 8, 0.26));
}


.mock-window {
  border: 1px solid var(--ds-color-border);
  border-radius: var(--ds-card-radius);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  box-shadow: var(--ds-shadow-2);
}

.telegram-card {
  border: 1px solid rgba(34, 158, 217, 0.14);
  border-radius: var(--ds-card-radius);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(18px);
  box-shadow: var(--ds-shadow-2);
}

.code-panel {
  background:
    linear-gradient(135deg, rgba(7, 17, 31, 0.98), rgba(11, 59, 99, 0.96)),
    #07111f;
}

.plane-shadow {
  filter: drop-shadow(0 8px 18px rgba(34, 158, 217, 0.24));
}

.phone-frame {
  border: 10px solid #07111f;
  border-radius: 2rem;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(7, 17, 31, 0.14);
}

.pulse-line,
.signal-line {
  position: relative;
  overflow: hidden;
}

.pulse-line::after,
.signal-line::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
  animation: scan 3.4s ease-in-out infinite;
}

.age-ring {
  background: conic-gradient(from 220deg, #5854f5 0deg 252deg, #edebff 252deg 360deg);
}

.theme-whatsapp .age-ring {
  background: conic-gradient(from 220deg, #25d366 0deg 252deg, #d8f8e6 252deg 360deg);
}

.theme-telegram .age-ring {
  background: conic-gradient(from 220deg, #229ed9 0deg 250deg, #dff4ff 250deg 360deg);
}

.flag-badge {
  background:
    linear-gradient(90deg, var(--flag-a, #075e54) 0 33%, var(--flag-b, #ffffff) 33% 66%, var(--flag-c, #25d366) 66% 100%);
}

.hidden {
  display: none !important;
}

.bc-header,
.bc-header *,
.bc-footer,
.bc-footer * {
  box-sizing: border-box;
}

.bc-header a,
.bc-footer a {
  text-decoration: none;
}

.bc-partial-preview {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(168, 85, 247, 0.14), transparent 28rem),
    radial-gradient(circle at 90% 12%, rgba(236, 72, 153, 0.1), transparent 24rem),
    linear-gradient(180deg, #fcf8ff 0%, #ffffff 46%, #faf6ff 100%);
  color: var(--color-ink-900);
}

/* Footer Components */
.bc-footer {
  position: relative;
  border-top: 1px solid rgba(226, 230, 255, 0.92);
  background:
    radial-gradient(circle at 14% 8%, rgba(88, 84, 245, 0.08), transparent 24rem),
    radial-gradient(circle at 86% 14%, rgba(8, 145, 178, 0.06), transparent 22rem),
    linear-gradient(180deg, #ffffff 0%, #f8f8ff 100%);
  font-family: var(--ds-font-sans);
}

.bc-footer__inner {
  max-width: 84rem;
  margin: 0 auto;
  padding: 3.9rem 1.125rem 2.25rem;
}

.bc-footer-cta {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 3.4rem;
  overflow: hidden;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 2.1rem;
  background:
    radial-gradient(circle at 12% 15%, rgba(88, 84, 245, 0.13), transparent 20rem),
    radial-gradient(circle at 88% 18%, rgba(8, 145, 178, 0.1), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 255, 0.96));
  padding: 1.85rem;
  color: var(--ds-color-title);
  box-shadow: var(--ds-shadow-3);
}

.bc-footer-cta__eyebrow {
  margin-bottom: 0.75rem;
  border: 1px solid rgba(165, 180, 252, 0.34);
  background: rgba(79, 70, 229, 0.08);
  color: var(--color-brand-700);
  text-transform: none;
  box-shadow: var(--ds-shadow-1);
}

.bc-footer-cta h2 {
  max-width: 46rem;
  margin: 0;
  color: var(--ds-color-title);
  font-size: clamp(2rem, 2.2vw, 3rem) !important;
  font-weight: 730 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;
}

.bc-footer-cta p {
  max-width: 42rem;
  margin: 1rem 0 0;
  color: var(--ds-color-body);
  font-size: 1rem !important;
  line-height: 1.78 !important;
}

.bc-footer-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.bc-footer-cta__primary,
.bc-footer-cta__secondary {
  display: inline-flex;
  min-height: 3.15rem;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  padding: 0.78rem 1.12rem;
  font-size: 0.92rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.bc-footer-cta__primary {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 44%, #ec4899 100%);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(168, 85, 247, 0.18);
}

.bc-footer-cta__primary:hover,
.bc-footer-cta__primary:focus-visible {
  background: linear-gradient(135deg, #6d28d9 0%, #9333ea 44%, #db2777 100%);
  color: #ffffff;
  outline: none;
  box-shadow: 0 20px 40px rgba(168, 85, 247, 0.22);
  transform: translateY(-1px);
}

.bc-footer-cta__secondary {
  border: 1px solid rgba(226, 230, 255, 0.96);
  background: rgba(255, 255, 255, 0.9);
  color: var(--ds-color-title);
  box-shadow: 0 8px 18px rgba(11, 18, 32, 0.035);
}

.bc-footer-cta__secondary:hover,
.bc-footer-cta__secondary:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  background: #ffffff;
  color: var(--color-brand-700);
  outline: none;
  box-shadow: 0 12px 26px rgba(11, 18, 32, 0.05);
  transform: translateY(-1px);
}

.bc-footer__grid {
  display: grid;
  gap: 3.1rem;
  align-items: start;
}

.bc-footer__brand {
  max-width: 24rem;
  padding-top: 0.3rem;
}

.bc-footer__text {
  max-width: 25rem;
  margin: 1.1rem 0 0;
  color: var(--ds-color-body);
  font-size: 0.96rem !important;
  line-height: 1.76 !important;
}

.bc-footer__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.35rem;
}

.bc-footer__badges span {
  border: 1px solid rgba(226, 230, 255, 0.96);
  background: rgba(255, 255, 255, 0.96);
  color: #6a7890;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.03);
}

.bc-footer__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem 1.8rem;
  align-content: start;
  border: 1px solid rgba(226, 230, 255, 0.9);
  border-radius: calc(var(--ds-card-radius-lg) + 0.15rem);
  background:
    radial-gradient(circle at 12% 10%, rgba(79, 70, 229, 0.04), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 255, 0.96));
  padding: 1.28rem 1.18rem 1.22rem;
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.03);
}

.bc-footer__column {
  min-width: 0;
}

.bc-footer__column h2,
.bc-footer__column .bc-footer-link:first-of-type {
  scroll-margin-top: 6rem;
}

.bc-footer__column h2 {
  margin: 0 0 0.9rem;
  color: #687791;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.045em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.bc-footer-link {
  display: block;
  width: auto;
  max-width: 100%;
  margin-top: 0.64rem;
  color: #55647c;
  font-size: 0.91rem;
  font-weight: 530;
  line-height: 1.5;
  transition: color 180ms ease, transform 180ms ease, opacity 180ms ease;
}

.bc-footer-link:hover,
.bc-footer-link:focus-visible,
.bc-footer-link.is-active,
.bc-footer-link[aria-current="page"] {
  color: var(--ds-color-title);
  outline: none;
  opacity: 1;
  transform: translateX(1px);
}

.bc-footer__column:not(.bc-footer__column--compact) .bc-footer-link {
  max-width: 14rem;
}

.bc-footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 3.1rem;
  border-top: 1px solid rgba(226, 230, 255, 0.92);
  padding-top: 1.35rem;
  color: #718099;
  font-size: 0.86rem;
}

.bc-footer__meta {
  color: #7a879d;
  font-size: 0.85rem;
  letter-spacing: 0.005em;
}

.bc-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}

.bc-footer__legal-note {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  padding: 0.3rem 0.7rem;
  color: #6c7a91;
  font-size: 0.78rem;
  font-weight: 650;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.025);
}

.bc-footer__legal a {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.3rem 0.15rem;
  color: #5e6d84;
  font-size: 0.88rem;
  transition: color 180ms ease, background-color 180ms ease;
}

.bc-footer__legal a:hover,
.bc-footer__legal a:focus-visible {
  color: var(--ds-color-title);
  background: rgba(248, 250, 255, 0.9);
  outline: none;
}

@media (min-width: 640px) {
  .bc-footer__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  .bc-footer-cta {
    padding: 2rem;
  }

  .bc-footer__columns {
    grid-template-columns: repeat(2, minmax(11rem, 1fr));
    gap: 2.15rem 2rem;
    padding: 1.4rem 1.35rem 1.3rem;
  }

  .bc-footer__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .bc-footer__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .bc-footer__grid {
    grid-template-columns: minmax(18rem, 0.92fr) minmax(0, 2.6fr);
    gap: 2.75rem;
  }

  .bc-footer__columns {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(0, 1.18fr) minmax(9rem, 0.78fr);
    gap: 0;
    padding: 1.5rem 1.25rem 1.38rem;
  }

  .bc-footer__column {
    padding: 0 1.15rem;
  }

  .bc-footer__column + .bc-footer__column {
    border-left: 1px solid rgba(226, 230, 255, 0.82);
  }

  .bc-footer__column--compact {
    padding-right: 0.7rem;
  }

  .bc-footer-cta {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 2.25rem;
  }

  .bc-footer-cta__actions {
    justify-content: flex-end;
  }
}

@media (min-width: 1280px) {
  .bc-footer__brand {
    max-width: 25rem;
  }

  .bc-footer__columns {
    grid-template-columns: minmax(10.5rem, 1.05fr) minmax(10.5rem, 1.05fr) minmax(11.5rem, 1.2fr) minmax(9rem, 0.8fr);
    padding: 1.58rem 1.35rem 1.42rem;
  }
}

@media (max-width: 767px) {
  .bc-footer-cta {
    border-radius: 1.5rem;
    padding: 1.35rem;
  }

  .bc-footer-cta__primary,
  .bc-footer-cta__secondary {
    width: 100%;
  }

  .bc-footer__columns {
    gap: 1.5rem;
    padding: 1rem;
  }

  .bc-footer-cta h2 {
    font-size: clamp(1.75rem, 7vw, 2.25rem) !important;
  }
}

/* Header Components */
/* Enterprise SaaS header reset */
.bc-skip-link {
  position: absolute;
  left: 1rem;
  top: -3.5rem;
  z-index: 90;
  display: inline-flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(165, 180, 252, 0.45);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.98);
  padding: 0 0.95rem;
  color: var(--ds-color-title);
  font-size: 0.88rem;
  font-weight: 700;
  box-shadow: var(--ds-shadow-2);
  transition: top 180ms ease, box-shadow 180ms ease;
}

.bc-skip-link:focus {
  top: 0.85rem;
  outline: none;
  box-shadow: var(--ds-shadow-3);
}

.bc-header {
  position: sticky;
  top: 0;
  z-index: 80;
  border-bottom: 0;
  background:
    linear-gradient(180deg, rgba(248, 250, 255, 0.92), rgba(248, 250, 255, 0));
  padding: 0.75rem 0 0.32rem;
  box-shadow: none;
  backdrop-filter: none;
}

.bc-header__inner {
  display: flex;
  width: min(88rem, calc(100% - 1.5rem));
  min-height: 4.7rem;
  max-width: 88rem;
  --bc-dropdown-panel-width: min(72rem, calc(100vw - 2.5rem));
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 1.1rem;
  border: 1px solid rgba(226, 230, 255, 0.92);
  border-radius: 1.55rem;
  background:
    radial-gradient(circle at 8% 0%, rgba(79, 70, 229, 0.065), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(252, 253, 255, 0.88));
  padding: 0 clamp(1rem, 2.4vw, 1.55rem);
  box-shadow: 0 16px 38px rgba(11, 18, 32, 0.055);
  backdrop-filter: blur(20px) saturate(1.08);
}

.bc-brand {
  display: inline-flex;
  min-width: max-content;
  align-items: center;
  gap: 0;
  border-radius: 1rem;
  padding: 0.3rem 0.36rem;
  color: #0f172a;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.bc-brand:hover,
.bc-brand:focus-visible {
  background: rgba(248, 250, 252, 0.92);
  color: #0f172a;
  outline: none;
  transform: translateY(-1px);
}

.bc-brand__mark,
.bc-brand__logo {
  width: 2.7rem;
  height: 2.7rem;
}

.bc-brand__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(226, 230, 255, 0.92);
  border-radius: 0.92rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 255, 0.96));
  box-shadow: 0 10px 24px rgba(11, 18, 32, 0.05);
}

.bc-brand__image {
  display: block;
  width: auto;
  height: 2.45rem;
  max-width: min(14rem, 52vw);
  object-fit: contain;
}

.bc-brand--footer .bc-brand__image {
  height: 2.75rem;
  max-width: min(16rem, 72vw);
}

.bc-brand__name {
  display: inline-flex;
  align-items: baseline;
  color: #162033;
  font-size: clamp(1.15rem, 0.46vw + 0.96rem, 1.4rem);
  font-weight: 760;
  letter-spacing: -0.03em;
  line-height: 1;
}

.bc-brand__dot {
  color: #8b5cf6;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
}

.bc-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  gap: clamp(0.16rem, 0.3vw, 0.34rem);
  min-height: 3.05rem;
  align-items: center;
  border: 1px solid rgba(232, 236, 255, 0.92);
  border-radius: 1.15rem;
  background: rgba(248, 250, 255, 0.56);
  padding: 0.2rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  color: #445065;
  font-size: 0.91rem;
  font-weight: 650;
}

.bc-dropdown {
  position: relative;
  flex: 0 0 auto;
}

.bc-dropdown > summary {
  list-style: none;
}

.bc-dropdown > summary::-webkit-details-marker {
  display: none;
}

.bc-nav__item {
  display: inline-flex;
  min-height: 2.62rem;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 0.92rem;
  background: transparent;
  padding: 0 0.82rem;
  color: #4e5b71;
  line-height: 1;
  letter-spacing: -0.01em;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.bc-nav__item:hover,
.bc-nav__item:focus-visible,
.bc-nav__item.is-active,
.bc-dropdown[open] > .bc-nav__summary,
.bc-dropdown.is-active > .bc-nav__summary {
  border-color: rgba(165, 180, 252, 0.36);
  background: rgba(255, 255, 255, 0.96);
  color: #7c3aed;
  outline: none;
  box-shadow: 0 8px 20px rgba(168, 85, 247, 0.09);
  transform: translateY(-1px);
}

.bc-nav__chevron,
.bc-nav__summary span[aria-hidden="true"] {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  color: currentColor;
  line-height: 1;
  transition: transform 180ms ease;
}

.bc-dropdown[open] > .bc-nav__summary .bc-nav__chevron {
  transform: rotate(180deg);
}

.bc-header__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.bc-header__link,
.bc-header__cta,
.bc-language {
  display: inline-flex;
  min-height: 2.76rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.96rem;
  font-size: 0.9rem;
  font-weight: 690;
  line-height: 1;
  letter-spacing: -0.01em;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.bc-header__link {
  border: 1px solid rgba(255, 255, 255, 0);
  background: transparent;
  padding: 0 0.86rem;
  color: #536177;
}

.bc-header__link:hover,
.bc-header__link:focus-visible {
  border-color: rgba(226, 230, 255, 0.92);
  background: rgba(255, 255, 255, 0.96);
  color: #162033;
  outline: none;
  transform: translateY(-1px);
}

.bc-header__cta {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 52%, #ec4899 100%);
  padding: 0 1.08rem;
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(168, 85, 247, 0.2);
}

.bc-header__cta:hover,
.bc-header__cta:focus-visible {
  border-color: transparent;
  background: linear-gradient(135deg, #6d28d9 0%, #9333ea 52%, #db2777 100%);
  color: #ffffff;
  outline: none;
  box-shadow: 0 18px 36px rgba(168, 85, 247, 0.24);
  transform: translateY(-1px);
}

.bc-language {
  min-width: 4.38rem;
  cursor: pointer;
  gap: 0.4rem;
  border: 1px solid rgba(226, 230, 255, 0.92);
  background: rgba(255, 255, 255, 0.88);
  padding: 0 0.72rem;
  color: #4e5b71;
  font-family: var(--ds-font-sans);
  box-shadow: 0 6px 16px rgba(11, 18, 32, 0.035);
}

.bc-language svg {
  width: 1.08rem;
  height: 1.08rem;
  stroke-width: 2.1;
}

.bc-language span {
  color: currentColor;
  font-size: 0.88rem;
  font-weight: 700;
}

.bc-language:hover,
.bc-language:focus-visible {
  border-color: rgba(165, 180, 252, 0.45);
  background: rgba(248, 250, 255, 0.96);
  color: #7c3aed;
  outline: none;
  box-shadow: 0 10px 22px rgba(168, 85, 247, 0.1);
}

.bc-dropdown__panel {
  position: absolute;
  left: 50%;
  top: calc(100% + 0.54rem);
  z-index: 85;
  width: var(--bc-dropdown-panel-width);
  max-width: var(--bc-dropdown-panel-width);
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(226, 230, 255, 0.92);
  border-radius: 1.45rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 251, 255, 0.98));
  padding: 0.9rem;
  box-shadow: 0 26px 64px rgba(11, 18, 32, 0.11);
  transform: translateX(-50%);
  backdrop-filter: blur(20px) saturate(1.06);
}

.bc-dropdown--mega .bc-dropdown__panel {
  top: 5.95rem;
}

.bc-dropdown--right .bc-dropdown__panel {
  left: auto;
  right: 0;
  transform: none;
}

.bc-dropdown--simple .bc-dropdown__panel {
  left: 0;
  right: auto;
  top: calc(100% + 0.56rem);
  transform: none;
  width: min(16.75rem, calc(100vw - 2rem));
  max-width: min(16.75rem, calc(100vw - 2rem));
  padding: 0.55rem;
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 36px rgba(11, 18, 32, 0.08);
  backdrop-filter: blur(14px) saturate(1.02);
}

.bc-dropdown--simple.bc-dropdown--right .bc-dropdown__panel {
  left: auto;
  right: 0;
}

.bc-simple-dropdown {
  display: grid;
  gap: 0.22rem;
}

.bc-simple-link {
  display: flex;
  width: 100%;
  min-height: 2.7rem;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 0.86rem;
  padding: 0.62rem 0.78rem;
  color: #445065;
  font-size: 0.87rem;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: -0.01em;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.bc-simple-link:hover,
.bc-simple-link:focus-visible,
.bc-simple-link.is-active {
  border-color: rgba(226, 230, 255, 0.94);
  background: rgba(247, 249, 255, 0.98);
  color: #7c3aed;
  outline: none;
}

.bc-mega-panel {
  display: grid;
  width: 100%;
  max-height: calc(100vh - 7rem);
  overflow-y: auto;
  align-items: start;
  gap: 0.85rem;
  padding: 0.2rem;
  background: transparent;
}

.bc-mega-panel--products {
  grid-template-columns: minmax(16.5rem, 1.08fr) repeat(4, minmax(0, 1fr));
}

.bc-dropdown--products-simple .bc-dropdown__panel {
  width: min(24rem, calc(100vw - 2rem));
  max-width: min(24rem, calc(100vw - 2rem));
}

.bc-dropdown--products-simple .bc-mega-panel--products {
  grid-template-columns: minmax(0, 1fr);
}

.bc-mega-panel--tools {
  grid-template-columns: minmax(16.5rem, 1.08fr) repeat(4, minmax(0, 1fr));
}

.bc-mega-panel--developers,
.bc-mega-panel--resources {
  grid-template-columns: minmax(17rem, 1.1fr) repeat(2, minmax(0, 1fr));
}

.bc-small-panel {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 0.85rem;
  padding: 0.2rem;
}

@media (min-width: 1280px) {
  .bc-header__inner {
    position: relative;
    overflow: visible;
    --bc-dropdown-panel-width: min(72rem, calc(100vw - 2.5rem));
  }

  .bc-nav {
    position: static;
  }

  .bc-dropdown {
    position: static;
  }

  .bc-dropdown--simple {
    position: relative;
  }

  .bc-dropdown__panel,
  .bc-dropdown--mega .bc-dropdown__panel,
  .bc-dropdown--right .bc-dropdown__panel {
    left: 50%;
    right: auto;
    top: calc(100% + 0.72rem);
    width: var(--bc-dropdown-panel-width);
    max-width: var(--bc-dropdown-panel-width);
    transform: translateX(-50%);
  }

  .bc-dropdown--simple .bc-dropdown__panel {
    left: 0;
    right: auto;
    top: calc(100% + 0.72rem);
    width: min(16.75rem, calc(100vw - 2rem));
    max-width: min(16.75rem, calc(100vw - 2rem));
    transform: none;
  }

  .bc-dropdown--simple.bc-dropdown--right .bc-dropdown__panel {
    left: auto;
    right: 0;
  }

  .bc-mega-panel,
  .bc-mega-panel--developers,
  .bc-mega-panel--resources,
  .bc-small-panel {
    width: 100%;
    max-width: none;
  }

  .bc-small-panel {
    grid-template-columns: minmax(16rem, 1.02fr) repeat(2, minmax(0, 1fr));
  }

  .bc-small-panel > .bc-menu-intro {
    grid-column: auto;
  }
}

.bc-menu-intro {
  position: relative;
  overflow: hidden;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(226, 231, 248, 0.86);
  border-radius: 1.3rem;
  background:
    radial-gradient(circle at 14% 14%, rgba(79, 70, 229, 0.08), transparent 18rem),
    radial-gradient(circle at 86% 16%, rgba(8, 145, 178, 0.06), transparent 16rem),
    linear-gradient(180deg, rgba(249, 250, 255, 0.98), rgba(244, 247, 255, 0.96));
  padding: 1.25rem 1.2rem;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.bc-mega-panel--products > .bc-menu-intro {
  grid-row: span 2;
}

.bc-dropdown--products-simple .bc-mega-panel--products > .bc-menu-intro {
  grid-row: auto;
}

.bc-mega-panel--tools > .bc-menu-intro {
  grid-column: span 2;
}

.bc-mega-panel--tools > .bc-menu-section {
  grid-column: span 2;
}

.bc-mega-panel--developers > .bc-menu-intro,
.bc-mega-panel--resources > .bc-menu-intro {
  grid-row: span 2;
}

.bc-small-panel > .bc-menu-intro {
  grid-column: 1 / -1;
}

.bc-menu-intro::after {
  content: "";
  position: absolute;
  inset: auto -2rem -2rem auto;
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(79, 70, 229, 0.08), transparent 70%);
  pointer-events: none;
}

.bc-menu-intro > * {
  position: relative;
  z-index: 1;
}

.bc-menu-intro span {
  display: inline-flex;
  width: max-content;
  min-height: 1.95rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(165, 180, 252, 0.34);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  padding: 0.32rem 0.72rem;
  color: var(--color-brand-700);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.bc-menu-intro strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--ds-color-title);
  font-size: 1.24rem;
  font-weight: 740;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

.bc-menu-intro p {
  margin: 0;
  color: #5f6d84;
  font-size: 0.9rem;
  line-height: 1.68;
}

.bc-menu-section {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 0.25rem;
  border: 1px solid rgba(230, 234, 248, 0.94);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.82);
  padding: 0.92rem 0.9rem 0.88rem;
  box-shadow: 0 8px 18px rgba(11, 18, 32, 0.03);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.bc-menu-section:hover {
  border-color: rgba(165, 180, 252, 0.44);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
}

.bc-menu-section h2 {
  margin: 0 0 0.35rem;
  color: #6a7890;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.bc-menu-card,
.bc-menu-link-grid a {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.28rem;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 0.92rem;
  background: transparent;
  padding: 0.58rem 0.62rem;
  color: #4d5b71;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.bc-menu-card:hover,
.bc-menu-card:focus-visible,
.bc-menu-card.is-active,
.bc-menu-link-grid a:hover,
.bc-menu-link-grid a:focus-visible,
.bc-menu-link-grid a.is-active {
  border-color: rgba(226, 231, 248, 0.96);
  background: rgba(255, 255, 255, 0.96);
  color: #1f3e8a;
  outline: none;
  box-shadow: 0 8px 18px rgba(11, 18, 32, 0.038);
  transform: none;
}

.bc-menu-card strong {
  color: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.015em;
}

.bc-menu-card span {
  color: #6b7a91;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.5;
}

.bc-menu-link-grid {
  display: grid;
  gap: 0.2rem;
}

.bc-menu-link-grid a {
  justify-content: center;
  min-height: 2.7rem;
  padding: 0.56rem 2rem 0.56rem 0.62rem;
  color: #536278;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.35;
}

.bc-menu-link-grid a::after {
  content: "→";
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(31, 62, 138, 0.34);
  font-size: 0.86rem;
  opacity: 0;
  transition: opacity 180ms ease, transform 180ms ease;
}

.bc-menu-link-grid a:hover::after,
.bc-menu-link-grid a:focus-visible::after,
.bc-menu-link-grid a.is-active::after {
  opacity: 1;
  transform: translate(1px, -50%);
}

.bc-menu-section--wide {
  gap: 0.3rem;
}

.bc-mobile-toggle {
  display: inline-flex;
  width: 2.98rem;
  min-height: 2.98rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.96);
  color: #162033;
  box-shadow: 0 10px 22px rgba(11, 18, 32, 0.05);
}

.bc-mobile-toggle:hover,
.bc-mobile-toggle:focus-visible {
  border-color: rgba(165, 180, 252, 0.48);
  background: rgba(248, 250, 255, 0.96);
  color: #1f3e8a;
  outline: none;
}

.bc-mobile-menu {
  max-width: 92rem;
  padding: 0.62rem clamp(1rem, 2.4vw, 2.25rem) 1rem;
}

.bc-mobile-menu__panel {
  max-height: calc(100vh - 6.5rem);
  overflow-y: auto;
  border: 1px solid rgba(226, 230, 255, 0.96);
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(79, 70, 229, 0.08), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.96));
  padding: 0.95rem;
  box-shadow: 0 24px 56px rgba(11, 18, 32, 0.095);
  backdrop-filter: blur(18px) saturate(1.04);
}

.bc-mobile-menu__panel > details {
  margin-top: 0.52rem;
}

.bc-mobile-menu__panel > .bc-mobile-link + details,
.bc-mobile-menu__panel > details + .bc-mobile-link,
.bc-mobile-menu__panel > details + details {
  margin-top: 0.52rem;
}

.bc-mobile-menu__panel details > summary {
  list-style: none;
}

.bc-mobile-menu__panel details > summary::-webkit-details-marker {
  display: none;
}

.bc-mobile-summary,
.bc-mobile-link {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  border: 1px solid rgba(228, 232, 250, 0.78);
  border-radius: 0.96rem;
  background: rgba(255, 255, 255, 0.8);
}

.bc-mobile-summary {
  min-height: 2.75rem;
  position: relative;
  cursor: pointer;
  padding: 0 2.9rem 0 0.95rem;
  color: #162033;
  font-size: 0.91rem;
  font-weight: 700;
}

.bc-mobile-summary::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 180ms ease;
}

details[open] > .bc-mobile-summary::after {
  transform: translateY(-35%) rotate(-135deg);
}

.bc-mobile-link {
  min-height: 2.55rem;
  padding: 0 0.95rem;
  color: #445065;
  font-size: 0.88rem;
  font-weight: 640;
}

.bc-mobile-summary:hover,
.bc-mobile-summary:focus-visible,
.bc-mobile-link:hover,
.bc-mobile-link:focus-visible,
.bc-mobile-link.is-active,
.bc-mobile-summary.is-active {
  background: rgba(248, 250, 255, 0.96);
  color: #1f3e8a;
  outline: none;
}

.bc-mobile-submenu {
  display: grid;
  gap: 0.4rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(228, 232, 250, 0.94);
  border-radius: 1.06rem;
  background: rgba(247, 249, 255, 0.92);
  padding: 0.72rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.bc-mobile-subhead {
  margin: 0.32rem 0 0.05rem;
  color: #6b7a91;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bc-mobile-submenu .bc-mobile-link {
  min-height: 2.42rem;
  border-color: rgba(226, 231, 248, 0.72);
  border-radius: 0.88rem;
  background: rgba(255, 255, 255, 0.74);
  font-size: 0.85rem;
  font-weight: 620;
}

.bc-mobile-secondary,
.bc-mobile-primary {
  display: flex;
  width: 100%;
  min-height: 2.92rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.96rem;
  text-align: center;
  font-size: 0.91rem;
  font-weight: 720;
}

.bc-mobile-secondary {
  border: 1px solid rgba(226, 230, 255, 0.96);
  background: rgba(255, 255, 255, 0.92);
  color: #162033;
}

.bc-mobile-primary {
  border: 1px solid transparent;
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 52%, #0891b2 100%);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(79, 70, 229, 0.16);
}

.bc-mobile-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.72rem;
  margin-top: 0.96rem;
  padding-top: 0.96rem;
  border-top: 1px solid rgba(228, 232, 250, 0.92);
}

.bc-mobile-actions .bc-mobile-primary {
  order: 1;
}

.bc-mobile-actions .bc-mobile-secondary {
  order: 2;
}

@media (min-width: 1280px) {
  .bc-nav {
    display: flex !important;
  }

  .bc-mobile-toggle,
  .bc-mobile-menu {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .bc-nav {
    display: none !important;
  }

  .bc-mobile-toggle {
    display: inline-flex !important;
  }
}

@media (max-width: 767px) {
  .bc-header,
  .bc-header__inner {
    max-width: 100vw !important;
  }

  .bc-header {
    overflow: visible;
    padding: 0.6rem 0 0.25rem;
  }

  .bc-header__inner {
    position: relative;
    width: calc(100vw - 1rem) !important;
    min-height: 4.5rem;
    padding: 0 0.95rem;
  }

  .bc-brand {
    min-width: 0;
    max-width: calc(100% - 4rem);
    gap: 0;
  }

  .bc-brand__mark,
  .bc-brand__logo {
    width: 2.55rem;
    height: 2.55rem;
  }

  .bc-brand__image {
    height: 2.1rem;
    max-width: min(11.8rem, calc(100vw - 5rem));
  }

  .bc-brand__name {
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bc-header__actions {
    display: flex !important;
    flex: 0 0 auto;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-left: 0;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }

  .bc-mobile-toggle {
    display: inline-flex !important;
    flex: 0 0 auto;
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 100;
  }

  .bc-header__link,
  .bc-header__cta,
  .bc-language {
    display: none !important;
  }
}

/* Pricing Page */
/* Pricing page visual refresh to match doc/prcing.jpeg */
.pricing-page {
  overflow-x: clip;
  font-family: var(--ds-font-sans);
  background:
    radial-gradient(circle at 24% 18%, rgba(91, 73, 242, 0.09), transparent 24rem),
    radial-gradient(circle at 76% 20%, rgba(225, 29, 115, 0.08), transparent 24rem),
    linear-gradient(180deg, #fcfcff 0%, #f8f7ff 48%, #f6f4ff 100%);
  color: #162033;
}

.pricing-hero {
  padding: clamp(4.5rem, 9vw, 8rem) 0 clamp(4rem, 7vw, 6.25rem);
}

.pricing-hero__grid {
  display: block;
}

.pricing-hero__copy {
  max-width: 62rem;
}

.pricing-eyebrow {
  border-color: #e3e1ee;
  background: rgba(255, 255, 255, 0.9);
  color: #505c76;
  text-transform: none;
  box-shadow: 0 6px 16px rgba(25, 22, 55, 0.04);
}

.pricing-hero h1 {
  max-width: 54rem;
  margin-top: 1.35rem;
  color: #121a2b;
  font-size: clamp(2.8rem, 4.4vw, 4.8rem) !important;
  font-weight: 760 !important;
  line-height: 1.01 !important;
  letter-spacing: -0.045em !important;
}

.pricing-hero p {
  max-width: 66rem;
  margin-top: 1.15rem;
  color: #4e5d74;
  font-size: clamp(1.06rem, 1.35vw, 1.18rem) !important;
  line-height: 1.82 !important;
}

.pricing-hero p strong {
  color: #1b2436;
  font-weight: 700;
}

.pricing-hero__actions {
  gap: 1rem;
  margin-top: 1.85rem;
}

.pricing-button {
  min-height: var(--ds-button-height-lg);
  border-radius: var(--ds-radius-md);
  padding: 0.92rem 1.3rem;
  font-size: 0.95rem;
  font-weight: 680;
  letter-spacing: -0.012em;
}

.pricing-button--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--color-brand-700) 0%, var(--color-accent-600) 100%);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(68, 56, 202, 0.18);
}

.pricing-button--primary:hover {
  border-color: transparent;
  background: linear-gradient(135deg, var(--color-brand-600) 0%, var(--color-accent-500) 100%);
  color: #ffffff;
}

.pricing-button--secondary {
  border-color: #e2e0ed;
  background: #ffffff;
  color: #1b2436;
  box-shadow: 0 8px 18px rgba(25, 22, 55, 0.038);
}

.pricing-button--secondary:hover {
  border-color: #d7d4e7;
  background: #ffffff;
  color: #7c3aed;
}

.pricing-button--dark {
  border-color: #07111f;
  background: #07111f;
  color: #ffffff;
  box-shadow: none;
}

.pricing-button--dark:hover {
  border-color: #111827;
  background: #111827;
  color: #ffffff;
}

.pricing-button--light {
  border-color: #ffffff;
  background: #ffffff;
  color: #07111f;
  box-shadow: none;
}

.pricing-button--outline-light {
  border-color: rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  box-shadow: none;
}

.pricing-button--outline-light:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.pricing-table-section {
  padding: clamp(3.25rem, 6vw, 4.5rem) 0 var(--ds-section-space-lg);
}

.pricing-section-heading {
  align-items: center;
  max-width: 74rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.4rem;
}

.pricing-section-heading h2 {
  margin-top: 0;
  color: #172033;
  font-size: clamp(2rem, 2.2vw, 3rem) !important;
  font-weight: 730 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

.pricing-section-heading p {
  max-width: 42rem;
  margin-top: 0.75rem;
  color: #607089;
  font-size: clamp(0.98rem, 1.28vw, 1.12rem) !important;
  line-height: 1.72 !important;
}

.pricing-category-pill {
  border: 1px solid #e2e0ed;
  background: #ffffff;
  color: #445065;
  box-shadow: 0 6px 16px rgba(25, 22, 55, 0.035);
}

.pricing-table-shell {
  border-color: #e3e1ee;
  border-radius: var(--ds-card-radius-lg);
  background: #ffffff;
  max-width: 74rem;
  margin-inline: auto;
  box-shadow: var(--ds-shadow-3);
}

.pricing-catalog-intro {
  border-bottom: 1px solid #e7e5f2;
  background: #faf9ff;
  padding: clamp(1.6rem, 3.4vw, 2.4rem) clamp(1.5rem, 4vw, 2.8rem);
}

.pricing-catalog-intro span {
  display: block;
  color: #7c3aed;
  font-size: 0.9rem;
  font-weight: 650;
  letter-spacing: 0;
}

.pricing-catalog-intro h3 {
  margin-top: 0.8rem;
  max-width: 58rem;
  color: #182133;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  font-weight: 740 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.02em !important;
}

.pricing-table th {
  background: #ffffff;
  color: #526075;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 1.35rem clamp(1.5rem, 4vw, 2.8rem);
  text-transform: none;
}

.pricing-table th:nth-child(1) {
  width: 32%;
}

.pricing-table th:nth-child(2) {
  width: 48%;
}

.pricing-table th:nth-child(3) {
  width: 20%;
}

.pricing-table td {
  border-top-color: #e9e7f2;
  color: #5a687f;
  font-size: 1rem;
  line-height: 1.74;
  padding: 1.38rem clamp(1.5rem, 4vw, 2.8rem);
}

.pricing-table tbody tr:hover {
  background: #fcfbff;
}

.pricing-service {
  gap: 0;
}

.pricing-service .platform-logo {
  display: none;
}

.pricing-service__body {
  gap: 0;
}

.pricing-service__name {
  color: #182133;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.pricing-service__meta {
  display: none;
}

.pricing-service:hover .pricing-service__name {
  color: #7c3aed;
}

.pricing-price {
  min-height: 2.2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e2ee;
  border-radius: 999px;
  background: #ffffff;
  color: #182133;
  font-family: inherit;
  font-size: 0.96rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding: 0.46rem 0.88rem;
  box-shadow: 0 6px 16px rgba(25, 22, 55, 0.03);
}

.pricing-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-top: 1px solid #e9e7f2;
  padding: clamp(1.5rem, 3vw, 2.4rem) clamp(1.5rem, 4vw, 2.8rem);
}

.pricing-table-footer p {
  color: #5a687f;
  font-size: 1rem !important;
  line-height: 1.68 !important;
}

.pricing-faq-section {
  padding: var(--ds-section-space-lg) 0;
  border-top: 1px solid #e5e3f0;
}

.pricing-faq-grid {
  display: grid;
  grid-template-columns: minmax(16rem, 0.44fr) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: start;
  max-width: 74rem;
  margin-inline: auto;
}

.pricing-faq-copy h2 {
  color: #172033;
  font-size: clamp(2rem, 2.2vw, 3rem) !important;
  font-weight: 730 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

.pricing-faq-copy p {
  max-width: 25rem;
  margin-top: 1rem;
  color: #607089;
  font-size: clamp(0.98rem, 1.35vw, 1.08rem) !important;
  line-height: 1.72 !important;
}

.pricing-faq-copy a {
  display: inline-flex;
  margin-top: 2rem;
  color: #172033;
  font-weight: 700;
  text-decoration: none;
}

.pricing-faq-copy a:hover {
  color: #7c3aed;
}

.pricing-faq-list {
  display: grid;
  gap: 1rem;
}

.pricing-faq-item {
  border: 1px solid #e3e1ee;
  border-radius: var(--ds-card-radius);
  background: #ffffff;
  box-shadow: var(--ds-shadow-1);
}

.pricing-faq-item summary {
  display: flex;
  min-height: 5.2rem;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  color: #182133;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  list-style: none;
  padding: 1.25rem 1.5rem;
}

.pricing-faq-item summary::-webkit-details-marker {
  display: none;
}

.pricing-faq-toggle {
  display: inline-flex;
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e1ee;
  border-radius: 999px;
  background: #f7f5ff;
  color: #445065;
  font-size: 1.05rem;
  font-weight: 700;
  transition: transform 180ms ease, background-color 180ms ease;
}

.pricing-faq-item[open] .pricing-faq-toggle {
  transform: rotate(45deg);
  background: #ffffff;
}

.pricing-faq-item p {
  max-width: 64rem;
  margin-top: -0.35rem;
  color: #607089;
  font-size: 1rem !important;
  line-height: 1.78 !important;
  padding: 0 1.5rem 1.6rem;
}

.pricing-note-section {
  padding: clamp(3.75rem, 6vw, 5rem) 0 var(--ds-section-space-lg);
}

.pricing-note {
  align-items: center;
  border: 0;
  border-radius: var(--ds-card-radius-lg);
  background: linear-gradient(100deg, #7c3aed 0%, #a855f7 42%, #ec4899 100%);
  max-width: 74rem;
  margin-inline: auto;
  padding: clamp(1.6rem, 4vw, 2.4rem);
  box-shadow: 0 20px 46px rgba(168, 85, 247, 0.22);
}

.pricing-note span {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.84rem;
  letter-spacing: 0;
  text-transform: none;
}

.pricing-note strong {
  margin-top: 0.45rem;
  color: #ffffff;
  font-size: clamp(2rem, 2.2vw, 3rem);
  font-weight: 730;
}

.pricing-note p {
  margin-top: 0.65rem;
  color: rgba(255, 255, 255, 0.88);
  font-size: 1rem !important;
  line-height: 1.72 !important;
}

.pricing-note__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

/* Keep pricing page visuals from being flattened by broader body/main typography rules. */
.pricing-page .pricing-hero h1 {
  color: #121a2b !important;
  font-size: clamp(2.8rem, 4.4vw, 4.8rem) !important;
  font-weight: 760 !important;
  line-height: 1.01 !important;
  letter-spacing: -0.045em !important;
}

.pricing-page .pricing-hero p,
.pricing-page .pricing-section-heading p,
.pricing-page .pricing-faq-copy p {
  color: #607089 !important;
}

.pricing-page .pricing-section-heading h2,
.pricing-page .pricing-faq-copy h2 {
  color: #172033 !important;
  font-size: clamp(2rem, 2.2vw, 3rem) !important;
  font-weight: 730 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

.pricing-page .pricing-catalog-intro h3 {
  color: #182133 !important;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  font-weight: 740 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.02em !important;
}

.pricing-page .pricing-faq-item summary {
  color: #182133 !important;
}

.pricing-page .pricing-faq-item p {
  color: #607089 !important;
  font-size: 1rem !important;
  line-height: 1.78 !important;
}

.pricing-page .pricing-note span,
.pricing-page .pricing-note strong,
.pricing-page .pricing-note p,
.pricing-page .pricing-note a {
  color: #ffffff !important;
}

@media (max-width: 1023px) {
  .pricing-faq-grid {
    grid-template-columns: 1fr;
  }

  .pricing-section-heading {
    display: grid;
    align-items: start;
  }
}

@media (max-width: 767px) {
  .pricing-page .mx-auto {
    width: 100%;
    max-width: 100%;
  }

  .pricing-hero__grid,
  .pricing-hero__copy,
  .pricing-section-heading,
  .pricing-table-shell,
  .pricing-faq-grid,
  .pricing-note {
    width: calc(100vw - 2rem);
    max-width: calc(100vw - 2rem);
  }

  .pricing-hero {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .pricing-hero h1 {
    font-size: 2.75rem !important;
    line-height: 1.02 !important;
  }

  .pricing-hero__actions,
  .pricing-table-footer,
  .pricing-note,
  .pricing-note__actions {
    display: grid;
  }

  .pricing-button {
    width: 100%;
  }

  .pricing-section-heading {
    gap: 1.2rem;
  }

  .pricing-table-shell {
    border-radius: 1.35rem;
  }

  .pricing-catalog-intro {
    padding: 1.35rem;
  }

  .pricing-table,
  .pricing-table tbody,
  .pricing-table tr,
  .pricing-table td {
    display: block;
    width: 100%;
  }

  .pricing-table thead {
    display: none;
  }

  .pricing-table tr {
    border-top: 1px solid #e9e7f2;
    padding: 1.15rem 1.35rem;
  }

  .pricing-table tr:first-child {
    border-top: 0;
  }

  .pricing-table td {
    border-top: 0;
    padding: 0.48rem 0;
  }

  .pricing-table td::before {
    color: #8b93a6;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .pricing-price {
    width: max-content;
  }

  .pricing-faq-item summary {
    min-height: 4.6rem;
    padding: 1.05rem 1.15rem;
  }

  .pricing-faq-item p {
    padding: 0 1.15rem 1.3rem;
  }
}

.pricing-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.35rem;
}

.pricing-hero__trust span {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  border: 1px solid rgba(226, 224, 237, 0.9);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #5a6880;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.68rem 0.95rem;
  box-shadow: 0 6px 16px rgba(25, 22, 55, 0.035);
}

.pricing-table-shell {
  overflow: hidden;
}

.pricing-button {
  cursor: pointer;
}

.pricing-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.14);
}

@media (max-width: 767px) {
  .pricing-hero__trust {
    gap: 0.65rem;
  }
}

/* products directory page only */
.page-products .platform-logo {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  font-size: 0.7rem;
}
@media (max-width: 640px) {
  .page-products .platform-logo {
    width: 28px;
    height: 28px;
    border-radius: 8px;
  }
}

/* Product directory follows the shared purple-pink brand system. */
.page-products {
  --product-ink: var(--ds-color-title);
  --product-body: var(--ds-color-body);
  --product-muted: var(--ds-color-muted);
  --product-border: var(--ds-color-border);
  --product-panel: var(--ds-color-panel);
  --product-soft: #fcf8ff;
  --product-brand: var(--color-brand-700);
  --product-brand-hover: var(--color-brand-600);
  --product-brand-soft: var(--color-brand-50);
  --product-brand-border: var(--color-brand-200);
  --product-focus: rgba(168, 85, 247, 0.18);
  overflow-x: clip;
  background:
    radial-gradient(circle at 8% 0%, rgba(168, 85, 247, 0.14), transparent 30rem),
    radial-gradient(circle at 92% 10%, rgba(236, 72, 153, 0.12), transparent 28rem),
    linear-gradient(180deg, #fcf8ff 0%, #ffffff 44%, #fbf7ff 100%) !important;
  color: var(--product-ink);
}

.page-products main {
  background: transparent !important;
}

.page-products section.grid-bg {
  position: relative;
  background-image:
    radial-gradient(closest-side, rgba(168, 85, 247, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(236, 72, 153, 0.18), transparent 70%),
    radial-gradient(closest-side, rgba(192, 132, 252, 0.14), transparent 72%),
    linear-gradient(to bottom, rgba(252, 248, 255, 1), rgba(255, 255, 255, 1)) !important;
  background-position: 8% -5%, 92% 10%, 54% 0%, 0 0 !important;
  background-repeat: no-repeat !important;
  background-size: 760px 760px, 620px 620px, 520px 520px, auto !important;
}

.page-products section.grid-bg::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.28), rgba(236, 72, 153, 0.2), transparent);
  display: block !important;
  opacity: 0.8;
  pointer-events: none;
}

.page-products .bc-header {
  background: linear-gradient(180deg, rgba(252, 248, 255, 0.94), rgba(252, 248, 255, 0));
}

.page-products .bc-brand__logo stop:first-child {
  stop-color: #581c87;
}

.page-products .bc-brand__logo stop:nth-child(2),
.page-products .bc-brand__logo rect:first-of-type {
  stop-color: #8b5cf6;
  fill: #8b5cf6;
}

.page-products .bc-brand__logo stop:nth-child(3),
.page-products .bc-brand__logo rect:nth-of-type(2) {
  stop-color: #ec4899;
  fill: #ec4899;
}

.page-products .bc-brand__logo rect:nth-of-type(3) {
  fill: #c084fc;
}

.page-products .bc-header__inner,
.page-products .bc-dropdown__panel,
.page-products .bc-mobile-menu,
.page-products .bc-footer,
.page-products .bc-footer__columns,
.page-products .products-directory-hot-link,
.page-products .products-directory-section-link,
.page-products main article {
  border-color: var(--product-border) !important;
  background: var(--product-panel) !important;
  box-shadow: 0 14px 36px rgba(88, 84, 245, 0.055) !important;
}

.page-products .bc-header__cta,
.page-products .bc-mobile-primary,
.page-products .bc-footer-cta__primary {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--color-brand-700) 0%, var(--color-accent-600) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(68, 56, 202, 0.18) !important;
}

.page-products .bc-header__cta:hover,
.page-products .bc-mobile-primary:hover,
.page-products .bc-footer-cta__primary:hover {
  background: linear-gradient(135deg, var(--color-brand-600) 0%, var(--color-accent-500) 100%) !important;
}

.page-products .bc-footer-cta {
  border: 1px solid var(--product-border) !important;
  background: var(--product-ink) !important;
  box-shadow: none !important;
}

.page-products .bc-footer-cta__secondary,
.page-products .bc-mobile-secondary {
  border-color: var(--product-border) !important;
  background: #ffffff !important;
  color: var(--product-ink) !important;
  box-shadow: none !important;
}

.page-products .text-brand-700 {
  color: var(--product-brand) !important;
}

.page-products .hover\:bg-brand-50\/70:hover,
.page-products .bg-brand-50 {
  background-color: var(--product-brand-soft) !important;
}

.page-products .hover\:border-brand-200:hover,
.page-products .border-brand-200 {
  border-color: var(--product-brand-border) !important;
}

.page-products .rounded-xl,
.page-products .rounded-2xl,
.page-products .rounded-3xl,
.page-products .rounded-\[1\.5rem\],
.page-products .rounded-\[1\.75rem\],
.page-products .rounded-\[2rem\],
.page-products .bc-header__inner,
.page-products .bc-dropdown__panel,
.page-products .bc-mobile-menu,
.page-products main article {
  border-radius: 0.5rem !important;
}

.page-products .rounded-full,
.page-products .products-directory-hot-link,
.page-products .products-directory-section-link,
.page-products .bc-footer__badges span,
.page-products .bc-footer-cta__eyebrow {
  border-radius: 999px !important;
}

.page-products .products-directory-hero {
  padding-top: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.75rem, 5vw, 4.75rem) !important;
}

.page-products .products-directory-hero__copy {
  max-width: 64rem !important;
}

.page-products .products-directory-hero__title {
  max-width: 18ch;
  color: var(--product-ink) !important;
  font-size: clamp(2.45rem, 4.4vw, 4.35rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.04;
}

.page-products .products-directory-hero__lead {
  max-width: 48rem;
  color: var(--product-body) !important;
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.74;
}

.page-products .products-directory-hot-links {
  gap: 0.65rem;
}

.page-products .products-directory-hot-link {
  min-height: 3rem;
  padding: 0.42rem 0.95rem 0.42rem 0.48rem;
  color: var(--product-ink) !important;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.page-products .products-directory-hot-link:hover,
.page-products .products-directory-hot-link:focus-visible {
  border-color: var(--product-brand-border) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(88, 84, 245, 0.09) !important;
  outline: 3px solid var(--product-focus);
  outline-offset: 2px;
  transform: translateY(-1px);
}

.page-products .products-directory-hot-link__logo,
.page-products .products-directory-hot-link__logo--asset {
  box-shadow: inset 0 0 0 1px var(--product-border);
}

.page-products .products-directory-hot-link__label {
  color: var(--product-ink);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0;
}

.page-products .products-directory-section-link {
  min-height: 2.25rem;
  border-color: var(--product-border) !important;
  background: #ffffff !important;
  color: var(--product-body) !important;
}

.page-products .products-directory-section-link:hover,
.page-products .products-directory-section-link:focus-visible {
  border-color: var(--product-brand-border) !important;
  color: var(--product-brand) !important;
  outline: 3px solid var(--product-focus);
  outline-offset: 2px;
}

.page-products .products-directory-hero__note,
.page-products main p {
  color: var(--product-muted) !important;
}

.page-products main h2,
.page-products main h3 {
  color: var(--product-ink) !important;
  letter-spacing: 0 !important;
}

.page-products main article {
  min-height: 100%;
  padding: 1rem !important;
}

.page-products main article a,
.page-products main article div.flex.items-center.justify-between {
  min-height: 2.75rem;
  border-color: var(--product-border) !important;
  border-radius: 0.5rem !important;
  background: #ffffff;
}

.page-products .product-entry {
  align-items: flex-start !important;
  padding-top: 0.72rem !important;
  padding-bottom: 0.72rem !important;
}

.page-products .product-entry-copy {
  display: grid;
  min-width: 0;
  gap: 0.2rem;
}

.page-products .product-entry-title {
  color: var(--product-ink);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
}

.page-products .product-entry-desc {
  max-width: 19rem;
  color: var(--product-muted);
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1.45;
}

.page-products .product-entry-price {
  flex: 0 0 auto;
  padding-top: 0.1rem;
  text-align: right;
  white-space: nowrap;
}

.page-products main article a:hover,
.page-products main article a:focus-visible {
  border-color: var(--product-brand-border) !important;
  background: var(--product-brand-soft) !important;
  outline: 3px solid var(--product-focus);
  outline-offset: 2px;
}

.page-products .platform-logo {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.page-products *:focus-visible {
  outline: 3px solid rgba(168, 85, 247, 0.28);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .page-products .products-directory-hero {
    padding-top: 2.25rem !important;
    padding-bottom: 2.75rem !important;
    max-width: 100% !important;
    overflow-x: clip;
  }

  .page-products .products-directory-hero__copy {
    max-width: 100% !important;
  }

  .page-products .products-directory-hero__title {
    max-width: 100% !important;
    font-size: clamp(2rem, 9.4vw, 2.36rem) !important;
    line-height: 1.08;
    overflow-wrap: break-word;
  }

  .page-products .products-directory-hero__lead {
    max-width: 100% !important;
    overflow-wrap: break-word;
  }

  .page-products .products-directory-hot-links,
  .page-products .products-directory-section-links {
    display: grid;
    grid-template-columns: 1fr;
  }

  .page-products .products-directory-hot-link,
  .page-products .products-directory-section-link {
    width: 100%;
  }

  .page-products .product-entry {
    gap: 0.75rem;
  }

  .page-products .product-entry-desc {
    max-width: none;
  }
}

@media (max-width: 767px) {
  html,
  body,
  body.bulkchecker-theme {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.bulkchecker-theme main,
  body.bulkchecker-theme main > section {
    max-width: 100%;
    overflow-x: clip;
  }

  body.bulkchecker-theme main > section > .mx-auto,
  body.bulkchecker-theme main > section > div,
  body.bulkchecker-theme .home-hero-shell,
  body.bulkchecker-theme .home-hero-shell > .grid,
  body.bulkchecker-theme .home-command-card,
  body.bulkchecker-theme .products-directory-hero,
  body.bulkchecker-theme .products-directory-hero__copy {
    box-sizing: border-box;
    max-width: 100% !important;
    min-width: 0;
  }

  body:not(.pricing-page)[class*="theme-"] section.grid-bg h1,
  body:not(.pricing-page)[class*="theme-"] .hero-grid h1 {
    max-width: 100% !important;
    font-size: clamp(2.05rem, 10vw, 2.8rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    overflow-wrap: break-word;
  }

  body:not(.pricing-page)[class*="theme-"] section.grid-bg h1 + p,
  body:not(.pricing-page)[class*="theme-"] .hero-grid h1 + p,
  body:not(.pricing-page)[class*="theme-"] section.grid-bg h1 + p + p,
  body:not(.pricing-page)[class*="theme-"] .hero-grid h1 + p + p {
    max-width: 100% !important;
    overflow-wrap: break-word;
  }

  .theme-home .home-hero-shell {
    padding: 1.25rem !important;
  }

  .theme-home .page-btn {
    justify-content: center;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    width: 100%;
  }
}