.privacy-refined {
  --privacy-ink: #172337;
  --privacy-muted: #536378;
  background: linear-gradient(112deg, #f0f5fc 0%, #f8faff 48%, #f3f1fa 100%);
  border-block: 1px solid #e0e7f1;
  padding: 88px 0 64px;
  scroll-margin-top: 0;
  color: var(--privacy-ink);
}

.privacy-refined .privacy-layout {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 72px;
  align-items: center;
}

.privacy-art {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.privacy-art > img {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(0 26px 26px #647ba922);
}

.privacy-art-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: -24px;
  color: #607089;
  font-size: 14px;
  line-height: 1.5;
}

.privacy-art-caption svg {
  width: 15px;
  height: 15px;
  stroke-width: 1.6;
}

.privacy-refined .privacy-copy .eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #546c91;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.privacy-eyebrow-rule {
  width: 22px;
  height: 1px;
  background: #7899c9;
  flex-shrink: 0;
}

.privacy-refined .privacy-copy h2 {
  font-size: 54px;
  font-weight: 500;
  line-height: 1.09;
  margin: 20px 0 0;
  text-wrap: balance;
}

.privacy-refined .privacy-copy h2 span {
  color: #5776a9;
}

.privacy-refined .privacy-copy .privacy-lead {
  max-width: 34ch;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
  color: #344359;
  margin: 24px 0 0;
}

.privacy-refined .privacy-copy .privacy-description,
.privacy-refined .privacy-copy .privacy-choice {
  max-width: 49ch;
  font-size: 16px;
  line-height: 1.75;
  color: var(--privacy-muted);
  margin: 16px 0 0;
  text-wrap: pretty;
}

.privacy-refined .privacy-copy .privacy-choice {
  margin-top: 12px;
}

.privacy-refined .privacy-policy-link {
  min-height: 48px;
  gap: 14px;
  margin-top: 24px;
  font-size: 15px;
  font-weight: 500;
  color: #315991;
  border-radius: 4px;
  transition: color 260ms var(--spring);
}

.privacy-link-arrow {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid #ffffff;
  border-radius: 50%;
  background: #ffffff9c;
  box-shadow: 0 2px 8px #405f9010, 0 1px 0 #ffffff inset;
  transition: background 260ms var(--spring), box-shadow 260ms var(--spring), transform 260ms var(--spring);
}

.privacy-link-arrow svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.7;
}

.privacy-policy-link:hover {
  color: #174278;
}

.privacy-policy-link:hover .privacy-link-arrow {
  background: #fff;
  box-shadow: 0 4px 12px #405f901b;
  transform: translate(2px, -2px);
}

.privacy-refined .privacy-policy-link:hover svg {
  transform: none;
}

.privacy-policy-link:active .privacy-link-arrow {
  transform: scale(.95);
}

.privacy-refined .privacy-policy-link:focus-visible {
  outline: 3px solid #345ec8;
  outline-offset: 6px;
}

.privacy-refined .privacy-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding-top: 40px;
  margin-top: 48px;
  border-top: 1px solid #dbe4f0;
}

.privacy-refined .privacy-fact {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  padding: 0 30px;
  min-width: 0;
  position: static;
}

.privacy-refined .privacy-fact:first-child {
  padding-left: 0;
}

.privacy-refined .privacy-fact:last-child {
  padding-right: 0;
}

.privacy-fact + .privacy-fact {
  border-left: 1px solid #dbe4f0;
}

.privacy-fact-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid #fff;
  background: linear-gradient(135deg, #ffffffeb, #e1ebfc8c);
  box-shadow: 0 4px 12px #4265900c, 0 1px 0 #fff inset;
  color: #5277aa;
}

.privacy-fact-permission .privacy-fact-icon {
  background: linear-gradient(135deg, #ffffffeb, #e9e1fa8c);
  color: #74679b;
}

.privacy-fact-trust .privacy-fact-icon {
  background: linear-gradient(135deg, #ffffffeb, #daefee8c);
  color: #527a78;
}

.privacy-refined .privacy-fact-icon svg {
  width: 21px;
  height: 21px;
  margin: 0;
  position: static;
  stroke-width: 1.65;
  color: inherit;
}

.privacy-refined .privacy-fact h3 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  margin: 3px 0 9px;
  color: var(--privacy-ink);
}

.privacy-refined .privacy-fact p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--privacy-muted);
  margin: 0;
  text-wrap: pretty;
}

@media (max-width: 1050px) {
  .privacy-refined .privacy-layout { gap: 38px; }
  .privacy-refined .privacy-copy h2 { font-size: 46px; }
  .privacy-refined .privacy-fact { padding-inline: 22px; gap: 12px; }
}

@media (max-width: 900px) {
  .privacy-refined .privacy-facts { grid-template-columns: 1fr; padding-top: 30px; margin-top: 36px; }
  .privacy-refined .privacy-fact { grid-template-columns: 44px minmax(0, 1fr); padding: 22px 0; gap: 16px; }
  .privacy-refined .privacy-fact:first-child { padding-top: 0; }
  .privacy-refined .privacy-fact:last-child { padding-bottom: 0; }
  .privacy-fact + .privacy-fact { border-left: 0; border-top: 1px solid #dbe4f0; }
  .privacy-refined .privacy-fact p { font-size: 15px; max-width: 57ch; }
  .privacy-refined .privacy-copy h2 { font-size: 40px; }
  .privacy-refined .privacy-copy .privacy-lead { font-size: 19px; }
}

@media (max-width: 760px) {
  .privacy-refined { padding: 56px 0 48px; }
  .privacy-refined .privacy-layout { grid-template-columns: 1fr; gap: 26px; }
  .privacy-art { grid-row: 2; }
  .privacy-art > img { width: 280px; max-width: 100%; }
  .privacy-art-caption { margin-top: -22px; }
  .privacy-refined .privacy-copy h2 { font-size: 42px; margin-top: 16px; }
  .privacy-refined .privacy-copy .privacy-lead { font-size: 20px; margin-top: 20px; }
  .privacy-refined .privacy-copy .privacy-description,
  .privacy-refined .privacy-copy .privacy-choice { font-size: 16px; }
  .privacy-refined .privacy-policy-link { margin-top: 18px; }
  .privacy-refined .privacy-facts { margin-top: 30px; }
}

@media (max-width: 380px) {
  .privacy-refined .privacy-copy h2 { font-size: 36px; }
  .privacy-refined .privacy-copy .privacy-lead { font-size: 19px; }
  .privacy-refined .privacy-fact { gap: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .privacy-refined *, .privacy-refined *::before, .privacy-refined *::after {
    animation: none !important;
    transition: none !important;
  }
  .privacy-refined .privacy-policy-link:hover .privacy-link-arrow,
  .privacy-refined .privacy-policy-link:active .privacy-link-arrow {
    transform: none;
  }
}