/* Shared styling for legal + pricing pages — matches index.html design system */
:root{
  --bg:#0a0a0b; --surface:#0f0f11; --surface-2:#17171b;
  --line:rgba(255,255,255,0.10); --line-strong:rgba(255,255,255,0.20);
  --ink:#ededea; --dim:#8b8b85; --faint:#5c5c57;
  --signal:#ff4d1c; --signal-dim:rgba(255,77,28,0.14); --ok:#7bd88f;
  --mono:'SF Mono',ui-monospace,'JetBrains Mono',Menlo,monospace;
  --display:'Space Grotesk',-apple-system,system-ui,sans-serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --r:3px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);background:var(--bg);color:var(--ink);
  -webkit-font-smoothing:antialiased;line-height:1.65;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:100% 100%,88px 100%;
}
body::before{content:'';position:fixed;inset:0 0 auto 0;height:2px;background:var(--signal);z-index:200}
a{color:var(--signal);text-decoration:none}
a:hover{text-decoration:underline}
code,.mono{font-family:var(--mono)}

/* Header — same as index.html */
header{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,48px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo-mark{width:26px;height:26px;border:1.5px solid var(--signal);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px;color:var(--signal)}
.logo-txt{font-family:var(--display);font-weight:600;font-size:0.98rem;letter-spacing:-0.01em}
.logo-txt em{color:var(--dim);font-style:normal}
.back{font-family:var(--mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--dim);border:1px solid var(--line);border-radius:var(--r);padding:6px 11px;transition:color .15s,border-color .15s}
.back:hover{color:var(--ink);border-color:var(--line-strong);text-decoration:none}

/* Content */
.wrap{max-width:820px;margin:0 auto;padding:clamp(40px,7vw,72px) clamp(16px,4vw,24px) 88px}
.kicker{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--signal);display:block;margin-bottom:14px}
h1{font-family:var(--display);font-weight:600;font-size:clamp(2rem,5vw,3rem);letter-spacing:-0.02em;margin-bottom:.5rem}
.updated{font-family:var(--mono);color:var(--faint);font-size:.78rem;margin-bottom:2.4rem}
h2{font-family:var(--display);font-weight:600;font-size:1.2rem;margin:2.2rem 0 .6rem;letter-spacing:-0.01em;color:var(--ink)}
p,li{color:var(--dim);margin-bottom:.7rem}
strong{color:var(--ink);font-weight:600}
.wrap p > span{color:var(--ink)}
ul{padding-left:1.3rem}
.muted{color:var(--faint)}

/* Footer — same as index.html */
footer{border-top:1px solid var(--line);padding:30px clamp(16px,4vw,48px);text-align:center;color:var(--faint);font-family:var(--mono);font-size:0.72rem;letter-spacing:0.02em}
footer a{color:var(--dim);margin:0 10px}
footer a:hover{color:var(--signal)}

/* Pricing tiers — same aesthetic as index.html */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.4rem 0}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;position:relative}
.plan.featured{border-color:var(--signal)}
.plan.featured::before{content:'POPULAR';position:absolute;top:14px;right:16px;font-family:var(--mono);font-size:0.6rem;letter-spacing:0.1em;color:var(--signal)}
.plan h3{font-family:var(--mono);font-size:0.74rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--dim);font-weight:600}
.plan .price{font-family:var(--display);font-weight:600;font-size:2.2rem;letter-spacing:-0.02em;margin:.5rem 0}
.plan .price span{font-family:var(--mono);font-size:0.82rem;font-weight:400;color:var(--dim)}
.plan .muted{font-size:.85rem;margin-bottom:.4rem}
.plan ul{list-style:none;padding:0;margin:1rem 0}
.plan li{padding-left:1.3rem;position:relative;font-size:.86rem;color:var(--dim)}
.plan li::before{content:'+';position:absolute;left:0;color:var(--signal);font-family:var(--mono)}
.btn{display:block;text-align:center;font-family:var(--mono);font-weight:600;font-size:0.76rem;text-transform:uppercase;letter-spacing:0.05em;background:var(--signal);color:#0a0a0b;border:1px solid var(--signal);border-radius:var(--r);padding:10px;cursor:pointer;width:100%;margin-top:.6rem}
.btn:hover{filter:brightness(1.1);text-decoration:none}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--dim)}
.btn.ghost:hover{color:var(--ink);border-color:var(--line-strong)}
@media(max-width:720px){.plans{grid-template-columns:1fr}}