/* NegosyoKlaro legal pages — layered on ../product.css (A19, RB-1 apex consolidation) */
.legal{padding:118px 0 84px}
.legal-wrap{max-width:780px}
.legal h1{font-size:clamp(32px,4.6vw,48px);margin-top:14px;letter-spacing:-.03em}
.legal h2{font-size:clamp(22px,2.6vw,28px);margin-top:44px;margin-bottom:12px}
.legal h3{font-size:19px;margin:0 0 8px}
.legal p{margin-top:14px;color:var(--slate-700)}
.legal ul,.legal ol{margin:14px 0 0 22px}
.legal li{margin-top:8px;color:var(--slate-700)}
.legal strong{color:var(--ink)}
.legal a{color:var(--accent-d);text-decoration:underline;text-underline-offset:2px}
.legal .eyebrow{margin-bottom:6px}
.legal .meta-line{color:var(--muted);font-size:15px}
.legal .fx-date{font-weight:600;color:var(--ink)}
.legal .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px;margin-top:16px;box-shadow:var(--shadow-sm)}
.legal .links-row{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.legal .back-link{display:inline-flex;align-items:center;gap:6px;font-weight:500;text-decoration:none;color:var(--accent-d);padding:8px 14px;border-radius:999px;background:var(--accent-soft)}
.legal .back-link:hover{text-decoration:underline}
.legal .btn{text-decoration:none;margin-top:6px}
.legal .feature-list{list-style:none;margin-left:0}
.legal .feature-list li{padding-left:22px;position:relative}
.legal .feature-list li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
@media(max-width:680px){.legal{padding-top:100px}}