/* ------------------------------------------------------------------
   Lino — shared styles for the legal pages (privacy, terms).
   Same palette and type scale as the inline styles in index.html.
   ------------------------------------------------------------------ */
:root{
  --ink:#20242E;
  --ink-soft:#3C424F;
  --muted:#727685;
  --blue:#4F7BEA;
  --blue-deep:#3B6FE5;
  --line:#EBEDF3;
  --line-2:#E3E7F0;
  --wash:#F6F8FD;
  --wash-2:#EEF3FE;
  --maxw:1080px;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);
  background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}

/* ---------- nav (same lockup as the landing) ---------- */
.nav{background:linear-gradient(160deg,#DCE6FF 0%,#ECEBFF 46%,#FBE7D6 100%)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:92px}
.brand{display:flex;align-items:center;gap:9px}
.brand .tile{width:46px;height:46px;display:grid;place-items:center}
.brand .tile img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(40,60,120,.2))}
.brand b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;letter-spacing:-0.03em;color:var(--blue)}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{font-size:14px;font-weight:600;color:#4A5390;transition:color .18s ease}
.nav-links a:not(.btn):hover{color:#2C3670}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;
  border:0;border-radius:999px;padding:9px 18px;transition:transform .15s ease,background .2s ease}
.btn.primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px -12px rgba(79,123,234,.75)}
.btn.primary:hover{transform:translateY(-1px);background:var(--blue-deep)}
@media(max-width:700px){.nav-links a:not(.btn){display:none}}

/* ---------- prose ---------- */
.legal{padding:56px 0 40px}
.legal .prose{max-width:740px;margin:0 auto}
.back-link{display:inline-flex;gap:6px;align-items:center;color:var(--blue);font-size:14px;font-weight:600;margin-bottom:10px}
.legal h1{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-0.02em;
  font-size:clamp(34px,5vw,48px);line-height:1.06;margin:0}
.legal .updated{color:var(--muted);font-size:14px;margin-top:12px}
.legal .note{background:var(--wash);border:1px solid var(--line);border-radius:14px;padding:14px 18px;
  font-size:13.5px;color:var(--muted);margin:24px 0}
.prose h2{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-0.01em;font-size:22px;margin:36px 0 10px}
.prose h3{font-size:17px;margin:22px 0 6px;font-weight:700}
.prose p{color:var(--muted);font-size:15.5px;margin:10px 0}
.prose ul{margin:10px 0 10px 22px;color:var(--muted);font-size:15.5px;padding:0}
.prose li{margin:6px 0}
.prose strong{color:var(--ink-soft)}
.prose a{color:var(--blue);font-weight:500}

/* ---------- footer ---------- */
.footer{padding:0 0 46px}
.f-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;
  border-top:1px solid rgba(60,70,110,.12);font-size:12.5px;color:#9AA0AE}
.f-base a{color:var(--blue);font-weight:600}
@media(max-width:540px){.f-base{flex-direction:column;gap:8px}}