/* =========================================================
   ALLERIA AI, INC. — LEGAL PAGES
   ========================================================= */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;

  color: #172128;
  background:
    radial-gradient(
      circle at 86% 8%,
      rgba(37, 199, 221, .07),
      transparent 24%
    ),
    radial-gradient(
      circle at 14% 70%,
      rgba(115, 88, 255, .05),
      transparent 24%
    ),
    #ffffff;

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

a {
  color: inherit;
}

.legal-shell {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}


/* HEADER */

.legal-header {
  border-bottom:
    1px solid rgba(78, 111, 137, .12);

  background:
    rgba(255,255,255,.88);

  backdrop-filter: blur(18px);
}

.legal-header-inner {
  min-height: 78px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.legal-brand {
  display: flex;
  align-items: center;
  gap: 12px;

  text-decoration: none;
}

.legal-brand-mark {
  width: 42px;
  height: 42px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(53, 155, 198, .18);

  border-radius: 12px;

  background:
    linear-gradient(
      145deg,
      rgba(21,203,216,.10),
      rgba(114,88,255,.10)
    );

  color: #152028;

  font-size: 12px;
  font-weight: 900;
}

.legal-brand strong {
  display: block;

  font-size: 14px;
}

.legal-brand span {
  display: block;

  margin-top: 2px;

  color: #7a8993;

  font-size: 6px;
  font-weight: 800;
  letter-spacing: .15em;
}

.legal-home-link {
  color: #536671;

  font-size: 11px;
  font-weight: 700;

  text-decoration: none;
}


/* PAGE */

.legal-page {
  padding: 74px 0 90px;
}

.legal-hero {
  max-width: 820px;

  margin-bottom: 48px;
}

.legal-eyebrow {
  color: #159ead;

  font-size: 8px;
  font-weight: 850;
  letter-spacing: .18em;
}

.legal-hero h1 {
  margin: 14px 0 0;

  color: #11191f;

  font-size: clamp(44px, 5vw, 70px);
  line-height: .98;
  letter-spacing: -.055em;
}

.legal-hero p {
  max-width: 720px;

  margin: 22px 0 0;

  color: #667985;

  font-size: 16px;
  line-height: 1.7;
}

.legal-updated {
  margin-top: 18px;

  color: #8b99a2;

  font-size: 9px;
}


/* CONTENT */

.legal-content {
  max-width: 900px;

  padding: 38px 42px;

  border:
    1px solid rgba(80, 124, 161, .13);

  border-radius: 22px;

  background:
    rgba(255,255,255,.92);

  box-shadow:
    0 22px 60px rgba(46, 80, 116, .06);
}

.legal-content section + section {
  margin-top: 38px;
  padding-top: 34px;

  border-top:
    1px solid rgba(80, 115, 143, .10);
}

.legal-content h2 {
  margin: 0 0 14px;

  color: #172128;

  font-size: 22px;
  letter-spacing: -.025em;
}

.legal-content h3 {
  margin: 24px 0 10px;

  color: #273842;

  font-size: 15px;
}

.legal-content p,
.legal-content li {
  color: #60727e;

  font-size: 14px;
  line-height: 1.75;
}

.legal-content ul {
  padding-left: 21px;
}

.legal-content a {
  color: #159eae;
  font-weight: 700;
}

.legal-contact-box {
  margin-top: 28px;
  padding: 18px 20px;

  border:
    1px solid rgba(25, 182, 205, .15);

  border-radius: 14px;

  background:
    linear-gradient(
      145deg,
      rgba(241,252,255,.9),
      rgba(250,248,255,.9)
    );
}

.legal-contact-box strong {
  display: block;

  margin-bottom: 5px;

  font-size: 12px;
}


/* FOOTER */

.legal-footer {
  padding: 28px 0;

  border-top:
    1px solid rgba(80, 113, 139, .10);

  color: #80909a;

  font-size: 9px;
}

.legal-footer-inner {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.legal-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.legal-footer a {
  text-decoration: none;
}


/* RESPONSIVE */

@media (max-width: 720px) {
  .legal-shell {
    width: min(100% - 28px, 1180px);
  }

  .legal-page {
    padding: 52px 0 66px;
  }

  .legal-content {
    padding: 26px 22px;
  }

  .legal-footer-inner {
    flex-direction: column;
  }
}