body { font-family: "Segoe UI", Arial, sans-serif; }
.eyebrow, .tag, .stats small, .story span, .news-entry span, .news-entry b, .service-grid span, .story a, .discord-handle { font-family: Consolas, "Courier New", monospace; }
.legal-hero { padding: 105px 0 68px; background: radial-gradient(circle at 68% 20%, #dce2ea20, transparent 34%); border-bottom: 1px solid rgba(220, 226, 234, .11); }
.legal-hero h1 { margin: 0 0 16px; font-size: clamp(43px, 6vw, 70px); letter-spacing: -.07em; }
.legal-hero p:not(.eyebrow) { margin: 0; color: #aeb3bc; }
.legal-content { padding: 58px 0 110px; }
.legal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.legal-grid article { padding: 27px; border: 1px solid rgba(220, 226, 234, .14); border-radius: 10px; background: #111218; }
.legal-grid h2 { margin: 0 0 13px; font-size: 18px; letter-spacing: -.04em; }
.legal-grid p { margin: 0; color: #b0b4bd; font-size: 14px; line-height: 1.75; }
.legal-grid strong { color: #f4f6f8; }
.legal-grid a { color: #f0f3f7; text-decoration: underline; text-decoration-color: #8f99a8; text-underline-offset: 3px; }
.legal-grid a:hover { color: #fff; }
@media (max-width: 760px) { .legal-hero { padding: 77px 0 50px; } .legal-content { padding: 38px 0 70px; } .legal-grid { grid-template-columns: 1fr; } .legal-grid article { padding: 23px; } }
