/* Discord uses the homepage components; only content-specific sizing lives here. */
.is-discord .lp-hero-title { font-size: clamp(52px, 6vw, 80px); }
.is-discord .lp-hero-title .neo { display: block; }
.is-discord .lp-hero-art { min-width: 0; min-height: 0; }
.discord-art { width: 100%; height: auto; border-radius: var(--r-xl); }
.is-discord .lp-section { border-top: 1px solid var(--lp-border); }
.discord-intro { max-width: 780px; margin: 0 auto 40px; }
#introduction .discord-intro { margin-bottom: 0; }
.discord-overview { padding: 0; border: 0; }
.discord-overview .lp-pillar-body { max-width: none; }
.discord-overview .lp-pillar-fig img { box-shadow: none; }
.discord-step-copy h3 { font-size: 18px; line-height: 1.4; margin: 0 0 8px !important; }
.is-discord .lp-step p { padding-top: 0; }
.is-discord .lp-pillar-chip { align-self: flex-start; }
.is-discord .lp-version p { font-size: 15px; }
.is-discord .lp-compare-col p { font-size: 14px; }
.is-discord .lp-compare-list { margin-top: 16px; }
.is-discord #safety, .is-discord #safety > .lp-compare-col { height: 100%; }
.discord-conclusion { text-align: center; }
.discord-conclusion .btn-primary { margin-top: 20px; }
.is-discord [id] { scroll-margin-top: 100px; }
.is-discord .lp-hero-inner { gap: 48px; }
@media (max-width: 820px) { .is-discord .lp-hero-inner { gap: 32px; } .discord-art { max-width: 580px; margin: auto; } }

/* A quiet Discord-indigo treatment for the top of this page. */
.is-discord .lp-header {
  background: rgba(20, 22, 47, .94);
  border-bottom-color: rgba(145, 151, 255, .16);
}
.is-discord .lp-hero {
  background:
    radial-gradient(ellipse at 82% 38%, rgba(88, 101, 242, .18), transparent 58%),
    linear-gradient(180deg, #14162f 0%, #111326 65%, var(--lp-bg) 100%);
}
.is-discord .lp-hero-art::before {
  background: radial-gradient(ellipse, rgba(88, 101, 242, .2), transparent 70%);
}
@media (max-width: 820px) {
  .is-discord .lp-nav.open { background: #14162f; }
}

/* Page-wide Discord palette, scoped to this landing page. */
body.is-discord {
  --lp-bg: #0e1021;
  --lp-bg-2: #15182f;
  --lp-bg-3: #1d2140;
  --lp-card: rgba(139, 149, 255, .055);
  --lp-card-h: rgba(139, 149, 255, .09);
  --lp-border: rgba(157, 165, 255, .12);
  --lp-border-h: rgba(157, 165, 255, .23);
  --neo-1: #a5adff;
  --neo-2: #5865d9;
  --neo-gradient: linear-gradient(135deg, #6673e8, #4854bd);
  --neo-soft: rgba(128, 140, 255, .12);
  --neo-glow: rgba(88, 101, 242, .24);
}
body.is-discord main::before {
  background:
    radial-gradient(60% 35% at 5% 10%, rgba(88, 101, 242, .08), transparent 65%),
    radial-gradient(50% 35% at 95% 65%, rgba(112, 124, 231, .07), transparent 65%);
}
.is-discord .lp-eyebrow,
.is-discord .lp-pillar-chip,
.is-discord .lp-compare-pill {
  color: var(--neo-1);
  background: var(--neo-soft);
  border-color: rgba(157, 165, 255, .24);
}
.is-discord .lp-step-icon {
  color: var(--neo-1);
  border-color: rgba(157, 165, 255, .24);
}
.is-discord .lp-compare-list li::before { background-color: #6673e8; }
.is-discord .site-footer {
  background: radial-gradient(ellipse at bottom, #232a55, #0e1021 80%);
  border-top: 1px solid var(--lp-border-h);
}
.is-discord :is(a, button, summary):focus-visible { outline-color: #a5adff; }

.is-discord .fa-icon { width: 22px; height: 22px; flex-shrink: 0; fill: currentColor; }
.discord-channel-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
.discord-channel-heading .lp-pillar-chip { align-self: center; }
.discord-feature-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--neo-soft); color: var(--neo-1); }
.discord-icon-title { display: flex; align-items: center; gap: 12px; }
.discord-icon-title .fa-icon { color: var(--neo-1); }

/* Locally hosted Font Awesome Pro Duotone icon set. */
.is-discord .fa-icon .fa-secondary { opacity: .38; }
.is-discord .fa-icon .fa-primary { opacity: 1; }
.is-discord .discord-feature-icon .fa-icon { width: 26px; height: 26px; }
