/* Public website chrome and content accents: monochrome silver on black. */
body:not(.public-dashboard-mode) {
  --color-accent: #e8e8e8;
  --accent: #e8e8e8;
  --accent-hover: #fff;
  --accent-2: #c8c8c8;
  --accent-soft: #ffffff12;
  --accent-contrast: #101010;
  --ember: #d9d9d9;
  --ember-strong: #f5f5f5;
  --text-link: #e5e5e5;
  --pumpkin: #ddd;
  --pumpkin-deep: #aaa;
  --pumpkin-hot: #fff;
  --pumpkin-title: linear-gradient(100deg, #fff 5%, #c6c6c6 35%, #f4f4f4 55%, #aaa 78%, #fff 100%);
  --pumpkin-card-title: linear-gradient(100deg, #f5f5f5, #bdbdbd 48%, #eee 75%, #aaa);
  --neon-blue: #ddd;
  --line: #ffffff1b;
  --line-strong: #ffffff35;
  --hl-accent: #e7e7e7;
  --hl-accent-soft: #ffffff10;
  --hl-line-accent: #ffffff25;
  --hl-line: #ffffff14;
  --alpha-accent: #e5e5e5;
  --alpha-accent-soft: #ffffff12;
}

@keyframes public-silver-shimmer {
  0%, 20% { background-position: 110% 50%; }
  72%, 100% { background-position: -20% 50%; }
}

body:not(.public-dashboard-mode) :is(.hero-copy h1.hero-headline, .ecosystem-hero h1, .premium-hero h2, .public-commands-title, .alpha-page-title) {
  background-image: linear-gradient(100deg, #fff 2%, #d0d0d0 29%, #fff 48%, #a9a9a9 68%, #fff 92%);
  background-size: 230% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: public-silver-shimmer 9s ease-in-out infinite;
}

/* One grid reserves space for branding, navigation and the Dashboard on every route. */
body:not(.public-dashboard-mode) .topbar.public-global-header {
  --public-header-width: min(1120px, calc(100vw - 48px));
  display: grid;
  grid-template-columns: minmax(128px, 1fr) max-content minmax(128px, 1fr);
  align-items: center;
  column-gap: clamp(20px, 3vw, 40px);
  width: var(--public-header-width);
  max-width: none;
  min-height: 64px;
  margin-inline: calc((100% - var(--public-header-width)) / 2);
  margin-block: 16px 100px;
  padding: 8px 0;
  top: 12px;
  overflow: visible;
  isolation: isolate;
  z-index: 1000;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .public-wordmark {
  grid-column: 1;
  justify-self: start;
  width: auto;
  gap: 10px;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .public-wordmark img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  flex: none;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav {
  grid-column: 2;
  justify-self: center;
  transform: none;
  min-height: 48px;
  padding: 5px;
  gap: 2px;
  border-radius: 16px;
  background: #111213;
  border: 1px solid #ffffff16;
  font-size: 13px;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav :is(a, summary) {
  min-height: 36px;
  padding: 10px 13px;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}
body:not(.public-dashboard-mode) .topbar.public-global-header :is(.topbar-actions, .status-dashboard-link) {
  grid-column: 3;
  justify-self: end;
}
body:not(.public-dashboard-mode) .topbar.public-global-header > .topbar-dashboard {
  grid-column: 3;
  justify-self: end;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard {
  min-width: 136px;
  min-height: 44px;
  padding: 12px 18px;
  font-size: 13px;
  line-height: 1.2;
  border-radius: 16px;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard :is(span:not(.dashboard-spider), svg) {
  position: relative;
  z-index: 1;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard::before,
body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard::after {
  content: none !important;
  display: none !important;
}

body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav a,
body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav summary,
body:not(.public-dashboard-mode) .mobile-public-nav a {
  color: #d7d7d7;
}

body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav a:hover,
body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav a:focus-visible,
body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav a[aria-current="page"],
body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav summary:hover,
body:not(.public-dashboard-mode) .mobile-public-nav a:hover,
body:not(.public-dashboard-mode) .mobile-public-nav a:focus-visible,
body:not(.public-dashboard-mode) .mobile-public-nav a[aria-current="page"] {
  color: #fff;
}

body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav a::after {
  background: linear-gradient(90deg, transparent, #f5f5f5, transparent);
}

body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard {
  color: #101010;
  background: linear-gradient(110deg, #fff 0%, #d6d6d6 42%, #fff 68%, #c1c1c1 100%);
  background-size: 220% 100%;
  border-color: #ffffff8a;
  box-shadow: 0 5px 22px #ffffff14;
  animation: public-silver-shimmer 7s ease-in-out infinite;
}

body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard:hover {
  color: #050505;
  border-color: #fff;
  box-shadow: 0 7px 28px #ffffff25;
}
body:not(.public-dashboard-mode) .public-scroll-progress > span {
  background: linear-gradient(90deg, #777, #fff 48%, #bcbcbc);
  box-shadow: 0 0 8px #ffffff40;
}

body:not(.public-dashboard-mode) .public-scroll-top {
  color: #f2f2f2;
  border-color: #ffffff35;
  background: #151515e8;
}
body:not(.public-dashboard-mode) .public-scroll-top-ring {
  background: conic-gradient(from -90deg, #e5e5e5 calc(var(--public-scroll-progress) * 1turn), #ffffff10 0);
}
body:not(.public-dashboard-mode) .public-scroll-top::before { background: radial-gradient(circle at 50% 115%, #ffffff16, #0000 58%); }
body:not(.public-dashboard-mode) .public-scroll-top-icon,
body:not(.public-dashboard-mode) .public-scroll-top-value { color: #f0f0f0; text-shadow: 0 0 10px #ffffff45; }
body:not(.public-dashboard-mode) .public-scroll-top:hover { border-color: #fff; box-shadow: 0 18px 46px #000b, 0 0 0 4px #ffffff0d, 0 0 24px #ffffff1a; }
body:not(.public-dashboard-mode) .skip-link,
body:not(.public-dashboard-mode) :focus-visible { outline-color: #f2f2f2; }

/* Home: remove lingering cyan numbers, labels and decorative glyphs, not platform marks. */
body[data-public-route="introduction"] .home-case-icon,
body[data-public-route="introduction"] .home-role-server-mark,
body[data-public-route="introduction"] .home-audit-symbol,
body[data-public-route="introduction"] .home-more-card-icon,
body[data-public-route="introduction"] .home-more-card-arrow,
body[data-public-route="introduction"] .home-scene-cta > span,
body[data-public-route="introduction"] .home-visual-chrome b,
body[data-public-route="introduction"] .home-visual-chrome em,
body[data-public-route="introduction"] .home-integration-card:not(.integration-discord) .home-integration-icon,
body[data-public-route="introduction"] .home-integration-card:not(.integration-discord) .home-integration-state {
  color: #e4e4e4;
}
body[data-public-route="introduction"] .home-case-icon,
body[data-public-route="introduction"] .home-role-server-mark,
body[data-public-route="introduction"] .home-audit-symbol,
body[data-public-route="introduction"] .home-more-card-icon {
  text-shadow: 0 0 12px #ffffff20;
}
body[data-public-route="introduction"] .home-scene-cta > span { opacity: .82; }
body[data-public-route="introduction"] .home-section h2,
body[data-public-route="introduction"] .hero-copy h1,
body[data-public-route="introduction"] .home-feature-heading,
body[data-public-route="introduction"] .home-more-card h3 {
  color: #f3f3f3;
  -webkit-text-fill-color: #f3f3f3;
  text-shadow: 0 0 24px #ffffff12;
}
body[data-public-route="introduction"] .home-section small,
body[data-public-route="introduction"] .home-case-row em,
body[data-public-route="introduction"] .home-audit-row em,
body[data-public-route="introduction"] .home-more-card p {
  color: #a7a7a7;
}

/* Home's remaining module previews: silver labels and indices. */
body[data-public-route="introduction"] .bento-index,
body[data-public-route="introduction"] .bento-link,
body[data-public-route="introduction"] .bento-link span,
body[data-public-route="introduction"] .home-role-pill,
body[data-public-route="introduction"] .home-role-editor .is-highlighted,
body[data-public-route="introduction"] .labs-chat-flow i,
body[data-public-route="introduction"] .labs-chat-sigil,
body[data-public-route="introduction"] .home-operations-nav i,
body[data-public-route="introduction"] .home-operations-nav .is-active,
body[data-public-route="introduction"] .home-operations-side i,
body[data-public-route="introduction"] .home-operations-button,
body[data-public-route="introduction"] .home-operations-button span,
body[data-public-route="introduction"] .home-integration-copy,
body[data-public-route="introduction"] .home-integration-copy b,
body[data-public-route="introduction"] .home-integration-state,
body[data-public-route="introduction"] .home-final-cta a,
body[data-public-route="introduction"] .home-final-cta a span,
body[data-public-route="introduction"] .home-foundation a,
body[data-public-route="introduction"] .site-footer-wordmark { color: #e2e2e2; }
body[data-public-route="introduction"] .home-role-editor .is-highlighted,
body[data-public-route="introduction"] .home-role-pill,
body[data-public-route="introduction"] .home-operations-nav .is-active { background-color: #ffffff12; border-color: #ffffff30; }
body[data-public-route="introduction"] :is(.bento-index, .bento-link, .bento-link span, .bento-album-art, .home-role-hierarchy .is-highlighted, .home-labs-chat-composer span, .home-labs-chat-flow i, .labs-chat-flow i, .home-operations-nav i, .home-operations-nav .is-active, .home-operations-side i, .home-operations-button, .home-operations-button span, .home-community-rail-heading, .more-commands-pill, .more-commands-pill span, .home-final-cta a, .home-final-cta a span, .home-integration-copy, .home-integration-copy b, .home-integration-state) { color: #e2e2e2 !important; }
body[data-public-route="introduction"] .home-operations-nav .is-active { background: #ffffff12 !important; border-color: #ffffff30 !important; }
body[data-public-route="introduction"] .home-final-cta,
body[data-public-route="introduction"] .home-final-cta::before,
body[data-public-route="introduction"] .home-final-cta::after { --home-accent: #e7e7e7; }
body[data-public-route="introduction"] .home-integration-copy,
body[data-public-route="introduction"] .home-integration-copy b,
body[data-public-route="introduction"] .home-integration-state { color: #e2e2e2 !important; }
body[data-public-route="introduction"] :is(.hero-module-pill, .hero-module-label, .home-section-emblem, .product-bento-module-heading > span, .bento-link b, .home-showcase-copy > span, .bento-track-copy small, .bento-track-time, .bento-queue-row :is(i, small, time), .home-visual-chrome i, .home-case-summary small, .home-case-timeline em, .policy-heading, .policy-heading span) {
  color: #d4d4d4 !important;
}
body[data-public-route="introduction"] .hero-cta--invite .hero-cta-icon,
body[data-public-route="introduction"] .hero-cta--invite .hero-cta-icon svg { color: #d4d4d4 !important; }
body[data-public-route="introduction"] :is(.home-showcase-copy > span, .home-case-foot, .home-case-foot *, .home-role-editor, .home-role-editor *, .home-role-preview, .home-role-preview *, .home-role-hierarchy, .home-role-hierarchy *, .bento-queue-count) {
  color: #c4c4c4 !important;
}
body[data-public-route="introduction"] :is(.home-disclosure, .home-labs-ai-core small, .home-labs-chat-head, .home-labs-chat-head em, .home-labs-chat-composer, .home-labs-chat-composer *, .home-audit-toolbar b, .home-operations-welcome small) {
  color: #c4c4c4 !important;
}
body[data-public-route="introduction"] :is(.home-role-foot, .home-role-foot *, .home-audit-toolbar, .home-audit-toolbar *, .home-audit-list, .home-audit-list *, .home-audit-foot, .home-audit-foot *, .home-labs-chat-head *, .bento-queue-count *) {
  color: #bdbdbd !important;
}
body[data-public-route="introduction"] .home-showcase-copy h2 span {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
body[data-public-route="introduction"] :is(.home-case-timeline small, .labs-chat-flow span) { color: #bdbdbd !important; }
body[data-public-route="introduction"] :is(.home-operations-nav, .home-operations-nav *, .home-operations-foot, .home-operations-foot *, .home-integrations-emblem) {
  color: #c4c4c4 !important;
}
body[data-public-route="introduction"] .more-commands-pill i,
body[data-public-route="introduction"] .home-community-rail-heading span { color: #d4d4d4 !important; }

/* Keep the separate music product's brand art intact; neutralize its UI chrome. */
body[data-public-route="headless-music"] .animated-background.home-space-background { --space-cyan: 255, 255, 255; }
body[data-public-route="headless-music"] .music-docs-brand strong i,
body[data-public-route="headless-music"] .music-docs-invite span,
body[data-public-route="headless-music"] .music-docs-mobile-toggle i,
body[data-public-route="headless-music"] .music-doc-accordion summary::after,
body[data-public-route="headless-music"] .music-doc-code-head button,
body[data-public-route="headless-music"] .music-command-param code,
body[data-public-route="headless-music"] .music-doc-table td code,
body[data-public-route="headless-music"] .music-doc-badge.optional { color: #dedede; }
body[data-public-route="headless-music"] .music-docs-search:focus-within,
body[data-public-route="headless-music"] .music-docs-sidebar a[aria-current="page"],
body[data-public-route="headless-music"] .music-nav-item.active { border-color: #ffffff38; color: #fff; }
body[data-public-route="headless-music"] .music-docs-invite,
body[data-public-route="headless-music"] .music-docs-mobile-toggle { border-color: #ffffff2a; background: #ffffff0b; }
body[data-public-route="headless-music"] .music-docs-invite:hover { border-color: #ffffff59; background: #ffffff14; }
body[data-public-route="headless-music"] .music-docs-search,
body[data-public-route="headless-music"] .music-doc-table-wrap,
body[data-public-route="headless-music"] .music-source-list li,
body[data-public-route="headless-music"] .music-doc-accordion,
body[data-public-route="headless-music"] .music-doc-table th,
body[data-public-route="headless-music"] .music-doc-table td { border-color: #ffffff1b; }
body[data-public-route="headless-music"] .music-docs-search:focus-within { box-shadow: 0 0 0 2px #ffffff0c; }

/* Complete the public theme on standalone FAQ and the voice/music product pages. */
body.faq-standalone .faq-heading h1,
body.faq-standalone .faq-heading h1 span { color: #f5f5f5 !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
body.faq-standalone .faq-answer-inner a { color: #e5e5e5 !important; }
body.faq-standalone .faq-answer-inner a:hover { color: #ffffff !important; }
body[data-public-route="headless-vc"] :is(.eyebrow, .voice-detail-kicker, .voice-room-speaker, .voice-room-lock, .voice-toolbar-label, .voice-panel-foot > span, .voice-detail-card a, .voice-room-controls span, .voice-action, .nav-icon) { color: #b8b8b8 !important; }
body[data-public-route="headless-vc"] :is(.voice-detail-card, .voice-room-preview, .voice-room-controls, .voice-action) { border-color: #ffffff16 !important; background-color: #111111 !important; box-shadow: none !important; }
body[data-public-route="headless-vc"] :is(.voice-room-speaker, .voice-room-lock) svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
body[data-public-route="headless-music"] :is(.music-docs-mark, .music-article-kicker, .music-player-art-mark, .music-player-demo-label, .music-player-controls, .music-player-controls *, .music-docs-invite span) { color: #d4d4d4 !important; }
body[data-public-route="headless-music"] a span { color: inherit !important; }
body[data-public-route="headless-music"] .music-docs-mark { border-color: #ffffff24 !important; background: #181818 !important; box-shadow: none !important; }
body[data-public-route="headless-music"] :is(.music-player-art, .music-player-progress, .music-player-controls) { filter: grayscale(1); }
body[data-public-route="introduction"] #introduction .home-integration-music-note { max-width: 64ch; margin: 14px auto 0; color: #b8b8b8; font-size: 14px; line-height: 1.7; }
body[data-public-route="introduction"] #introduction .home-integration-music-note > span { color: #1ed760 !important; font-weight: 650; }
body[data-public-route="introduction"] #introduction .home-integration-music-note a { color: #e5e5e5; text-decoration: underline; text-underline-offset: 3px; }

/* Affiliates: neutral card surfaces and typography, preserving product artwork. */
body[data-public-route="affiliates"] .ecosystem-eyebrow,
body[data-public-route="affiliates"] .ecosystem-index,
body[data-public-route="affiliates"] .affiliate-code,
body[data-public-route="affiliates"] .ecosystem-hero h1 span,
body[data-public-route="affiliates"] .ecosystem-music-wordmark i,
body[data-public-route="affiliates"] .ecosystem-product-copy .affiliate-code i,
body[data-public-route="affiliates"] .ecosystem-product-actions .btn span,
body[data-public-route="affiliates"] .ecosystem-note span { color: #dedede; }
body[data-public-route="affiliates"] .ecosystem-eyebrow i { background: #ddd; box-shadow: 0 0 10px #ffffff45; }
body[data-public-route="affiliates"] .ecosystem-music-wordmark { color: #e5e5e5; }
body[data-public-route="affiliates"] .ecosystem-product,
body[data-public-route="affiliates"] .ecosystem-product.affiliate-card-music {
  border-color: #ffffff18;
  background: radial-gradient(ellipse at 14% 50%, #ffffff0a, transparent 48%), linear-gradient(115deg, #111, #080808);
}
body[data-public-route="affiliates"] .ecosystem-product::after { background: linear-gradient(180deg, transparent, #ffffff70, transparent); }
body[data-public-route="affiliates"] .ecosystem-product::before { background: radial-gradient(circle at 12% 2%, #ffffff12, transparent 42%); opacity: .42; }
body[data-public-route="affiliates"] .ecosystem-product:hover { border-color: #ffffff48; box-shadow: 0 38px 110px #0008, 0 0 34px #ffffff0c; }
body[data-public-route="affiliates"] .ecosystem-product.affiliate-card-music::before { background: radial-gradient(circle at 12% 2%, #ffffff12, transparent 42%); }
body[data-public-route="affiliates"] .ecosystem-product-identity img { filter: drop-shadow(0 0 18px #ffffff18); }
body[data-public-route="affiliates"] .ecosystem-product-actions { border-color: #ffffff16; }
body[data-public-route="affiliates"] .ecosystem-product-actions .btn.primary { border-color: #ffffff3d; background: linear-gradient(115deg, #292929, #151515); color: #f5f5f5; }
body[data-public-route="affiliates"] .ecosystem-product .affiliate-tags span { border-color: #ffffff20; background: #ffffff08; color: #ddd; }

/* AI / Commands / Premium share the silver control language. */
body[data-public-route="ias"] .alpha-lab-section { --alpha-accent: #e6e6e6; --alpha-accent-soft: #ffffff13; }
body[data-public-route="ias"] .alpha-history-search:focus-within { border-color: #ffffff62; box-shadow: 0 0 0 2px #ffffff0d; }
body[data-public-route="ias"] .alpha-quota-dot,
body[data-public-route="ias"] .alpha-suggestion-copy,
body[data-public-route="ias"] .alpha-suggestion-copy strong { color: #e4e4e4; }
body[data-public-route="ias"] .alpha-suggestion:hover { border-color: #ffffff30; background: #ffffff0a; }
body[data-public-route="ias"] .alpha-send-button { color: #111; background: #e7e7e7; border-color: #fff; }
body[data-public-route="ias"] .alpha-send-button:hover { background: #fff; box-shadow: 0 0 20px #ffffff20; }
body[data-public-route="commands"] .public-commands-title,
body[data-public-route="commands"] .public-command-category-title,
body[data-public-route="commands"] .command-category-title { color: #f0f0f0; }
body[data-public-route="commands"] .public-command-category-icon,
body[data-public-route="commands"] .command-category-icon,
body[data-public-route="commands"] .command-card h3,
body[data-public-route="commands"] .command-aliases,
body[data-public-route="commands"] .command-syntax { color: #e5e5e5; }
body[data-public-route="commands"] .public-commands-search:focus-within,
body[data-public-route="commands"] .public-commands-search:focus-visible,
body[data-public-route="commands"] .command-card:hover { border-color: #ffffff3a; box-shadow: 0 0 24px #ffffff0b; }
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-category.is-active,
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-category:hover { color: #fff; background: #ffffff10; }
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-category.is-active { box-shadow: inset 0 -2px #e8e8e8; }
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-category .command-category-icon,
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-category.is-active .command-category-icon,
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-category-scroll:hover { color: #e6e6e6; }
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-commands-search-trigger:hover,
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-commands-search.is-open .public-commands-search-trigger,
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-copy:hover,
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-copy.is-copy-feedback { color: #fff; background: #ffffff12; border-color: #ffffff3d; }
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-commands-search input:focus { border-color: #ffffff5c; }
body:not(.public-dashboard-mode)[data-public-route="commands"] .public-command-card:focus-within { border-color: #ffffff45; }
body[data-public-route="premium"] .premium-kicker,
body[data-public-route="premium"] .premium-hero h2 span,
body[data-public-route="premium"] .premium-coming,
body[data-public-route="premium"] .premium-trust-strip,
body[data-public-route="premium"] .premium-operation-note { color: #d8d8d8; }
body[data-public-route="premium"] .premium-hero h2 { text-shadow: 0 0 24px #ffffff14; }
body[data-public-route="premium"] .premium-primary-cta { color: #111; background: linear-gradient(110deg, #fff, #c9c9c9 48%, #f6f6f6); border-color: #ffffff80; }
body[data-public-route="premium"] .premium-primary-cta:hover { box-shadow: 0 0 28px #ffffff20; }

@media (max-width: 760px) {
  body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav { transform: none; }
}
@media (max-width: 600px) {
}

@media (prefers-reduced-motion: reduce) {
  body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard { animation: none; }
  body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav { transform: none; }
  body:not(.public-dashboard-mode) :is(.hero-copy h1.hero-headline, .ecosystem-hero h1, .premium-hero h2, .public-commands-title, .alpha-page-title) { animation: none; background-position: 50% 50%; }
  body[data-public-route="premium"] .premium-announcement h2,
  body[data-public-route="premium"] .premium-announcement h2 span { animation: none !important; background-position: 50% 50% !important; }
}

/* Final neutral pass: replace remaining direct cyan borders and ambient gradients. */
body:not(.public-dashboard-mode) {
  scrollbar-color: #a8a8a8 #080808;
}
body:not(.public-dashboard-mode)::-webkit-scrollbar-track { background: #080808; border-left-color: #ffffff10; }
body:not(.public-dashboard-mode)::-webkit-scrollbar-thumb {
  background: linear-gradient(#c9c9c9, #777 52%, #d8d8d8);
  border-color: #080808;
  box-shadow: inset 0 1px #ffffff70, 0 0 10px #ffffff20;
}
body:not(.public-dashboard-mode)::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#fff, #aaa 52%, #eee);
  box-shadow: inset 0 1px #fff, 0 0 16px #ffffff35;
}
body:not(.public-dashboard-mode) .public-ember-atmosphere::before,
body:not(.public-dashboard-mode) .public-ember-atmosphere::after {
  background-image: radial-gradient(ellipse at 18% 92%, #ffffff24 0%, #ffffff18 16%, #ffffff0d 39%, transparent 71%);
}
body[data-public-route="introduction"] .home-labs-ai-orbit,
body[data-public-route="introduction"] .home-operations-button {
  border-color: #ffffff30 !important;
}
body[data-public-route="introduction"] .home-labs-ai-orbit::before,
body[data-public-route="introduction"] .home-labs-ai-orbit::after {
  border-color: #ffffff28 !important;
  background-image: radial-gradient(ellipse at 48% 82%, #ffffff35 0%, #ffffff20 18%, #ffffff0c 45%, transparent 74%) !important;
}
body[data-public-route="affiliates"] .ecosystem-product-actions .btn.primary::before {
  background: linear-gradient(128deg, #ffffff48, transparent 31%, transparent 68%, #ffffff36) !important;
}
body[data-public-route="affiliates"] .ecosystem-product-actions .btn.primary::after {
  background: radial-gradient(150px, #ffffff20 0%, #ffffff10 32%, transparent 72%) !important;
}
body[data-public-route="premium"] .premium-coming,
body[data-public-route="premium"] .premium-operation-note {
  border-color: #ffffff2b !important;
}
body[data-public-route="premium"] .premium-operation-note {
  background-image: linear-gradient(100deg, #ffffff0b, transparent 55%) !important;
}
body[data-public-route="premium"] .premium-coming::before {
  background: #d8d8d8 !important;
  box-shadow: 0 0 10px #ffffff50 !important;
}
/* Shared ambient layer and hero/button sheens were still using the old cyan palette. */
body:not(.public-dashboard-mode) .public-ember-atmosphere > span {
  background-image: radial-gradient(ellipse at 48% 82%, #ffffff72 0%, #ffffff54 8%, #ffffff2c 24%, #ffffff12 48%, transparent 72%) !important;
}
body:not(.public-dashboard-mode) .public-ember-atmosphere > i {
  background-image: linear-gradient(#f4f4f4, #9a9a9a) !important;
}
body:not(.public-dashboard-mode) :is(.doc-section.hero-section)::after {
  background: radial-gradient(ellipse at 50% 50%, #ffffff10, transparent 70%) !important;
}
body:not(.public-dashboard-mode) .hero-primary::before,
body:not(.public-dashboard-mode) .hero-cta--invite::before,
body:not(.public-dashboard-mode) .topbar-dashboard::before {
  background: linear-gradient(128deg, #ffffff4d, transparent 35%, transparent 68%, #ffffff38) !important;
}
body:not(.public-dashboard-mode) .hero-headline::after,
body:not(.public-dashboard-mode) .topbar-dashboard::after {
  color: #ffffff;
  background-image: linear-gradient(100deg, transparent, #ffffff70, transparent) !important;
}
body:not(.public-dashboard-mode) .alpha-lab-section::after {
  background: radial-gradient(ellipse at 70% 10%, #ffffff0d, transparent 60%) !important;
}
body:not(.public-dashboard-mode) .toast {
  border-color: #ffffff28 !important;
  box-shadow: 0 10px 30px #0008, 0 0 18px #ffffff09 !important;
}
/* Keep motion, remove hue: these pseudo layers are decorative, not platform marks. */
body:not(.public-dashboard-mode) .public-ember-atmosphere,
body:not(.public-dashboard-mode) .animated-background::before,
body:not(.public-dashboard-mode) .animated-background::after,
body:not(.public-dashboard-mode) .public-ember-atmosphere > *::before,
body:not(.public-dashboard-mode) .public-ember-atmosphere > *::after,
body:not(.public-dashboard-mode) .doc-section::before,
body:not(.public-dashboard-mode) .doc-section::after,
body:not(.public-dashboard-mode) .btn::before,
body:not(.public-dashboard-mode) .btn::after,
body:not(.public-dashboard-mode) .premium-announcement::before,
body:not(.public-dashboard-mode) .premium-announcement::after,
body:not(.public-dashboard-mode) .premium-announcement *::before,
body:not(.public-dashboard-mode) .premium-announcement *::after {
  filter: grayscale(1) !important;
}
body[data-public-route="premium"] .premium-announcement {
  background-image: linear-gradient(115deg, #ffffff08, #111111 48%, #ffffff05) !important;
}
body[data-public-route="premium"] .premium-coming > span {
  background: #d8d8d8 !important;
  box-shadow: 0 0 10px #ffffff50 !important;
}
body[data-public-route="premium"] .premium-announcement { --premium-accent: #dedede; --premium-accent-soft: #ffffff12; }
body[data-public-route="premium"] .premium-announcement h2,
body[data-public-route="premium"] .premium-announcement h2 span {
  color: #f0f0f0 !important;
  background-image: linear-gradient(100deg, #fff 0%, #c9c9c9 35%, #fff 58%, #aaa 78%, #fff 100%) !important;
  background-size: 230% 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: public-silver-shimmer 9s ease-in-out infinite !important;
  text-shadow: 0 0 24px #ffffff14 !important;
}
body[data-public-route="premium"] .premium-announcement .btn.primary {
  color: #111 !important;
  background: linear-gradient(110deg, #fff, #c7c7c7 48%, #f5f5f5) !important;
  border-color: #ffffff80 !important;
  box-shadow: 0 0 22px #ffffff12 !important;
}
body[data-public-route="premium"] .premium-announcement .btn:not(.primary) {
  border-color: #ffffff30 !important;
  background: linear-gradient(110deg, #ffffff0b, #ffffff03) !important;
}

/* Keep brand color inside platform marks, while all surrounding UI stays silver. */
body[data-public-route="introduction"] #introduction .hero-cta--invite .hero-cta-icon,
body[data-public-route="introduction"] #introduction .hero-cta--invite .hero-cta-icon svg,
body[data-public-route="introduction"] #introduction .home-integration-card.integration-discord .home-integration-icon,
body[data-public-route="introduction"] #introduction .home-integration-card.integration-discord .home-integration-icon svg {
  color: #5865f2 !important;
  fill: #5865f2 !important;
}
body[data-public-route="introduction"] #introduction .home-integration-card.integration-pinterest .home-integration-icon,
body[data-public-route="introduction"] #introduction .home-integration-card.integration-pinterest .home-integration-icon svg,
body[data-public-route="introduction"] #introduction .home-integration-card.integration-pinterest .home-integration-icon svg path {
  color: #e60023 !important;
  fill: #e60023 !important;
}
body[data-public-route="introduction"] #introduction .home-integration-card.integration-youtube .home-integration-icon,
body[data-public-route="introduction"] #introduction .home-integration-card.integration-youtube .home-integration-icon svg,
body[data-public-route="introduction"] #introduction .home-integration-card.integration-youtube .home-integration-icon svg path {
  color: #ff0033 !important;
  fill: #ff0033 !important;
}
body[data-public-route="introduction"] #introduction .home-integration-card.integration-instagram .integration-instagram-mark-1 path {
  fill: url("#headless-instagram-gradient-1") !important;
}
body[data-public-route="introduction"] #introduction .home-integration-card.integration-instagram .integration-instagram-mark-2 path {
  fill: url("#headless-instagram-gradient-2") !important;
}
body[data-public-route="introduction"] #introduction .home-integration-card.integration-instagram .home-integration-icon svg {
  filter: drop-shadow(0 2px 5px #d629761f);
}
body[data-public-route="introduction"] #introduction .home-integration-card.integration-tiktok .home-integration-icon svg {
  color: #fff !important;
  fill: #fff !important;
  filter: drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55);
}
body[data-public-route="introduction"] #introduction .home-integration-card.integration-roblox .home-integration-icon svg,
body[data-public-route="introduction"] #introduction .home-integration-card.integration-roblox .home-integration-icon svg path {
  color: #f2f2f2 !important;
  fill: #f2f2f2 !important;
}

/* Monochrome hero composition: editorial first line, strong silver headline, centered actions. */
body[data-public-route="introduction"] #introduction > .hero-primary {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  justify-items: center;
  gap: clamp(24px, 4vh, 42px);
  width: min(calc(100% - 48px), 1320px);
  min-height: calc(100svh - 64px);
  padding-block: clamp(54px, 8vh, 90px) 46px;
}
body[data-public-route="introduction"] #introduction .hero-copy {
  top: 0;
  grid-column: 1;
  grid-row: 1;
  max-width: 100%;
  text-align: center;
}
body[data-public-route="introduction"] #introduction .hero-copy h1.hero-headline {
  display: grid;
  width: min(100%, 1280px);
  max-width: 1280px;
  margin: 0 auto 18px;
  font-size: clamp(38px, 4.8vw, 68px);
  line-height: 1.03;
  letter-spacing: -.04em;
  text-align: center;
  text-wrap: balance;
}
body[data-public-route="introduction"] #introduction .hero-copy h1.hero-headline .hero-headline-lead {
  display: block;
  margin-bottom: 8px;
  color: #e5e5e5 !important;
  font-family: "Manrope", "Segoe UI", sans-serif;
  font-size: .58em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.2;
  white-space: normal !important;
}
body[data-public-route="introduction"] #introduction .hero-editorial {
  display: block;
  max-width: none;
  margin: 0;
  background-image: linear-gradient(100deg, #fff 0%, #e5e5e5 35%, #a3a3a3 52%, #fff 68%, #d5d5d5 88%, #fff 100%);
  background-size: 220% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: public-silver-shimmer 10s ease-in-out infinite;
  font-family: "Space Grotesk", "Manrope", sans-serif;
  font-size: 1em;
  font-weight: 720;
  line-height: 1.04;
  white-space: normal !important;
}
body[data-public-route="introduction"] #introduction .hero-accent {
  color: #fff !important;
  background-image: linear-gradient(100deg, #fff 0%, #c6c6c6 42%, #fff 60%, #a3a3a3 82%, #fff 100%);
  background-size: 220% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body[data-public-route="introduction"] #introduction .hero-copy > p.hero-description {
  width: min(100%, 660px);
  margin: 18px auto 0;
  text-align: center;
  font-size: clamp(14px, 1.25vw, 17px);
  line-height: 1.7;
}
body[data-public-route="introduction"] #introduction .hero-actions--paired {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
body[data-public-route="introduction"] #introduction .hero-cta--invite .hero-cta-icon,
body[data-public-route="introduction"] #introduction .hero-cta--invite .hero-cta-icon svg {
  color: #5865f2 !important;
  fill: #5865f2 !important;
}
body[data-public-route="introduction"] #introduction .hero-cta--commands {
  border-color: #ffffff2b;
  background: linear-gradient(180deg, #ffffff0b, #ffffff04);
  color: #ededed;
}
body[data-public-route="introduction"] #introduction .hero-cta--commands:hover,
body[data-public-route="introduction"] #introduction .hero-cta--commands:focus-visible {
  border-color: #ffffff70;
  background: linear-gradient(180deg, #ffffff17, #ffffff08);
  color: #fff;
}
body[data-public-route="introduction"] #introduction .hero-module-stream {
  top: 0;
  grid-column: 1;
  grid-row: 2;
  width: min(100%, 420px);
  height: 150px;
}
body[data-public-route="introduction"] #introduction .hero-module-mask { height: 150px; }
body[data-public-route="introduction"] #introduction .hero-module-set { align-items: center; }

/* Keep the hero focused: the old rotating module pills distracted from both actions. */
body[data-public-route="introduction"] #introduction .hero-primary {
  grid-template-rows: minmax(0, 1fr) !important;
  min-height: clamp(480px, 72svh, 640px) !important;
  height: auto !important;
}
body[data-public-route="introduction"] #introduction .hero-module-stream { display: none !important; }

/* All Home section headings share the same restrained white-to-silver motion. */
body[data-public-route="introduction"] #introduction :is(
  .security-feature h2,
  .product-bento h2,
  .home-showcase h2,
  .home-integrations h2,
  .home-foundation h2,
  .home-more h2,
  .home-final-cta h2
),
body[data-public-route="introduction"] #introduction :is(
  .security-feature h2 span,
  .product-bento h2 span,
  .home-showcase h2 span,
  .home-integrations h2 span,
  .home-foundation h2 span,
  .home-more h2 span,
  .home-final-cta h2 span
) {
  color: #fff !important;
  background-image: linear-gradient(105deg, #fff 0%, #e5e5e5 28%, #a3a3a3 48%, #fff 66%, #c7c7c7 84%, #fff 100%) !important;
  background-size: 240% 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  animation: public-silver-shimmer 11s ease-in-out infinite !important;
}

/* Brand color belongs on the integration name as well as its mark. */
body[data-public-route="introduction"] #introduction .home-integration-copy strong {
  color: #e5e5e5;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none;
}
body[data-public-route="introduction"] #introduction .integration-discord .home-integration-copy strong { color: #5865f2 !important; }
body[data-public-route="introduction"] #introduction .integration-pinterest .home-integration-copy strong { color: #e60023 !important; }
body[data-public-route="introduction"] #introduction .integration-youtube .home-integration-copy strong { color: #ff0033 !important; }
body[data-public-route="introduction"] #introduction .integration-tiktok .home-integration-copy strong {
  color: #25f4ee !important;
  text-shadow: 1px 1px 0 #fe2c5566;
}
body[data-public-route="introduction"] #introduction .integration-instagram .home-integration-copy strong {
  color: #e1306c !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #e1306c !important;
}
body[data-public-route="introduction"] #introduction .integration-roblox .home-integration-copy strong { color: #fff !important; }
body[data-public-route="introduction"] #introduction .integration-spotify .home-integration-copy strong { color: #1ed760 !important; }

@media (prefers-reduced-motion: reduce) {
  body[data-public-route="introduction"] #introduction :is(
    .security-feature h2, .security-feature h2 span,
    .product-bento h2, .product-bento h2 span,
    .home-showcase h2, .home-showcase h2 span,
    .home-integrations h2, .home-integrations h2 span,
    .home-foundation h2, .home-foundation h2 span,
    .home-more h2, .home-more h2 span,
    .home-final-cta h2, .home-final-cta h2 span
  ) { animation: none !important; background-position: 50% 50% !important; }
}

/* The active Home illustration now uses the same silver light as the rest of the site. */
body[data-public-route="introduction"] #introduction .network-route { stroke: #c7c7c7 !important; filter: none !important; }
body[data-public-route="introduction"] #introduction .network-signal { stroke: #f5f5f5 !important; filter: drop-shadow(0 0 5px #ffffff70) drop-shadow(0 0 14px #ffffff30) !important; }
body[data-public-route="introduction"] #introduction .network-receiver { fill: #e5e5e5 !important; filter: drop-shadow(0 0 5px #ffffff70) !important; }
body[data-public-route="introduction"] #introduction .network-core img {
  filter: grayscale(1) brightness(1.12) !important;
  box-shadow: inset 0 0 18px #0007, 0 0 24px #ffffff12 !important;
}
body[data-public-route="introduction"] #introduction .home-labs-ai-core img {
  filter: grayscale(1) brightness(1.08) drop-shadow(0 0 14px #ffffff25) !important;
}
body[data-public-route="introduction"] #introduction .home-audit-pixel-mark {
  width: 19px;
  height: 19px;
  image-rendering: pixelated;
  vertical-align: middle;
  filter: drop-shadow(0 0 6px #ffffff2b);
}
body[data-public-route="introduction"] #introduction .home-audit-brand-mark {
  width: 19px;
  height: 19px;
  object-fit: contain;
  border-radius: 50%;
  vertical-align: middle;
  filter: grayscale(1) brightness(1.12) drop-shadow(0 0 5px #ffffff20);
}

/* The silk and spider rotate together around one fixed suspension point. */
body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard {
  position: relative;
  overflow: visible !important;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .dashboard-spider {
  --silk-length: 76px;
  position: absolute;
  z-index: 2;
  top: calc(100% + 1px);
  left: calc(50% - 22px);
  width: 44px;
  height: calc(var(--silk-length) + 30px);
  transform-origin: 50% 0;
  animation: public-spider-sway 5.6s cubic-bezier(.45, 0, .55, 1) infinite;
  pointer-events: none;
  user-select: none;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .dashboard-spider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: var(--silk-length);
  background: linear-gradient(#d9d9d9c0, #a8a8a890);
  pointer-events: none;
}
body:not(.public-dashboard-mode) .topbar.public-global-header .dashboard-spider .dashboard-spider-icon {
  position: absolute;
  top: calc(var(--silk-length) - 14px);
  left: 0;
  width: 44px;
  height: 44px;
  max-width: none;
  margin: 0;
  object-fit: contain;
  filter: grayscale(1) brightness(1.3);
  transform: none;
  animation: none;
  pointer-events: none;
}
@keyframes public-spider-sway {
  0%, 100% { transform: rotate(-4deg); }
  50% { transform: rotate(4deg); }
}
@media (max-width: 760px) {
  body:not(.public-dashboard-mode) .topbar.public-global-header {
    --public-header-width: calc(100vw - 32px);
    grid-template-columns: minmax(42px, 1fr) auto auto;
    column-gap: 12px;
    margin-block: 10px 36px;
    top: 6px;
  }
  body:not(.public-dashboard-mode) .topbar.public-global-header .public-nav { display: none; }
  body:not(.public-dashboard-mode) .topbar.public-global-header .mobile-nav-toggle {
    grid-column: 2;
    min-width: 42px;
    min-height: 42px;
    font-size: 12px;
  }
  body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard {
    min-width: 116px;
    min-height: 42px;
    padding: 10px 12px;
    font-size: 12px;
  }
  body:not(.public-dashboard-mode) .topbar.public-global-header .dashboard-spider { display: none; }
}
body:not(.public-dashboard-mode) .topbar.public-global-header .dashboard-discord-icon {
  color: #5865f2 !important;
  fill: #5865f2 !important;
}
body[data-public-route="introduction"] .public-wordmark img,
body[data-public-route="introduction"] .brand-mark img { filter: grayscale(1) brightness(1.3) !important; }

/* Avoid animating every link: silver light is reserved for headings and primary actions. */
body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard:hover,
body:not(.public-dashboard-mode) .topbar.public-global-header .topbar-dashboard:focus-visible {
  box-shadow: 0 7px 28px #ffffff25, 0 0 0 1px #ffffff22 !important;
}
body:not(.public-dashboard-mode) :is(.hero-cta, .ecosystem-product-actions .btn, .public-commands-search, .alpha-send-button) {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .24s ease, transform .24s ease;
}
@media (max-width: 760px) {
  body[data-public-route="introduction"] #introduction > .hero-primary {
    width: min(calc(100% - 36px), 620px);
    min-height: auto;
    padding-block: clamp(82px, 13vh, 112px) 54px;
    gap: 24px;
  }
  body[data-public-route="introduction"] #introduction .hero-copy h1.hero-headline {
    font-size: clamp(36px, 8vw, 58px);
    line-height: 1.04;
  }
  body[data-public-route="introduction"] #introduction .hero-module-stream { height: 128px; }
  body[data-public-route="introduction"] #introduction .hero-module-mask { height: 128px; }
}
@media (max-width: 420px) {
  body[data-public-route="introduction"] #introduction .hero-copy h1.hero-headline { font-size: clamp(34px, 9vw, 42px); }
  body[data-public-route="introduction"] #introduction .hero-actions--paired { flex-wrap: wrap; gap: 9px; }
  body[data-public-route="introduction"] #introduction .hero-actions--paired .hero-cta { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body:not(.public-dashboard-mode) .topbar.public-global-header .dashboard-spider,
  body[data-public-route="introduction"] #introduction .hero-editorial,
  body[data-public-route="introduction"] #introduction .hero-cta::after,
  body[data-public-route="introduction"] #introduction .hero-cta::before {
    animation: none !important;
  }
  body:not(.public-dashboard-mode) :is(.hero-cta, .ecosystem-product-actions .btn, .public-commands-search, .alpha-send-button) { transition: none !important; }
}

/* Breadcrumbs sit outside route panels; keep their links in the same silver palette. */
body:not(.public-dashboard-mode) #publicBreadcrumb,
body:not(.public-dashboard-mode) #publicBreadcrumb a,
body:not(.public-dashboard-mode) #publicPageTrail a {
  color: #d4d4d4 !important;
}
body:not(.public-dashboard-mode) #publicBreadcrumb a:hover,
body:not(.public-dashboard-mode) #publicPageTrail a:hover {
  color: #fff !important;
}

/* Keyboard focus uses Headless silver while provider marks retain their own colors. */
body:not(.public-dashboard-mode) :focus-visible { outline-color: #e5e5e5 !important; }
body[data-public-route="introduction"] #introduction .bento-reference-art { filter: grayscale(1) !important; }
body[data-public-route="introduction"] #introduction #bentoRadarBeam stop { stop-color: #b8b8b8; }

/* Headless mark sits inside the editorial hero line, mirroring the reference composition. */
body[data-public-route="introduction"] #introduction .hero-headline-logo {
  display: inline-block;
  width: clamp(24px, 2.8vw, 40px);
  height: clamp(24px, 2.8vw, 40px);
  margin: 0 .12em;
  border: 1px solid #ffffff25;
  border-radius: 50%;
  background: #111;
  object-fit: cover;
  vertical-align: -.13em;
  filter: grayscale(1) contrast(1.08) brightness(1.28);
  box-shadow: 0 0 16px #ffffff17;
}

/* Remove the retired cyan palette from remaining public Home modules. */
body[data-public-route="introduction"] #introduction.doc-section.hero-section {
  background-color: transparent !important;
  background-image: radial-gradient(ellipse at 70% 18%, #ffffff0c, transparent 55%), linear-gradient(180deg, #05050530, #08080818) !important;
}
body[data-public-route="introduction"] {
  --public-section-space: clamp(96px, 9vw, 144px);
  --public-card-gap: clamp(22px, 2.5vw, 36px);
  --public-card-surface: #111111;
  --public-card-border: #ffffff12;
}
body[data-public-route="introduction"] #introduction > :is(.home-scene, .headless-network-showcase) {
  margin-block: var(--public-section-space) !important;
  box-shadow: none !important;
  scroll-margin-top: 120px;
}
body[data-public-route="introduction"] #introduction > .hero-primary {
  min-height: min(720px, calc(100svh - 104px));
  padding-block: clamp(100px, 12vh, 140px) 80px;
  width: min(1200px, calc(100% - 48px));
}
body[data-public-route="introduction"] #introduction .hero-copy h1.hero-headline .hero-headline-lead { font-weight: 400; font-style: italic; letter-spacing: -.035em; }
body[data-public-route="introduction"] #introduction .hero-description { max-width: 62ch; margin-inline: auto; color: #b8b8b8; }
body[data-public-route="introduction"] #introduction .hero-actions--paired { justify-content: center; gap: 14px; margin-top: 30px; }
body[data-public-route="introduction"] #introduction .hero-cta { min-height: 48px; padding-inline: 24px; font-size: 14px; }
body[data-public-route="introduction"] #introduction :is(.home-showcase-visual, .home-case-visual, .home-role-visual, .home-audit-visual, .home-operations-visual) {
  border: 1px solid var(--public-card-border) !important;
  border-radius: 16px;
  background: var(--public-card-surface) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-public-route="introduction"] #introduction :is(.bento-card, .doc-detail-card, .home-more-card, .network-community-card, .home-showcase-visual)::before,
body[data-public-route="introduction"] #introduction :is(.bento-card, .doc-detail-card, .home-more-card, .network-community-card, .home-showcase-visual)::after { content: none !important; }
body[data-public-route="introduction"] #introduction :is(.bento-card, .doc-detail-card, .home-more-card, .network-community-card):hover {
  border-color: #ffffff24 !important;
  background: #151515 !important;
  box-shadow: none !important;
}
body[data-public-route="introduction"] #introduction :is(.home-role-preview, .home-labs-chat-thread, .home-operations-welcome) { background: #151515 !important; }
body[data-public-route="introduction"] #introduction .home-final-cta { padding: clamp(36px, 5vw, 72px); border: 1px solid #ffffff12; border-radius: 20px; background: #101010 !important; }
body[data-public-route="introduction"] #introduction .home-final-cta::before,
body[data-public-route="introduction"] #introduction .home-final-cta::after { content: none !important; }
body[data-public-route="introduction"] #introduction :is(.product-bento-grid, .home-foundation-grid, .home-more-grid) { gap: var(--public-card-gap); }
body[data-public-route="introduction"] #introduction .home-integrations-set { gap: 32px; padding-right: 32px; }
body[data-public-route="introduction"] #introduction .home-scene:not(.is-in-viewport) * { animation-play-state: paused; }
body[data-public-route="introduction"] .site-footer { margin-top: var(--public-section-space); padding-top: 56px; }
@media (max-width: 1100px) {
  body[data-public-route="introduction"] { --public-section-space: clamp(64px, 8vw, 96px); }
}
@media (max-width: 760px) {
  body[data-public-route="introduction"] { --public-section-space: clamp(48px, 10vw, 72px); --public-card-gap: 20px; }
  body[data-public-route="introduction"] #introduction > .hero-primary { width: calc(100% - 36px); min-height: 560px; padding-block: 96px 64px; }
  body[data-public-route="introduction"] #introduction .hero-copy h1.hero-headline { font-size: clamp(36px, 6.8vw, 52px); line-height: 1.08; letter-spacing: -.035em; }
  body[data-public-route="introduction"] #introduction .hero-copy h1.hero-headline .hero-headline-lead { font-size: .6em; line-height: 1.35; margin-bottom: 14px; }
  body[data-public-route="introduction"] #introduction .hero-description { font-size: 14px; line-height: 1.65; }
  body[data-public-route="introduction"] #introduction .home-integrations-set { gap: 22px; padding-right: 22px; }
}
@media (max-width: 400px) { }
@media (prefers-reduced-motion: reduce) {
  body[data-public-route="introduction"] #introduction .hero-headline-lead,
  body[data-public-route="introduction"] #introduction .hero-editorial { animation: none !important; }
}

body[data-public-route="introduction"] #introduction :is(.home-visual-chrome i, .home-audit-toolbar i, .home-role-option i, .home-operations-nav i) {
  background: #a3a3a3 !important;
  box-shadow: 0 0 7px #ffffff30 !important;
}
body[data-public-route="introduction"] #introduction :is(.home-case-summary, .home-case-mark, .home-role-editor, .home-role-preview, .home-audit-toolbar, .home-labs-ai-network, .labs-chat-flow, .home-labs-chat-thread, .home-operations-nav, .home-operations-welcome) {
  border-color: #ffffff20 !important;
  box-shadow: inset 0 1px 0 #ffffff0a !important;
}
body[data-public-route="introduction"] #introduction :is(.home-case-summary svg, .home-case-mark svg, .home-labs-ai-network svg, .home-labs-ai-network path) {
  stroke: #b8b8b8 !important;
  filter: grayscale(1) !important;
}
body[data-public-route="introduction"] #introduction .home-role-preview,
body[data-public-route="introduction"] #introduction .home-labs-chat-thread,
body[data-public-route="introduction"] #introduction .home-operations-welcome {
  background: linear-gradient(145deg, #ffffff0b, #ffffff03) !important;
}
body[data-public-route="introduction"] #introduction .home-audit-toolbar { background: #111 !important; }
body[data-public-route="introduction"] #introduction .home-labs-ai-network { background: #090909 !important; }
body[data-public-route="introduction"] #introduction .labs-chat-flow { border-color: #ffffff20 !important; }

/* Integration cards carry their provider's restrained light and keyword accents. */
body[data-public-route="introduction"] #introduction .home-integration-card {
  border-color: #ffffff18 !important;
  background-color: #0c0c0c !important;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
body[data-public-route="introduction"] #introduction .integration-discord {
  background-image: radial-gradient(ellipse at 100% 0%, #5865f220, transparent 58%), linear-gradient(130deg, #121212, #0a0a0a) !important;
}
body[data-public-route="introduction"] #introduction .integration-pinterest {
  background-image: radial-gradient(ellipse at 100% 0%, #e600231c, transparent 58%), linear-gradient(130deg, #121212, #0a0a0a) !important;
}
body[data-public-route="introduction"] #introduction .integration-instagram {
  background-image: radial-gradient(ellipse at 100% 0%, #d6297624, transparent 62%), radial-gradient(ellipse at 0% 100%, #feda7510, transparent 60%), linear-gradient(130deg, #121212, #0a0a0a) !important;
}
body[data-public-route="introduction"] #introduction .integration-youtube {
  background-image: radial-gradient(ellipse at 100% 0%, #ff00331e, transparent 58%), linear-gradient(130deg, #121212, #0a0a0a) !important;
}
body[data-public-route="introduction"] #introduction .integration-tiktok {
  background-image: radial-gradient(ellipse at 100% 0%, #25f4ee17, transparent 60%), radial-gradient(ellipse at 0% 100%, #fe2c5515, transparent 60%), linear-gradient(130deg, #121212, #0a0a0a) !important;
}
body[data-public-route="introduction"] #introduction .integration-roblox {
  background-image: radial-gradient(ellipse at 100% 0%, #ffffff0d, transparent 58%), linear-gradient(130deg, #121212, #0a0a0a) !important;
}
body[data-public-route="introduction"] #introduction .integration-spotify {
  background-image: radial-gradient(ellipse at 100% 0%, #1ed7601a, transparent 58%), linear-gradient(130deg, #121212, #0a0a0a) !important;
}
body[data-public-route="introduction"] #introduction .home-integration-card:is(:hover, :focus-within) { transform: translateY(-2px); }
body[data-public-route="introduction"] #introduction .integration-discord:is(:hover, :focus-within) { border-color: #5865f267 !important; }
body[data-public-route="introduction"] #introduction .integration-pinterest:is(:hover, :focus-within) { border-color: #e6002367 !important; }
body[data-public-route="introduction"] #introduction .integration-instagram:is(:hover, :focus-within) { border-color: #d6297667 !important; }
body[data-public-route="introduction"] #introduction .integration-youtube:is(:hover, :focus-within) { border-color: #ff003367 !important; }
body[data-public-route="introduction"] #introduction .integration-tiktok:is(:hover, :focus-within) { border-color: #25f4ee67 !important; }
body[data-public-route="introduction"] #introduction .integration-spotify:is(:hover, :focus-within) { border-color: #1ed76067 !important; }
body[data-public-route="introduction"] #introduction .home-integration-copy small { color: #a3a3a3 !important; }
body[data-public-route="introduction"] #introduction .home-integration-copy small b,
body[data-public-route="introduction"] #introduction .home-integration-copy small .integration-keyword {
  color: #e5e5e5;
  font-weight: 650;
}
/* Emphasize all key phrases while keeping the rest of each integration description readable. */
body[data-public-route="introduction"] #introduction .home-integration-copy small > .integration-keyword {
  color: var(--integration-copy-accent, #e5e5e5) !important;
  font-weight: 700;
  text-shadow: 0 0 12px color-mix(in srgb, var(--integration-copy-accent, #e5e5e5) 20%, transparent);
}
body[data-public-route="introduction"] #introduction .integration-discord { --integration-copy-accent: #aeb5ff; }
body[data-public-route="introduction"] #introduction .integration-pinterest { --integration-copy-accent: #ff4056; }
body[data-public-route="introduction"] #introduction .integration-instagram { --integration-copy-accent: #ff6599; }
body[data-public-route="introduction"] #introduction .integration-youtube { --integration-copy-accent: #ff4056; }
body[data-public-route="introduction"] #introduction .integration-tiktok { --integration-copy-accent: #37e9e2; }
body[data-public-route="introduction"] #introduction .integration-roblox { --integration-copy-accent: #f2f2f2; }
body[data-public-route="introduction"] #introduction .integration-tiktok .integration-keyword:nth-of-type(even) {
  color: #ff6481 !important;
  text-shadow: 0 0 12px #ff648133;
}

/* Public footer, command ambience, affiliates, FAQ and premium use the same neutral chrome. */
body:not(.public-dashboard-mode) .animated-background.home-space-background { filter: grayscale(1) !important; }
body:not(.public-dashboard-mode) .site-footer-brand {
  border-color: #ffffff1c !important;
  background: linear-gradient(120deg, #ffffff09, #ffffff03) !important;
  box-shadow: 0 8px 28px #0007, inset 0 1px 0 #ffffff0a !important;
}
body[data-public-route="affiliates"] .ecosystem-product {
  border-color: #ffffff1c !important;
  background: linear-gradient(120deg, #111, #080808) !important;
  box-shadow: 0 16px 40px #0007, inset 0 1px 0 #ffffff09 !important;
}
body[data-public-route="affiliates"] .ecosystem-product::before { background: radial-gradient(circle at 12% 2%, #ffffff10, transparent 44%) !important; }
body[data-public-route="affiliates"] :is(.affiliate-code, .affiliate-code i, .ecosystem-product-copy h2 span, .ecosystem-product-actions .btn span) {
  color: #d6d6d6 !important;
  text-shadow: none !important;
}
body[data-public-route="affiliates"] .ecosystem-product-actions { border-color: #ffffff1c !important; }
body[data-public-route="affiliates"] .ecosystem-product-actions .btn { border-color: #ffffff28 !important; }
body[data-public-route="affiliates"] .ecosystem-product-actions .btn.primary {
  color: #111 !important;
  border-color: #ffffff85 !important;
  background: linear-gradient(115deg, #fff, #c7c7c7) !important;
  box-shadow: 0 10px 30px #ffffff12 !important;
}
body[data-public-route="affiliates"] .ecosystem-product-actions .btn:not(.primary) { color: #e5e5e5 !important; background: #ffffff08 !important; }
body[data-public-route="premium"] .premium-section { text-shadow: none !important; }
body[data-public-route="premium"] .premium-section :is(.premium-hero, .premium-operation-note, .premium-announcement, .premium-coming, .premium-feature-card) {
  border-color: #ffffff20 !important;
  box-shadow: 0 12px 30px #0006, inset 0 1px 0 #ffffff08 !important;
}
body[data-public-route="premium"] .premium-section :is(.premium-hero, .premium-operation-note, .premium-coming, .premium-feature-card) {
  color: #e5e5e5 !important;
  background-color: #101010 !important;
}
body[data-public-route="faq"] .faq-content { color: #e5e5e5 !important; }
body[data-public-route="faq"] .faq-content :is(h1, h2, h3) {
  color: #fff !important;
  background-image: linear-gradient(105deg, #fff, #c8c8c8 55%, #fff) !important;
  background-size: 220% 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  animation: public-silver-shimmer 11s ease-in-out infinite !important;
}
body[data-public-route="faq"] .faq-content a { color: #e5e5e5 !important; }

/* Legal microsites used hard-coded cyan; map their direct styles into neutral tokens. */
body.legal-page:not(.public-dashboard-mode) {
  --accent: #e5e5e5;
  --accent-soft: #ffffff12;
  --line-accent: #ffffff25;
  color: #e5e5e5 !important;
  background: #050505 !important;
}
body.legal-page:not(.public-dashboard-mode) :is(.legal-page, .legal-nav, .legal-shell, .legal-hero, .legal-content, .legal-card, .legal-note, .legal-tech-strip, .legal-footer) {
  border-color: #ffffff20 !important;
  box-shadow: 0 12px 32px #0007, inset 0 1px 0 #ffffff08 !important;
}
body.legal-page:not(.public-dashboard-mode) :is(.legal-nav, .legal-shell, .legal-card, .legal-tech-strip) { background-color: #0b0b0b !important; }
body.legal-page:not(.public-dashboard-mode) :is(.legal-page, .legal-shell, .legal-content, .legal-card, .legal-note, .legal-footer) { color: #d5d5d5 !important; }
body.legal-page:not(.public-dashboard-mode) :is(.legal-nav a, .legal-shell a, .legal-footer a, .legal-content a) { color: #e5e5e5 !important; }
body.legal-page:not(.public-dashboard-mode) :is(.eyebrow, .legal-card-index, .legal-tech-strip b, .legal-content h2 span) {
  color: #b8b8b8 !important;
  text-shadow: none !important;
}
body.legal-page:not(.public-dashboard-mode) .legal-shell h1 {
  color: #fff !important;
  background-image: linear-gradient(105deg, #fff, #b8b8b8 52%, #fff) !important;
  background-size: 220% 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  animation: public-silver-shimmer 11s ease-in-out infinite !important;
}
body.legal-page:not(.public-dashboard-mode) .legal-note { background: #ffffff08 !important; }

@media (prefers-reduced-motion: reduce) {
  body[data-public-route="faq"] .faq-content :is(h1, h2, h3),
  body.legal-page:not(.public-dashboard-mode) .legal-shell h1 { animation: none !important; background-position: 50% 50% !important; }
  body[data-public-route="introduction"] #introduction .home-integration-card { transition: none !important; }
}