/* Shared styling for the standalone legal pages (/privacy, /terms).
   Deliberately self-contained: styles.css is the minified build output of the
   marketing SPA and gets overwritten on every rebuild. */
:root{
  --cs-primary:#28a3c6;
  --cs-deep:#194066;
  --cs-ink:#0f1b26;
  --cs-body:#3c4a57;
  --cs-line:#e2e8ef;
  --cs-bg:#f7fafc;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--cs-body);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;
}
.legal-top{
  background:linear-gradient(135deg,var(--cs-deep) 0%,#0d2338 100%);
  color:#fff;padding:56px 24px 64px;
}
.legal-top .inner{max-width:820px;margin:0 auto}
.legal-top a.brand{
  display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;
  font-weight:700;letter-spacing:-.01em;font-size:1.05rem;margin-bottom:34px;
}
.legal-top a.brand span{color:var(--cs-primary)}
.legal-top h1{font-size:2.3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}
.legal-top p.sub{color:#b8cede;font-size:1.02rem;max-width:62ch}
main{max-width:820px;margin:0 auto;padding:52px 24px 80px}
main h2{
  font-size:1.28rem;font-weight:700;color:var(--cs-ink);letter-spacing:-.01em;
  margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--cs-line);
}
main h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
main h3{font-size:1.02rem;font-weight:600;color:var(--cs-ink);margin:26px 0 8px}
main p{margin-bottom:14px}
main ul{margin:0 0 16px 22px}
main li{margin-bottom:8px}
main a{color:var(--cs-primary)}
main strong{color:var(--cs-ink)}
table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:.94rem}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--cs-line);vertical-align:top}
th{color:var(--cs-ink);font-weight:600;background:var(--cs-bg)}
.callout{
  background:var(--cs-bg);border-left:3px solid var(--cs-primary);
  padding:18px 20px;border-radius:0 8px 8px 0;margin:22px 0;
}
.callout p:last-child{margin-bottom:0}
.meta{font-size:.9rem;color:#7d8b98;margin-top:8px}
footer{border-top:1px solid var(--cs-line);padding:30px 24px 56px;background:var(--cs-bg)}
footer .inner{max-width:820px;margin:0 auto;font-size:.9rem;color:#7d8b98}
footer a{color:var(--cs-primary);text-decoration:none}
footer a:hover{text-decoration:underline}
@media(max-width:640px){
  .legal-top{padding:38px 20px 46px}
  .legal-top h1{font-size:1.8rem}
  main{padding:38px 20px 64px}
  table,th,td{font-size:.88rem}
}