
.legal-page{max-width:1180px;margin:0 auto;padding:34px 20px 72px}.legal-hero{padding:38px 40px;border-radius:24px;background:linear-gradient(135deg,#172554,#312e81 55%,#4c1d95);color:#fff}.legal-hero h1{font-size:clamp(36px,5vw,56px);margin:8px 0 12px;color:#fff}.legal-hero p{max-width:780px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.88)}.legal-hero small{color:rgba(255,255,255,.68)}.legal-hero .eyebrow{color:#c4b5fd}.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;margin-top:30px}.legal-nav{position:sticky;top:90px;align-self:start;display:grid;gap:5px;padding:18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.legal-nav strong{margin-bottom:7px}.legal-nav a{padding:7px 8px;border-radius:8px;color:#475467;font-size:12px}.legal-nav a:hover{background:#f7f5ff;color:#5b21b6}.legal-content{min-width:0}.legal-content section{scroll-margin-top:90px;padding:4px 0 28px;border-bottom:1px solid #eaecf0;margin-bottom:26px}.legal-content h2{font-size:22px;margin:0 0 12px}.legal-content p{color:#475467;line-height:1.72}.legal-note{margin-top:28px;padding:22px;border:1px solid #ddd6fe;border-radius:18px;background:#faf9ff}.legal-note strong{font-size:17px}.legal-note p{margin:7px 0;color:#475467;line-height:1.6}.faq-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.faq-intro-grid a{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;color:#101828}.faq-intro-grid span{color:#6d28d9;font-size:12px;font-weight:800}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #e4e7ec;border-radius:14px;background:#fff;overflow:hidden}.faq-list summary{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px 19px;cursor:pointer;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:#6d28d9}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>div{padding:0 19px 18px;color:#475467;line-height:1.65}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;display:flex;overflow:auto;white-space:nowrap}.faq-intro-grid{grid-template-columns:1fr}}
@media(max-width:620px){.legal-page{padding:20px 16px 54px}.legal-hero{padding:28px 20px;border-radius:20px}.legal-hero h1{font-size:38px}.legal-nav{padding:12px}.faq-list summary{padding:15px}.faq-list details>div{padding:0 15px 15px}}
