/* =========================================================
   iLAMS PRIVACY POLICY
   Uses the existing landing.css design system
   ========================================================= */


/* =========================================================
   PRIVACY HERO
   ========================================================= */

.privacy-hero {
  position: relative;

  min-height: 420px;

  padding-top: 78px;

  overflow: hidden;

  background:
    linear-gradient(
      120deg,
      #0b211a 0%,
      #123b2f 48%,
      #172f80 100%
    );

  color: var(--white);
}


/* subtle background glow */

.privacy-hero::before {
  content: "";

  position: absolute;

  width: 520px;
  height: 520px;

  right: -170px;
  top: -260px;

  border-radius: 50%;

  border:
    1px solid rgba(255, 255, 255, 0.12);

  box-shadow:
    0 0 0 80px rgba(255, 255, 255, 0.025),
    0 0 0 160px rgba(255, 255, 255, 0.018);
}


.privacy-hero::after {
  content: "";

  position: absolute;

  width: 300px;
  height: 300px;

  left: -170px;
  bottom: -210px;

  border-radius: 50%;

  background:
    rgba(200, 146, 45, 0.08);
}


.privacy-hero__inner {
  position: relative;

  z-index: 1;

  width: min(1160px, calc(100% - 48px));

  min-height: 342px;

  margin: 0 auto;

  padding:
    60px
    0
    58px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 50px;
}


.privacy-hero__copy {
  max-width: 760px;
}


.privacy-hero .eyebrow {
  margin-bottom: 14px;

  color: #f2c264;
}


.privacy-hero h1 {
  margin: 0 0 18px;

  font-size:
    clamp(48px, 7vw, 82px);

  line-height: 0.95;

  letter-spacing: -0.02em;
}


.privacy-hero__description {
  max-width: 650px;

  margin: 0;

  color:
    rgba(255, 255, 255, 0.84);

  font-size:
    clamp(17px, 2vw, 22px);

  line-height: 1.5;
}


/* =========================================================
   HERO DATE INFORMATION
   ========================================================= */

.privacy-meta {
  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 32px;
}


.privacy-meta__item {
  min-width: 190px;

  padding:
    14px
    17px;

  display: flex;

  flex-direction: column;

  gap: 4px;

  border:
    1px solid rgba(255, 255, 255, 0.18);

  border-radius: 6px;

  background:
    rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(12px);
}


