#sp-legal-footer {
  margin-top: 70px;

  background:
    linear-gradient(
      180deg,
      #171412 0%,
      #0f0d0c 100%
    );

  color: #d6cec3;

  border-top:
    1px solid rgba(190, 145, 73, .24);

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


#sp-legal-footer * {
  box-sizing: border-box;
}


.sp-footer-inner {
  width:
    min(
      1180px,
      calc(100% - 40px)
    );

  margin: 0 auto;

  padding:
    50px 0 35px;

  display: grid;

  grid-template-columns:
    1.45fr
    1fr
    1fr
    1.15fr;

  gap: 38px;
}


.sp-footer-brand {
  color: #d9b36d;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 21px;
  letter-spacing: .06em;
}


.sp-footer-subtitle {
  display: block;

  margin-top: 5px;

  color: #85786d;

  font-size: 11px;
  font-style: italic;
}


.sp-footer-title {
  margin:
    2px 0 15px;

  color: #d9b36d;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.sp-footer-text {
  margin-top: 20px;

  color: #aaa096;

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


.sp-footer-text strong {
  color: #ede7dd;
}


.sp-footer-links {
  display: flex;
  flex-direction: column;

  gap: 10px;
}


.sp-footer-links a,
.sp-footer-contact a {
  color: #c8beb3;

  font-size: 11px;

  text-decoration: none;

  transition:
    color .18s ease;
}


.sp-footer-links a:hover,
.sp-footer-contact a:hover {
  color: #d9b36d;
}


.sp-footer-contact {
  color: #a89e94;

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


.sp-footer-contact strong {
  color: #eee6da;
}


.sp-footer-external {
  display: inline-flex;

  align-items: center;

  width: fit-content;

  margin-top: 12px;

  padding:
    9px 12px;

  border:
    1px solid rgba(217, 179, 109, .28);

  border-radius: 8px;

  color: #d9b36d !important;

  font-weight: 700;

  text-decoration: none;
}


.sp-footer-bottom {
  border-top:
    1px solid rgba(255,255,255,.07);
}


.sp-footer-bottom-inner {
  width:
    min(
      1180px,
      calc(100% - 40px)
    );

  margin: 0 auto;

  padding:
    20px 0 25px;

  display: flex;

  justify-content: space-between;

  gap: 20px;

  color: #786f67;

  font-size: 10px;
  line-height: 1.6;
}


.sp-footer-bottom a {
  color: #9a8d81;
  text-decoration: none;
}


.sp-footer-18 {
  display: inline-flex;

  margin-top: 15px;

  padding:
    5px 8px;

  border:
    1px solid rgba(217, 179, 109, .25);

  border-radius: 999px;

  color: #bba57c;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .08em;
}


@media (
  max-width: 900px
) {

  .sp-footer-inner {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

}


@media (
  max-width: 560px
) {

  .sp-footer-inner {
    grid-template-columns: 1fr;

    gap: 30px;
  }


  .sp-footer-bottom-inner {
    flex-direction: column;
  }

}


/* LEGAL PAGES */

.sp-legal-page {
  min-height: 100vh;

  margin: 0;

  background: #f7f2e9;

  color: #241e1a;
}


.sp-legal-header {
  padding:
    25px 30px;

  background: #171412;

  border-bottom:
    1px solid rgba(217,179,109,.30);
}


.sp-legal-header-inner {
  width:
    min(
      980px,
      100%
    );

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;
}


.sp-legal-header strong {
  color: #d9b36d;

  font-family:
    Georgia,
    serif;

  letter-spacing: .07em;
}


.sp-legal-header a {
  color: #d3c8bb;

  font-size: 12px;

  text-decoration: none;
}


.sp-legal-content {
  width:
    min(
      900px,
      calc(100% - 40px)
    );

  margin:
    55px auto 70px;
}


.sp-legal-kicker {
  color: #a8782d;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.sp-legal-content h1 {
  margin:
    8px 0 12px;

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(
      30px,
      5vw,
      48px
    );

  font-weight: 500;
}


.sp-legal-updated {
  margin-bottom: 40px;

  color: #8c8075;

  font-size: 11px;
}


.sp-legal-content h2 {
  margin:
    35px 0 12px;

  font-family:
    Georgia,
    serif;

  font-size: 22px;
  font-weight: 500;
}


.sp-legal-content h3 {
  margin-top: 24px;

  font-size: 14px;
}


.sp-legal-content p,
.sp-legal-content li {
  color: #62574d;

  font-size: 13px;
  line-height: 1.8;
}


.sp-legal-content a {
  color: #6f182b;

  font-weight: 650;
}


.sp-legal-box {
  margin:
    25px 0;

  padding:
    20px 22px;

  border:
    1px solid rgba(181,138,60,.22);

  border-radius: 12px;

  background: #fffaf2;
}


.sp-legal-table {
  width: 100%;

  margin-top: 18px;

  border-collapse: collapse;
}


.sp-legal-table th,
.sp-legal-table td {
  padding:
    12px 10px;

  border-bottom:
    1px solid rgba(0,0,0,.08);

  text-align: left;

  font-size: 12px;
}


.sp-legal-table th {
  color: #6f182b;
}


/* ==================================================
   ALIPIUM FRAMEWORK + CYBERSECURITY SEAL
   ================================================== */

.sp-footer-platform {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 14px;
}


.sp-footer-built {
  color: #82786f;

  font-size: 10px;

  line-height: 1.5;
}


.sp-footer-built strong {
  color: #bfa36e;

  font-weight: 700;
}


.sp-security-seal {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding:
    7px 10px;

  border:
    1px solid
    rgba(213,173,103,.28);

  border-radius: 9px;

  background:
    rgba(213,173,103,.045);

  color: #d9b36d;

  cursor: help;
}


.sp-security-seal-icon {
  width: 22px;
  height: 22px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(213,173,103,.45);

  border-radius: 50%;

  color: #d9b36d;

  font-size: 11px;

  font-weight: 800;
}


.sp-security-seal strong {
  display: block;

  color: #d8c7aa;

  font-size: 9px;

  letter-spacing: .05em;
}


.sp-security-seal small {
  display: block;

  margin-top: 1px;

  color: #897e73;

  font-size: 8px;

  letter-spacing: .08em;

  text-transform: uppercase;
}


@media (
  max-width: 760px
) {

  .sp-footer-platform {
    justify-content: flex-start;
  }

}