.privacy-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: var(--space-8);
  align-items: center;
}

.privacy-hero-text {
  display: flex;
  flex-direction: column;
}

.privacy-hero-illustration {
  max-width: 420px;
  margin-left: auto;
}

.privacy-hero-scene {
  position: relative;
  padding: var(--space-6);
  border-radius: 32px;
  background: radial-gradient(circle at 10% 0%, rgba(107, 182, 232, 0.16), transparent 55%), radial-gradient(circle at 90% 100%, rgba(215, 154, 58, 0.2), transparent 55%), linear-gradient(145deg, rgba(234, 242, 223, 0.98), rgba(255, 255, 255, 0.98));
  box-shadow: var(--shadow-soft-elevated);
  overflow: hidden;
  min-height: 260px;
}

.privacy-hero-layer {
  position: absolute;
  border-radius: 999px;
}

.privacy-hero-mountain {
  inset: 10% 12% auto 8%;
  height: 46%;
  border-radius: 28px;
  background: linear-gradient(145deg, #96b8d4, #6bb6e8);
  opacity: 0.9;
}

.privacy-hero-forest {
  inset: auto 16% 8% 6%;
  height: 32%;
  border-radius: 999px;
  background: linear-gradient(145deg, #5f8b5c, #6daa4f);
}

.privacy-hero-cabin {
  inset: auto auto 16% 18%;
  width: 34%;
  height: 34%;
  border-radius: 24px;
  background: linear-gradient(160deg, #d79a3a, #f0c171);
  box-shadow: var(--shadow-md);
}

.privacy-hero-river {
  inset: auto 10% 6% auto;
  width: 36%;
  height: 28%;
  border-radius: 999px;
  background: radial-gradient(circle at 10% 0%, #ffffff, #6bb6e8);
  opacity: 0.9;
}

.privacy-hero-shield {
  inset: 18% 24% auto auto;
  width: 92px;
  height: 92px;
  border-radius: 32px;
  background: radial-gradient(circle at 30% 10%, #ffffff, #315238);
  box-shadow: var(--shadow-lg);
}

.privacy-layout {
  margin-top: var(--space-8);
}

.privacy-sidebar {
  gap: var(--space-4);
}

.privacy-toc h2 {
  margin-bottom: var(--space-3);
}

.privacy-toc-list {
  display: grid;
  gap: var(--space-2);
  counter-reset: privacy-toc;
}

.privacy-toc-list li {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
}

.privacy-toc-list li::before {
  counter-increment: privacy-toc;
  content: counter(privacy-toc) ".";
  font-weight: 600;
  color: var(--color-heading);
}

.privacy-cta h3 {
  margin-bottom: var(--space-2);
}

.privacy-links {
  display: grid;
  gap: var(--space-1);
}

.privacy-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.privacy-section h2 {
  scroll-margin-top: calc(var(--header-height) + var(--space-6));
}

.privacy-section h3 {
  margin-top: var(--space-4);
}

.privacy-section ul {
  margin-bottom: var(--space-3);
}

.privacy-section li {
  position: relative;
  padding-left: 1.1rem;
}

.privacy-section li::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.65rem;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-primary);
}

@media (max-width: 1024px) {
  .privacy-hero {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr);
  }
}

@media (max-width: 768px) {
  .privacy-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .privacy-hero-illustration {
    max-width: 100%;
    order: -1;
  }
  .privacy-layout {
    margin-top: var(--space-6);
  }
}

@media (max-width: 480px) {
  .privacy-hero-scene {
    min-height: 220px;
  }
}