@import url("styles.css");

.legal-hero { background: radial-gradient(circle at 80% 0, rgba(119,245,238,.14), transparent 24%), radial-gradient(circle at 9% 15%, rgba(165,139,255,.16), transparent 25%), #0d1123; border-bottom: 1px solid var(--line); padding: 5rem 0 4rem; position: relative; }
.legal-hero::after { background-image: linear-gradient(rgba(125, 132, 230, .07) 1px, transparent 1px),linear-gradient(90deg,rgba(125, 132, 230, .07) 1px,transparent 1px); background-size: 28px 28px; content: ""; inset: 0; mask-image: linear-gradient(90deg, transparent, black, transparent); pointer-events: none; position: absolute; }
.legal-hero .shell { position: relative; z-index: 1; }
.legal-hero h1 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(3rem, 7vw, 5.5rem); letter-spacing: -.02em; line-height: .95; margin: 0; text-transform: uppercase; }
.legal-hero h1 span { color: var(--cyan); }
.legal-hero p:not(.section-kicker) { color: var(--muted); font-size: .95rem; line-height: 1.7; margin: 1.25rem 0 0; max-width: 620px; }
.legal-layout { align-items: start; display: grid; gap: 4rem; grid-template-columns: 210px minmax(0, 1fr); padding-block: 5rem 7rem; }
.legal-nav { border-left: 1px solid var(--line); position: sticky; top: 6.5rem; }
.legal-nav a { color: var(--muted); display: block; font-size: .76rem; font-weight: 750; padding: .55rem 0 .55rem 1rem; }
.legal-nav a:hover { border-left: 2px solid var(--cyan); color: var(--cyan); margin-left: -1px; padding-left: calc(1rem - 1px); }
.legal-document { max-width: 770px; }
.legal-updated { align-items: center; border-bottom: 1px solid var(--line); color: var(--subtle); display: flex; font-size: .7rem; font-weight: 750; gap: .55rem; letter-spacing: .05em; margin: 0 0 2rem; padding-bottom: 1.1rem; text-transform: uppercase; }
.legal-updated span { background: var(--lime); border-radius: 50%; box-shadow: 0 0 9px var(--lime); height: .4rem; width: .4rem; }
.legal-document h2 { font-family: inherit; font-size: 1.22rem; letter-spacing: -.01em; line-height: 1.25; margin: 2.7rem 0 .7rem; text-transform: none; }
.legal-document h2 span { color: var(--cyan); }
.legal-document p, .legal-document li { color: #b9c0d5; font-size: .92rem; line-height: 1.75; }
.legal-document p { margin: .7rem 0; }
.legal-document ul { margin: .7rem 0; padding-left: 1.3rem; }
.legal-document li { margin: .35rem 0; }
.legal-document strong { color: var(--ink); }
.legal-callout { background: rgba(119,245,238,.08); border-left: 2px solid var(--cyan); color: #dfe9f5; margin: 1.6rem 0; padding: 1rem 1.15rem; }
.legal-callout b { color: var(--cyan); }
.legal-table { border: 1px solid var(--line); border-collapse: collapse; font-size: .8rem; margin: 1rem 0; width: 100%; }
.legal-table th { background: rgba(165,139,255,.11); color: var(--ink); font-size: .68rem; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.legal-table th, .legal-table td { border: 1px solid var(--line); color: #bdc4d7; padding: .75rem; vertical-align: top; }
.legal-table td { line-height: 1.5; }
.legal-document a { color: var(--cyan); text-decoration: underline; text-underline-offset: 2px; }
.legal-footer { padding-top: 3rem; }
@media (max-width: 720px) { .legal-hero { padding-block: 3.6rem; }.legal-layout { display: block; padding-block: 3.5rem 5rem; }.legal-nav { display: none; }.legal-document h2 { margin-top: 2.2rem; }.legal-table { font-size: .7rem; }.legal-table th, .legal-table td { padding: .5rem; } }