.trustHero {
  padding-bottom: var(--landing-space-10);
}

.securityHero {
  padding-bottom: var(--landing-space-6);
}

.securityHero .supportingContainer,
.securityPage > .securityContents,
.securitySection > .container {
  padding-left: var(--landing-hero-shift-x);
  padding-right: var(--landing-hero-shift-x);
}

.securityHero .heroHeadline {
  font-size: clamp(2.25rem, 4vw, 3rem);
}

.trustHero .supportingHeroLead,
.securityHero .supportingHeroLead {
  max-width: 68ch;
}

.securityHero .supportingHeroLead {
  font-size: 0.94rem;
}

.securityReviewDate {
  margin: var(--landing-space-3) 0 0;
  color: var(--landing-color-text-secondary);
  font-size: 0.8rem;
}

.securityFactGrid {
  display: grid;
  gap: var(--landing-space-4);
}

.securityFact,
.securityNotice,
.legalContext {
  border: 1px solid var(--landing-color-border-subtle);
  border-radius: var(--landing-radius-md);
  background: var(--landing-color-neutral-85);
}

.securityFact {
  padding: var(--landing-space-5);
  text-align: left;
}

.securityFact h3 {
  margin: 0 0 var(--landing-space-2);
  color: var(--landing-color-text-primary);
  font-size: var(--landing-text-sm);
  line-height: var(--landing-leading-snug);
}

.securityFact p,
.securityNotice p,
.legalContext p {
  margin: 0;
  color: var(--landing-color-text-secondary);
  line-height: 1.62;
}

.securityFact code,
.faqAnswer code,
.securityProviderTable code {
  padding: 0.08rem 0.28rem;
  border-radius: 0.25rem;
  background: #e7eeeb;
  color: #174c43;
  font-size: 0.9em;
}

.securityTableWrap {
  margin-top: var(--landing-space-5);
  overflow-x: auto;
  border: 1px solid var(--landing-color-border-subtle);
  border-radius: var(--landing-radius-md);
  background: var(--landing-color-neutral-85);
}

.securityTableWrap:focus-visible {
  outline: 3px solid var(--landing-color-primary-300);
  outline-offset: 3px;
}

.securityProviderTable {
  width: 100%;
  min-width: 62rem;
  border-collapse: collapse;
  color: var(--landing-color-text-secondary);
  font-size: 0.82rem;
  line-height: 1.5;
}

.securityProviderTable caption {
  padding: var(--landing-space-4) var(--landing-space-5);
  color: var(--landing-color-text-primary);
  font-size: var(--landing-text-sm);
  font-weight: var(--landing-weight-semibold);
  text-align: left;
}

.securityProviderTable th,
.securityProviderTable td {
  padding: var(--landing-space-3) var(--landing-space-4);
  border-top: 1px solid var(--landing-color-border-subtle);
  vertical-align: top;
  text-align: left;
}

.securityProviderTable thead th,
.securityProviderTable tbody th {
  color: var(--landing-color-text-primary);
  font-weight: var(--landing-weight-semibold);
}

.trustSecurityAction {
  display: flex;
  justify-content: center;
}

.trustSecurityAction .btnSecondary {
  border-color: var(--landing-color-text-primary);
  color: var(--landing-color-text-primary);
}

.trustSecurityAction .btnSecondary:hover {
  border-color: var(--landing-color-text-primary);
  background: var(--landing-color-neutral-85);
  color: var(--landing-color-text-primary);
}

.securityBreadcrumb a,
.securityContents a,
.securityInlineLink,
.legalContext a {
  color: var(--landing-color-primary-700);
  font-weight: var(--landing-weight-semibold);
  text-underline-offset: 0.15em;
}

.securityBreadcrumb {
  display: flex;
  gap: var(--landing-space-2);
  align-items: center;
  margin-bottom: var(--landing-space-5);
  color: var(--landing-color-text-tertiary);
  font-size: 0.9rem;
}

.securityPage {
  padding-bottom: var(--landing-space-16);
  font-size: var(--landing-text-sm);
}

.securityContents {
  display: flex;
  flex-wrap: wrap;
  gap: var(--landing-space-3) var(--landing-space-5);
  align-items: baseline;
  padding-top: var(--landing-space-6);
  padding-bottom: var(--landing-space-6);
  border-top: 1px solid var(--landing-color-border-subtle);
  border-bottom: 1px solid var(--landing-color-border-subtle);
}

.securityContentsTitle {
  width: 100%;
  margin: 0;
  color: var(--landing-color-text-primary);
  font-weight: var(--landing-weight-semibold);
}

.securityPage .sectionLabel {
  font-size: var(--landing-text-sm);
}

.securitySection {
  padding: var(--landing-space-10) 0 0;
  scroll-margin-top: var(--landing-space-6);
}

.securitySection + .securitySection {
  margin-top: var(--landing-space-8);
  border-top: 1px solid var(--landing-color-border-subtle);
}

.securitySectionHeader {
  max-width: 72ch;
  margin-bottom: var(--landing-space-5);
}

.securitySectionHeader h2 {
  margin: 0 0 var(--landing-space-2);
  color: var(--landing-color-text-primary);
  font-size: var(--landing-text-md);
  line-height: var(--landing-leading-snug);
}

.securitySectionHeader p:not(.sectionLabel) {
  margin: 0;
  color: var(--landing-color-text-secondary);
  line-height: 1.62;
}

.securityNotice {
  margin-top: var(--landing-space-5);
  padding: var(--landing-space-4) var(--landing-space-5);
  border-left: 3px solid var(--landing-color-primary-700);
}

.securityNotice strong {
  display: block;
  margin-bottom: var(--landing-space-2);
  color: var(--landing-color-text-primary);
}

.legalContext {
  margin: var(--landing-space-5) 0 var(--landing-space-6);
  padding: var(--landing-space-4) var(--landing-space-5);
}

.legalContext strong {
  color: var(--landing-color-text-primary);
}

@media (min-width: 760px) {
  .securityFactGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .securityNotice {
    width: calc((100% - var(--landing-space-4)) / 2);
  }
}

@media (max-width: 760px) {
  .securityHero .supportingContainer,
  .securityPage > .securityContents,
  .securitySection > .container {
    padding-left: var(--landing-mobile-padding-x);
    padding-right: var(--landing-mobile-padding-x);
  }

  .securityHero .heroHeadline {
    font-size: var(--landing-text-xl);
  }

  .securityContents {
    align-items: flex-start;
    flex-direction: column;
  }

  .securitySection {
    padding-top: var(--landing-space-8);
  }

  .securityFact,
  .securityNotice {
    padding: var(--landing-space-4);
  }
}