.legal{--main:#d00120;--ink:#1a1a1a;--paper:#faf9f7;--sand:#f0eeea;--line:#e2ddd5;--muted:#5c5c5c;--font:'Poppins',sans-serif}
.legal *{box-sizing:border-box}

.legal-hero{position:relative;background:#141414;color:#fff;padding:clamp(70px,10vw,120px) 0 clamp(48px,6vw,72px);overflow:hidden}
.legal-hero::after{content:'';position:absolute;top:0;right:0;width:36%;height:100%;background:linear-gradient(135deg,var(--main),transparent);opacity:.2}
.legal-hero-inner{position:relative;z-index:1;max-width:820px}
.legal-hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:20px}
.legal-hero-tag::before{content:'';width:32px;height:2px;background:var(--main)}
.legal-hero h1{font-family:var(--font);font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;font-weight:700}
.legal-hero p{font-size:1.05rem;line-height:1.65;color:rgba(255,255,255,.78);margin:0;max-width:640px}
.legal-hero-meta{margin-top:26px;font-size:.86rem;color:rgba(255,255,255,.55)}

.legal-body{background:var(--paper);padding:clamp(48px,7vw,84px) 0}
.legal-wrap{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start;max-width:1100px;margin:0 auto}

.legal-toc{position:sticky;top:calc(var(--nav-h, 72px) + 24px);align-self:start}
.legal-toc-title{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--main);margin:0 0 16px}
.legal-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.legal-toc li{counter-increment:toc;margin-bottom:2px}
.legal-toc a{display:flex;gap:10px;padding:9px 12px;border-radius:7px;font-size:.9rem;line-height:1.4;color:var(--muted);text-decoration:none;transition:background .2s,color .2s}
.legal-toc a::before{content:counter(toc,decimal-leading-zero);font-weight:700;color:var(--main);flex-shrink:0;font-size:.82rem}
.legal-toc a:hover{background:var(--sand);color:var(--ink)}

.legal-content{max-width:720px;min-width:0}
.legal-intro{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 30px;margin-bottom:40px}
.legal-intro p{font-size:1rem;line-height:1.75;color:var(--ink);margin:0}
.legal-intro strong{color:var(--main)}

.legal-section{margin-bottom:44px;scroll-margin-top:calc(var(--nav-h, 72px) + 20px)}
.legal-section:last-child{margin-bottom:0}
.legal-section-h{display:flex;align-items:baseline;gap:14px;margin:0 0 18px}
.legal-section-n{font-family:var(--font);font-size:1rem;font-weight:700;color:var(--main);flex-shrink:0}
.legal-section h2{font-family:var(--font);font-size:clamp(1.3rem,2.2vw,1.6rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0;font-weight:600}
.legal-section h3{font-size:1.05rem;color:var(--ink);margin:26px 0 10px;font-weight:600}
.legal-section p{font-size:1rem;line-height:1.78;color:#3a3a3a;margin:0 0 16px}
.legal-section p:last-child{margin-bottom:0}
.legal-section ul{margin:0 0 16px;padding:0;list-style:none}
.legal-section li{position:relative;padding-left:24px;font-size:1rem;line-height:1.7;color:#3a3a3a;margin-bottom:10px}
.legal-section li::before{content:'';position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--main)}
.legal-section li strong{color:var(--ink);font-weight:600}
.legal-section a{color:var(--main);text-decoration:underline;text-underline-offset:2px}

.legal-callout{background:var(--sand);border-left:3px solid var(--main);border-radius:0 10px 10px 0;padding:22px 26px;margin:0 0 16px}
.legal-callout p{margin:0;font-size:.98rem;line-height:1.7;color:var(--ink)}
.legal-callout strong{color:var(--main)}

.legal-contactbox{background:#141414;color:#fff;border-radius:14px;padding:34px 36px;margin-top:8px}
.legal-contactbox h3{color:#fff;margin:0 0 8px;font-size:1.2rem}
.legal-contactbox p{color:rgba(255,255,255,.75);font-size:.98rem;line-height:1.65;margin:0 0 18px}
.legal-contactbox-list{display:flex;flex-direction:column;gap:12px}
.legal-contactbox-item{display:flex;align-items:center;gap:14px}
.legal-contactbox-item-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;flex-shrink:0}
.legal-contactbox-item a,.legal-contactbox-item span{color:#fff;text-decoration:none;font-size:.98rem;font-weight:500}
.legal-contactbox-item small{display:block;color:rgba(255,255,255,.55);font-size:.78rem;font-weight:400;margin-bottom:1px}

@media(max-width:860px){
  .legal-wrap{grid-template-columns:1fr;gap:0}
  .legal-toc{position:static;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--line)}
  .legal-toc ol{columns:2;column-gap:16px}
  .legal-content{max-width:none}
}
@media(max-width:520px){
  .legal-toc ol{columns:1}
  .legal-contactbox{padding:26px 24px}
}
@media(prefers-reduced-motion:reduce){
  .legal-toc a{transition:none}
}