/* Shared styles for Agentica legal pages (privacy, terms) */
:root{
  --bg:#06080f; --surface:#0d1120; --card:#111627; --border:#1e2a45;
  --text:#e7ecf5; --text2:#aab4c8; --text3:#6b7896; --accent:#818cf8; --accent2:#22d3ee;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7; font-size:15px; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:820px; margin:0 auto; padding:0 22px 100px}
header.top{
  border-bottom:1px solid var(--border); background:rgba(6,8,15,.85);
  backdrop-filter:blur(10px); position:sticky; top:0; z-index:10;
}
header.top .inner{max-width:820px; margin:0 auto; padding:16px 22px; display:flex; align-items:center; justify-content:space-between}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font-weight:700; font-size:16px}
.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center}
.backlink{color:var(--text3); text-decoration:none; font-size:13px}
.backlink:hover{color:var(--text)}
.hero{padding:56px 0 28px; border-bottom:1px solid var(--border); margin-bottom:36px}
h1{font-size:34px; line-height:1.15; letter-spacing:-.02em; margin:0 0 10px; font-weight:800}
.sub{color:var(--text3); font-size:14px}
.tldr{
  background:linear-gradient(180deg,rgba(129,140,248,.08),rgba(34,211,238,.04));
  border:1px solid rgba(129,140,248,.22); border-radius:14px; padding:18px 20px; margin:0 0 40px;
}
.tldr h2{margin:0 0 8px; font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--accent)}
.tldr ul{margin:8px 0 0; padding-left:20px}
.tldr li{margin:5px 0; color:var(--text2)}
h2.sec{font-size:20px; margin:40px 0 12px; letter-spacing:-.01em; scroll-margin-top:80px}
h3{font-size:16px; margin:26px 0 8px; color:var(--text)}
p{margin:12px 0; color:var(--text2)}
ul,ol{color:var(--text2)}
li{margin:6px 0}
a{color:var(--accent)}
a:hover{color:#a5b0ff}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; background:var(--card); border:1px solid var(--border); border-radius:5px; padding:1px 6px; font-size:13px; color:var(--accent2)}
table{width:100%; border-collapse:collapse; margin:16px 0; font-size:13.5px; display:block; overflow-x:auto}
th,td{border:1px solid var(--border); padding:9px 12px; text-align:left; vertical-align:top}
th{background:var(--card); color:var(--text); font-weight:600}
td{color:var(--text2)}
.note{background:var(--card); border:1px solid var(--border); border-radius:10px; padding:14px 16px; margin:18px 0; font-size:14px}
.toc{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:16px 20px; margin:0 0 34px}
.toc h2{margin:0 0 8px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--text3)}
.toc ol{margin:0; padding-left:20px; columns:2; column-gap:30px}
.toc a{text-decoration:none; font-size:13.5px}
footer.legal{border-top:1px solid var(--border); margin-top:60px; padding-top:24px; color:var(--text3); font-size:13px}
footer.legal a{color:var(--text3)}
@media (max-width:640px){ h1{font-size:27px} .toc ol{columns:1} }