.privacy-page {
  min-height: 100vh;
  color: #08235f;
  background: #eef9ff;
}

.privacy-page .site-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.privacy-main {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 0 0 110px;
  overflow: hidden;
}

.privacy-hero {
  min-height: 430px;
  display: grid;
  place-items: center;
  padding: 135px 24px 90px;
  text-align: center;
  color: #fff;
  background:
    radial-gradient(circle at 24% 30%, rgba(32, 191, 246, .28), transparent 32%),
    linear-gradient(135deg, #062f68, #075aa5 60%, #079ce3);
}

.privacy-hero__content { width: min(760px, 100%); }
.privacy-eyebrow { margin: 0 0 14px; color: #7bdcff; font-size: 12px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.privacy-hero h1 { margin: 0; font-size: clamp(46px, 6vw, 78px); line-height: 1; letter-spacing: -.055em; }
.privacy-hero__content > p:not(.privacy-eyebrow) { margin: 20px auto 14px; font-size: clamp(16px, 2vw, 20px); }
.privacy-hero__content > span { color: rgba(255, 255, 255, .7); font-size: 12px; }

.privacy-layout {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  align-items: start;
  gap: 32px;
  width: min(1120px, calc(100% - 48px));
  margin: -58px auto 0;
}

.privacy-summary,
.privacy-policy {
  border: 1px solid rgba(7, 143, 220, .12);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(8, 74, 128, .1);
}

.privacy-summary {
  position: sticky;
  top: 24px;
  padding: 30px;
}

.privacy-summary__icon { display: grid; width: 54px; height: 54px; margin-bottom: 22px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #08b4ef, #0879d2); }
.privacy-summary__icon svg { width: 28px; fill: currentColor; }
.privacy-summary h2 { margin: 0 0 12px; font-size: 23px; letter-spacing: -.035em; }
.privacy-summary p { margin: 0; color: #65759d; font-size: 14px; line-height: 1.7; }
.privacy-summary a { display: inline-flex; gap: 8px; margin-top: 24px; color: #078fdc; font-size: 14px; font-weight: 800; text-decoration: none; }
.privacy-summary a:hover { color: #075aa5; }

.privacy-policy { padding: 14px 38px; }
.privacy-policy > section { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; padding: 30px 0; border-bottom: 1px solid #e4f0f7; }
.privacy-policy > section:last-child { border-bottom: 0; }
.privacy-number { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #0784d5; background: #e3f6ff; font-size: 12px; font-weight: 800; }
.privacy-policy h2 { margin: 3px 0 10px; color: #082a82; font-size: 22px; letter-spacing: -.025em; }
.privacy-policy p { margin: 0; color: #5e6f91; font-size: 15px; line-height: 1.75; }
.privacy-policy a { color: #078fdc; font-weight: 700; text-decoration: none; }
.privacy-contact { margin: 14px -18px; padding: 24px 18px !important; border: 0 !important; border-radius: 18px; background: #effaff; }

@media (max-width: 800px) {
  .privacy-page .logo img { width: 100px; }
  .privacy-layout { grid-template-columns: 1fr; width: min(100% - 32px, 650px); margin-top: -38px; }
  .privacy-summary { position: static; }
  .privacy-policy { padding: 8px 24px; }
}

@media (max-width: 520px) {
  .privacy-main { padding-bottom: 70px; }
  .privacy-hero { min-height: 390px; padding: 120px 20px 78px; }
  .privacy-hero h1 { font-size: clamp(42px, 13vw, 58px); }
  .privacy-layout { width: min(100% - 24px, 650px); gap: 20px; }
  .privacy-summary { padding: 24px; border-radius: 20px; }
  .privacy-policy { padding: 4px 20px; border-radius: 20px; }
  .privacy-policy > section { grid-template-columns: 1fr; gap: 12px; padding: 26px 0; }
  .privacy-policy h2 { font-size: 20px; }
  .privacy-policy p { font-size: 14px; }
  .privacy-contact { margin-inline: -8px; padding-inline: 12px !important; }
}