/* ==========================================================
   PAGE CSS CONTROLLER - SIMPLE PAGES
   Used by privacy, terms, and thank-you.
   Change these variables first. They control only these pages.
   ========================================================== */
body.dt-page-privacy-policy,
body.dt-page-terms-and-conditions,
body.dt-page-thank-you {
  --dt-h1-size: clamp(42px, 5.3vw, 76px);
  --dt-h2-size: clamp(32px, 4vw, 56px);
  --dt-p-size: 18px;
  --dt-mobile-h1-size: clamp(34px, 11vw, 48px);
  --dt-mobile-h2-size: clamp(28px, 9vw, 40px);
  --dt-mobile-p-size: 16px;

  --page-first-section-padding-top: clamp(150px, 13vw, 210px);
  --page-mobile-first-section-padding-top: 120px;
  --page-small-first-section-padding-top: 96px;

  --simple-hero-padding-bottom: clamp(70px, 8vw, 120px);
  --simple-content-padding-y: clamp(64px, 7vw, 100px);
  --simple-card-padding: clamp(28px, 4vw, 52px);
}

.dt-simple-page {
  background: #fff;
}

.dt-container,
.dt-simple-content {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
}

.dt-kicker {
  margin: 0 0 16px;
  color: var(--dt-violet);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.dt-lead {
  max-width: 780px;
  margin: 22px 0 32px;
  color: var(--dt-muted);
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.65;
}

.dt-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 30px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, var(--dt-violet), var(--dt-pink), var(--dt-orange));
  font-weight: 800;
}

.dt-simple-hero {
  padding: clamp(150px, 13vw, 210px) 0 clamp(70px, 8vw, 120px);
  color: #fff;
  background:
    radial-gradient(circle at 12% 86%, rgba(239,99,168,.32), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(107,34,242,.38), transparent 30%),
    linear-gradient(135deg, #10063d 0%, #08031d 68%, #07021a 100%);
}

.dt-simple-hero .dt-lead {
  color: rgba(255,255,255,.78);
}

.dt-simple-content {
  padding: clamp(64px, 7vw, 100px) 0;
}

.dt-simple-card {
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(107,34,242,.12);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(22,14,64,.1);
}

.dt-simple-card h2,
.dt-simple-card h3 {
  margin: 34px 0 12px;
}

.dt-simple-card h2:first-child,
.dt-simple-card h3:first-child {
  margin-top: 0;
}

.dt-simple-card p,
.dt-simple-card li {
  color: #4d5362;
}

.dt-simple-card ul {
  margin: 14px 0 0;
  padding-left: 22px;
}

.thank-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 34px;
}

@media (max-width: 768px) {
  .dt-container,
  .dt-simple-content {
    width: min(100% - 24px, 980px);
  }
}

/* Page controller mappings - SIMPLE PAGES */
body.dt-page-privacy-policy .dt-simple-hero,
body.dt-page-terms-and-conditions .dt-simple-hero,
body.dt-page-thank-you .dt-simple-hero {
  padding-bottom: var(--simple-hero-padding-bottom);
}

body.dt-page-privacy-policy .dt-simple-content,
body.dt-page-terms-and-conditions .dt-simple-content,
body.dt-page-thank-you .dt-simple-content {
  padding-top: var(--simple-content-padding-y);
  padding-bottom: var(--simple-content-padding-y);
}

body.dt-page-privacy-policy .dt-simple-card,
body.dt-page-terms-and-conditions .dt-simple-card,
body.dt-page-thank-you .dt-simple-card {
  padding: var(--simple-card-padding);
}