/* ============================================================
   Shared styles for Privacy & Contact pages.
   Loaded after inoneos-landing.css, reuses the same design tokens.
   ============================================================ */

.legal { padding: 56px 0 96px; max-width: 760px; }
.legal h1 {
  font-size: 34px;
  font-weight: 600;
  margin: 16px 0 8px;
}
.legal-updated { color: var(--ink-faint); font-size: 12.5px; margin-bottom: 36px; }

.legal-card {
  padding: 36px 40px;
}
.legal-card p {
  color: var(--ink-soft);
  font-size: 15px;
  margin: 0 0 16px;
}
.legal-card a { color: white; text-decoration: underline; }
.legal-card h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0 12px;
}
.legal-card h2:first-child { margin-top: 0; }
.legal-card ul {
  margin: 0 0 18px;
  padding-left: 20px;
  color: var(--ink-soft);
  font-size: 15px;
}
.legal-card li { margin-bottom: 10px; }
.legal-card li strong { color: var(--ink); }

/* ---------- contact page ---------- */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.contact-grid .legal-card {
  padding: 30px 30px 28px;
}
.contact-grid h2 { font-size: 17px; margin: 0 0 10px; }
.contact-grid p { font-size: 14px; margin: 0 0 20px; }
.contact-grid .btn { width: 100%; justify-content: center; }
.company-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  color: var(--ink) !important;
}

@media (max-width: 700px) {
  .legal-card { padding: 28px 24px; }
  .contact-grid { grid-template-columns: 1fr; }
}