.legal-shell{max-width:1080px;margin:0 auto}
.legal-hero{position:relative;overflow:hidden;padding:38px 40px;background:linear-gradient(135deg,rgba(99,102,241,.11),rgba(20,184,166,.10))}
.legal-hero:after{content:'';position:absolute;width:210px;height:210px;right:-78px;top:-92px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(20,184,166,.15));pointer-events:none}
.legal-hero .eyebrow{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.28);color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.legal-hero h1{position:relative;z-index:1;font-size:40px;line-height:1.1;margin:14px 0 12px;max-width:760px}
.legal-hero p{position:relative;z-index:1;margin:0;max-width:780px;color:var(--muted);font-size:17px;line-height:1.72}
.legal-card{padding:34px 40px;font-size:16px;line-height:1.76}
.legal-card h2{font-size:24px;line-height:1.25;margin:34px 0 10px;color:#0f172a}
.legal-card h2:first-child{margin-top:0}
.legal-card h3{font-size:19px;line-height:1.35;margin:26px 0 9px;color:#0f172a}
.legal-card p{margin:0 0 14px;color:#334155}
.legal-card ul,.legal-card ol{margin:10px 0 18px;padding-left:24px;color:#334155}
.legal-card li{margin:7px 0}
.legal-note,.legal-warning{margin:20px 0;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:#f8fafc;color:#334155}
.legal-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.legal-table-wrap{width:100%;overflow-x:auto;margin:18px 0}
.legal-table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}
.legal-table th,.legal-table td{padding:13px 14px;border:1px solid var(--border);text-align:left;vertical-align:top}
.legal-table th{background:#f8fafc;color:#0f172a;font-weight:900}
.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 4px;padding:20px 6px;color:var(--muted);font-size:14px}
.legal-footer-links{display:flex;gap:16px;flex-wrap:wrap}
.legal-footer a{color:#4f46e5;text-decoration:none;font-weight:800}
.legal-footer a:hover{text-decoration:underline}
@media(max-width:700px){.legal-hero{padding:24px 22px}.legal-hero h1{font-size:30px}.legal-hero p{font-size:15px}.legal-card{padding:24px 22px}.legal-card h2{font-size:21px}.legal-footer{align-items:flex-start;flex-direction:column;padding:16px 4px}.legal-footer-links{gap:10px 14px}}