/* Legal pages — terms & privacy */

:root {
  --indigo:#6366f1;--violet:#8b5cf6;--fuchsia:#d946ef;
  --ink:#0f172a;--muted:#5b6478;
  --font-body:'Plus Jakarta Sans',system-ui,sans-serif;
  --max:80rem;
}

*,*::before,*::after{box-sizing:border-box}

html.legal-page{background:#f8faff}
body.legal-page{
  margin:0;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  font-family:var(--font-body);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}

/* ── NAV ── */
.legal-nav{
  position:sticky;top:0;z-index:50;
  height:4rem;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(1rem,3vw,2.5rem);
  background:linear-gradient(105deg,var(--indigo) 0%,var(--violet) 35%,var(--fuchsia) 100%);
  box-shadow:0 2px 24px rgba(99,102,241,.35);
}
.legal-nav-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}
.legal-nav-logo{width:2rem;height:2rem;border-radius:.6rem;display:block}
.legal-nav-name{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.legal-nav-sub{font-size:.55rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.75);display:block;margin-top:.05rem}
.legal-nav-back{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85);text-decoration:none;padding:.45rem .9rem;border-radius:9999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);transition:.2s}
.legal-nav-back:hover{background:rgba(255,255,255,.25);color:#fff}

/* ── MAIN CONTENT ── */
.legal-main{
  flex:1;
  padding:2.5rem clamp(1rem,3vw,2.5rem) 3rem;
  max-width:52rem;
  margin:0 auto;
  width:100%;
}
.legal-page-title{
  font-size:clamp(1.6rem,4vw,2.25rem);
  font-weight:800;
  color:var(--ink);
  letter-spacing:-.02em;
  margin:0 0 .5rem;
}
.legal-page-meta{
  font-size:.82rem;
  color:var(--muted);
  margin:0 0 2.5rem;
}
.legal-section{margin:0 0 2.25rem}
.legal-section h2{
  font-size:1.05rem;
  font-weight:700;
  color:var(--ink);
  margin:0 0 .6rem;
  padding-bottom:.4rem;
  border-bottom:1px solid rgba(99,102,241,.12);
}
.legal-section p{
  font-size:.9375rem;
  line-height:1.7;
  color:#334155;
  margin:0 0 .85rem;
}
.legal-section ul{
  margin:.35rem 0 .85rem 1.35rem;
  padding:0;
}
.legal-section li{
  font-size:.9375rem;
  line-height:1.65;
  color:#334155;
  margin-bottom:.3rem;
}

/* ── FOOTER (matches landing.css) ── */
.footer{background:linear-gradient(105deg,var(--indigo) 0%,var(--violet) 50%,var(--fuchsia) 100%);padding:2rem clamp(1rem,3vw,2.5rem)}
.footer-inner{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.footer-brand{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.footer-copy{font-size:.875rem;color:rgba(255,255,255,.7)}
.footer-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.footer-nav a{font-size:.875rem;color:rgba(255,255,255,.75);font-weight:500;transition:color .15s;text-decoration:none}
.footer-nav a:hover{color:#fff}
.footer-left{display:flex;flex-direction:column;gap:.25rem}
.footer-tagline{font-size:.875rem;color:rgba(255,255,255,.85);font-style:italic}
.footer-company{display:flex;flex-direction:column;gap:.3rem}
.footer-company-name{font-size:.925rem;font-weight:700;color:#fff;letter-spacing:.03em}
.footer-company-details{display:flex;flex-direction:column;gap:.2rem}
.footer-company-details span{font-size:.845rem;color:rgba(255,255,255,.7)}
.footer-company-details a{color:rgba(255,255,255,.7);text-decoration:none}
.footer-company-details a:hover{color:#fff}