.privacy-meta__item span {
  color:
    rgba(255, 255, 255, 0.62);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.privacy-meta__item strong {
  color: var(--white);

  font-size: 14px;

  font-weight: 800;
}


/* =========================================================
   HERO BADGE
   ========================================================= */

.privacy-hero__badge {
  flex-shrink: 0;

  width: 180px;

  min-height: 180px;

  padding: 22px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 15px;

  border:
    1px solid rgba(255, 255, 255, 0.2);

  border-radius: 8px;

  background:
    rgba(255, 255, 255, 0.09);

  backdrop-filter: blur(16px);

  text-align: center;
}


.privacy-hero__badge-icon {
  width: 58px;
  height: 58px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    rgba(200, 146, 45, 0.16);

  color:
    #f2c264;
}


.privacy-hero__badge-icon svg {
  width: 30px;
  height: 30px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.privacy-hero__badge > span {
  color:
    rgba(255, 255, 255, 0.84);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  line-height: 1.45;
}


/* =========================================================
   PRIVACY MAIN SECTION
   ========================================================= */

.privacy-section {
  padding:
    82px
    0
    96px;

  background: var(--paper);
}


.privacy-layout {
  width: min(1160px, calc(100% - 48px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    250px
    minmax(0, 1fr);

  gap: 48px;

  align-items: start;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.privacy-sidebar {
  position: sticky;

  top: 100px;
}


.privacy-sidebar__card {
  padding:
    22px
    20px;

  background: var(--white);

  border:
    1px solid var(--line);

  border-radius: 8px;

  box-shadow:
    0 12px 32px rgba(20, 41, 34, 0.08);
}


.privacy-sidebar__title {
  margin:
    0
    13px;

  color: var(--green);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}


.privacy-sidebar nav {
  display: flex;

  flex-direction: column;
}


.privacy-sidebar nav a {
  padding:
    9px
    8px;

  border-bottom:
    1px solid #edf1ef;

  color: var(--muted);

  font-size: 12px;

  font-weight: 600;

  line-height: 1.45;

  transition:
    all 0.2s ease;
}


.privacy-sidebar nav a:last-child {
  border-bottom: 0;
}


.privacy-sidebar nav a:hover,
.privacy-sidebar nav a:focus-visible {
  padding-left: 12px;

  background:
    #eef4f1;

  color: var(--green);

  outline: none;
}


/* =========================================================
   DOCUMENT
   ========================================================= */

.privacy-document {
  min-width: 0;

  padding:
    54px
    58px;

  background: var(--white);

  border:
    1px solid var(--line);

  border-radius: 8px;

  box-shadow:
    0 18px 55px rgba(16, 32, 26, 0.08);
}


/* =========================================================
   POLICY BLOCK
   ========================================================= */

.privacy-block {
  scroll-margin-top: 100px;

  padding:
    0
    0
    50px;

  margin:
    0
    0
    50px;

  border-bottom:
    1px solid var(--line);
}


.privacy-block--last {
  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: 0;
}


/* =========================================================
   SECTION LABEL
   ========================================================= */

.privacy-section-label {
  margin:
    0
    10px;

  color: var(--gold);

  font-size: 11px;

  font-weight: 900;

  letter-spacing: 0.12em;

  line-height: 1;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.privacy-block h2 {
  margin:
    0
    22px;

  color: var(--ink);

  font-size:
    clamp(28px, 3vw, 38px);

  line-height: 1.08;

  letter-spacing: -0.015em;
}


.privacy-block h3 {
  margin:
    32px
    0
    10px;

  color: var(--ink);

  font-size: 18px;

  line-height: 1.25;
}


/* =========================================================
   BODY TEXT
   ========================================================= */

.privacy-block p {
  max-width: 780px;

  margin:
    0
    0
    17px;

  color: var(--muted);

  font-size: 16px;

  line-height: 1.78;
}


.privacy-block p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   LISTS
   ========================================================= */

.privacy-block ul {
  max-width: 780px;

  margin:
    15px
    0
    22px;

  padding-left: 22px;

  color: var(--muted);
}


.privacy-block li {
  margin-bottom: 8px;

  padding-left: 5px;

  font-size: 15px;

  line-height: 1.65;
}


.privacy-block li::marker {
  color: var(--green);

  font-size: 10px;
}


/* =========================================================
   CONTACT CARD
   ========================================================= */

.privacy-contact {
  max-width: 720px;

  margin-top: 26px;

  padding:
    24px
    26px;

  display: flex;

  align-items: flex-start;

  gap: 20px;

  border:
    1px solid var(--line);

  border-radius: 8px;

  background:
    linear-gradient(
      135deg,
      #eef4f1,
      #f8faf9
    );
}


.privacy-contact__icon {
  flex-shrink: 0;

  width: 48px;
  height: 48px;

  display: grid;

  place-items: center;

  border-radius: 8px;

  background:
    #e8f4ef;

  color: var(--green);
}


.privacy-contact__icon svg {
  width: 24px;
  height: 24px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.privacy-contact strong {
  color: var(--ink);

  font-weight: 800;
}


.privacy-contact p {
  margin:
    4px
    0;

  font-size: 14px;
}


.privacy-contact a {
  color: var(--green);

  font-weight: 700;

  text-decoration:
    underline;

  text-underline-offset: 3px;
}


.privacy-contact a:hover {
  color: var(--teal);
}


/* =========================================================
   DOCUMENT FOOTER
   ========================================================= */

.privacy-document__footer {
  margin-top: 45px;

  padding-top: 24px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;

  border-top:
    1px solid var(--line);
}


.privacy-document__footer div {
  display: flex;

  flex-direction: column;

  gap: 3px;
}


.privacy-document__footer strong {
  color: var(--green);

  font-size: 16px;
}


.privacy-document__footer span {
  color: var(--muted);

  font-size: 11px;
}


.privacy-document__footer p {
  margin: 0;

  color: var(--muted);

  font-size: 11px;

  text-align: right;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {

  .privacy-hero__inner {
    align-items: flex-start;
  }


  .privacy-hero__badge {
    width: 150px;
    min-height: 150px;
  }


  .privacy-layout {
    grid-template-columns: 1fr;

    gap: 28px;
  }


  .privacy-sidebar {
    position: static;
  }


  .privacy-sidebar__card {
    display: none;
  }

}


@media (max-width: 720px) {

  .privacy-hero {
    min-height: auto;

    padding-top: 72px;
  }


  .privacy-hero__inner {
    width: min(100% - 32px, 1160px);

    min-height: auto;

    padding:
      52px
      0
      50px;

    display: block;
  }


  .privacy-hero h1 {
    font-size:
      clamp(48px, 15vw, 70px);
  }


  .privacy-hero__description {
    font-size: 17px;
  }


  .privacy-meta {
    flex-direction: column;

    gap: 8px;
  }


  .privacy-meta__item {
    width: 100%;
  }


  .privacy-hero__badge {
    display: none;
  }


  .privacy-section {
    padding:
      54px
      0
      65px;
  }


  .privacy-layout {
    width: min(100% - 32px, 1160px);
  }


  .privacy-document {
    padding:
      36px
      24px;
  }


  .privacy-block {
    padding-bottom: 40px;

    margin-bottom: 40px;
  }


  .privacy-block h2 {
    font-size: 30px;
  }


  .privacy-block h3 {
    font-size: 17px;
  }


  .privacy-block p {
    font-size: 15px;

    line-height: 1.7;
  }


  .privacy-block li {
    font-size: 14px;
  }


  .privacy-contact {
    padding:
      20px;

    gap: 14px;
  }


  .privacy-document__footer {
    align-items: flex-start;

    flex-direction: column;
  }


  .privacy-document__footer p {
    text-align: left;
  }

}