/* ===== Legal document pages (deposit limits, cookie / privacy policy, terms) + 404 ===== */
.doc-hero { position: relative; overflow: hidden; padding: 80px 0; border-bottom: 1px solid var(--c-line); }
.doc-hero__inner { position: relative; }
.doc-hero__ghost { left: 120px; top: -40px; font-size: 180px; letter-spacing: 4px; color: #fff; }
.doc-hero__content { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 16px; max-width: 1120px; }
.doc-hero__title { display: flex; flex-direction: column; gap: 4px; }
.doc-hero__title .display__line { font-size: 88px; line-height: 84px; }
.doc-hero__text { font: 400 16px/26px var(--f-plex); color: var(--c-gray); max-width: 760px; }
.doc-hero__cta { align-self: flex-start; margin-top: 16px; }

.doc { background: var(--c-paper); color: var(--c-ink); padding: 80px 0; }
.doc__container { max-width: 1120px; margin: 0 auto; }
.doc__section { display: flex; gap: 48px; padding: 40px 0; scroll-margin-top: 90px; }
.doc__rail { width: 120px; flex: none; }
.doc__num { font: 700 40px/var(--lh-osw) var(--f-osw); color: var(--c-orange); }
.doc__content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.doc__title { font: 700 28px/var(--lh-osw) var(--f-osw); letter-spacing: .5px; text-transform: uppercase; color: var(--c-ink); }
.doc__text { display: flex; flex-direction: column; gap: 26px; }
.doc__p { font: 400 16px/1.6 var(--f-plex); color: var(--c-ink); }
.doc__bullets { padding-top: 8px; }
.doc__bullet-text { font: 400 15px/1.5 var(--f-plex); color: var(--c-ink); }
.doc__action { align-self: flex-start; }
.doc__rule { height: 1px; background: var(--c-line); opacity: .15; margin: 0; }

@media (max-width: 1099px) {
  .doc-hero__title .display__line { font-size: 64px; line-height: 60px; }
  .doc-hero__ghost { font-size: 120px; }
  .doc__section { gap: 24px; }
  .doc__rail { width: 72px; }
}
@media (max-width: 767px) {
  .doc-hero { padding: 56px 0 48px; }
  .doc-hero__ghost { display: none; }
  .doc-hero__title { gap: 2px; }
  .doc-hero__title .display__line { font-size: 48px; line-height: 44px; }
  .doc-hero__text { font-size: 15px; line-height: 22px; }
  .doc { padding: 24px 0; }
  .doc__section { gap: 16px; padding: 24px 0; }
  .doc__rail { width: 44px; }
  .doc__num { font-size: 28px; }
  .doc__content { gap: 8px; }
  .doc__title { font-size: 18px; }
  .doc__text { gap: 22px; }
  .doc__p { font-size: 14px; line-height: 1.55; color: var(--c-gray-2); }
  .doc__bullet-text { font-size: 14px; color: var(--c-gray-2); }
  .doc__rule { background: var(--c-line-paper); opacity: 1; }
}