/* Legal and pricing pages: readable long-form text on the hub surfaces. */
.legal-page .header{border-bottom:1px solid #242426;max-width:1632px;margin:auto;width:100%}
.legal-main{max-width:880px;margin:0 auto;padding:28px 24px 0;outline:none}
.legal-breadcrumb{display:flex;align-items:center;gap:11px;color:#727279;font-size:11px}
.legal-breadcrumb a:hover{color:var(--yellow)}
.legal-breadcrumb [aria-current]{color:#c3c3ca}
.legal-doc[hidden]{display:none}
.legal-head{padding:30px 0 26px;border-bottom:1px solid #242426;margin-bottom:28px}
.legal-kicker{display:inline-flex;align-items:center;gap:8px;color:#d6bf5a;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.legal-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.legal-head h1{margin:12px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-1.4px;font-weight:800}
.legal-meta{color:#8d8d95;font-size:12px}
.legal-summary{margin:18px 0 0;padding:16px 18px;border:1px solid #2b2b2e;border-left:3px solid var(--yellow);border-radius:10px;background:#131314;color:#bdbdc4;font-size:13px;line-height:1.75}
.legal-doc h2{margin:34px 0 12px;font-size:19px;line-height:1.3;letter-spacing:-.4px;font-weight:800;color:#f4f4f6;scroll-margin-top:20px}
.legal-doc p,.legal-doc li{color:#b9b9c0;font-size:14px;line-height:1.8}
.legal-doc p{margin:0 0 10px}
.legal-doc ul{margin:4px 0 12px;padding-left:22px}
.legal-doc li{margin:3px 0}
.legal-doc li::marker{color:#d6bf5a}
.legal-doc a{color:#ffe46b;text-decoration:underline;text-underline-offset:3px}
.legal-doc a:hover{color:#fff}
.legal-doc strong{color:#ececf0}
.legal-contact-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 0;padding:20px 22px;border:1px solid #4a4120;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#ffd6001c,transparent 60%),#16150f}
.legal-contact-card span{display:block;color:#a9a9b0;font-size:12px}
.legal-contact-card a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:11px;background:var(--yellow);color:#111;font-weight:800;font-size:13px;text-decoration:none}
.legal-contact-card a:hover{background:#ffe34d;color:#111}
.legal-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:46px 0 0;padding:22px 0 30px;border-top:1px solid #242426;color:#6d6d75;font-size:11px}
.legal-footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-left:auto}
.legal-footer a{color:#a4a4ab;min-height:32px;display:inline-flex;align-items:center}
.legal-footer a:hover,.legal-footer a[aria-current]{color:var(--yellow)}
.legal-footer .legal-footer-contact{color:#e3cb5b}

/* Pricing */
.pricing-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 10px}
.pricing-card{position:relative;padding:22px;border:1px solid #2e2e32;border-radius:16px;background:#141415}
.pricing-card.is-yours{border-color:var(--yellow);background:radial-gradient(ellipse at 100% 0,#ffd60024,transparent 60%),#18170f;box-shadow:0 0 0 3px #ffd60012}
.pricing-card-badge{display:none;position:absolute;top:16px;right:16px;padding:4px 9px;border-radius:999px;background:var(--yellow);color:#111;font-size:10px;font-weight:800}
.pricing-card.is-yours .pricing-card-badge{display:inline-block}
.pricing-card h3{margin:0 0 4px;color:#d6bf5a;font-size:12px;font-weight:700}
.pricing-card .pricing-amount{display:flex;align-items:baseline;gap:8px;margin:10px 0 8px}
.pricing-card .pricing-amount strong{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:#fff}
.pricing-card .pricing-amount span{color:#a9a9b0;font-size:13px;font-weight:600}
.pricing-card p{margin:0;color:#9d9da5;font-size:12.5px;line-height:1.6}
.pricing-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin:18px 0 8px;padding:0 26px;border:1px solid #ffd600;border-radius:13px;background:linear-gradient(180deg,#ffe34d,#ffd600);color:#111;font:800 14px/1 var(--font);cursor:pointer;box-shadow:0 10px 30px #ffd60026}
.pricing-cta:hover{filter:brightness(1.05)}
@media(max-width:760px){
  .legal-main{padding:20px 16px 0}
  .legal-head{padding:22px 0 20px}
  .legal-doc p,.legal-doc li{font-size:13.5px}
  .pricing-plans{grid-template-columns:1fr}
  .legal-footer nav{margin-left:0}
}