html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(47,107,255,0.18), transparent 60%),
    radial-gradient(800px 500px at 90% 10%, rgba(47,107,255,0.10), transparent 60%),
    #000;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.pill { border-radius: 999px; }
.card {
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 24px;
}
.card-tight {
  background: #101013;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 20px;
}
.glow-text {
  text-shadow: 0 0 30px rgba(47,107,255,0.55), 0 0 80px rgba(47,107,255,0.25);
}
.prose-stackd h2 { font-size: 1.5rem; font-weight: 800; margin-top: 2.5rem; margin-bottom: 0.75rem; letter-spacing: -0.01em; }
.prose-stackd h3 { font-size: 1.125rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.prose-stackd p, .prose-stackd li { color: rgba(255,255,255,0.7); line-height: 1.7; }
.prose-stackd ul { list-style: disc; padding-left: 1.25rem; margin: 0.75rem 0; }
.prose-stackd a { color: #2F6BFF; text-decoration: underline; }
.prose-stackd strong { color: #fff; }
details > summary { list-style: none; cursor: pointer; user-select: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary svg { pointer-events: none; flex-shrink: 0; }
details[open] > *:not(summary) { animation: faqOpen .2s ease-out; }
details[open] .chev { transform: rotate(180deg); }
.chev { transition: transform .25s ease; }
@keyframes faqOpen { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }