/* ══════════════════════════════════════════════════════════════
   SECTION 7 — BUILT FOR PRIVACY
   A muted plum rounded card: heading + body copy on the left, the
   glass padlock (privacy-icon.png) on the right. Sits on the mesh.
   ══════════════════════════════════════════════════════════════ */
.privacy {
  position: relative;
  z-index: 1;
  background: transparent;
  padding: clamp(40px, 6vh, 80px) 24px;
}
.privacy-card {
  max-width: var(--maxw);
  margin-inline: auto;
  border-radius: 32px;
  background: rgba(90,64,96,0.42);        /* muted plum, semi-transparent */
  backdrop-filter: blur(20px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.18);  /* no outer shadow */
  padding: clamp(36px, 5vw, 64px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 40px;
}
.privacy-title {
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.privacy-body {
  margin-top: 16px;
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.6;
  color: rgba(255,255,255,0.85);
  max-width: 42ch;
}
.privacy-icon {
  width: clamp(120px, 16vw, 190px);
  height: auto;
  filter: drop-shadow(0 18px 34px rgba(40,20,55,0.4));
}