:root {
  --green: #5abd32;
  --graphite: #262830;
  --graphite-deep: #171920;
  --surface: #f1f3f5;
  --line: #d6dbea;
  --white: #fff;
}

* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; background: var(--surface); color: var(--graphite); font-family: Inter, "SF Pro Display", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.legal-header { height: 78px; padding: 0 max(28px, calc((100vw - 1120px) / 2)); display: flex; align-items: center; justify-content: space-between; background: var(--graphite-deep); color: var(--white); }
.legal-header img { display: block; width: 128px; height: auto; filter: invert(1); }
.back-link { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.legal-shell { width: min(960px, calc(100vw - 48px)); margin: 0 auto; padding: 88px 0 110px; }
.eyebrow { margin: 0 0 18px; color: #398b18; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
h1 { max-width: 900px; margin: 0; color: var(--graphite-deep); font-size: clamp(40px, 7vw, 78px); line-height: .96; letter-spacing: -.055em; text-transform: uppercase; }
.lead { max-width: 760px; margin: 34px 0 14px; color: #606474; font-size: 18px; line-height: 1.55; }
.revision { margin: 0 0 70px; color: #8a8e9b; font-size: 11px; }
section { padding: 34px 0; border-top: 1px solid var(--line); }
section h2 { margin: 0 0 18px; color: var(--graphite-deep); font-size: 21px; letter-spacing: -.025em; }
section p { max-width: 820px; margin: 0 0 13px; color: #555968; font-size: 15px; line-height: 1.72; }
section p:last-child { margin-bottom: 0; }
section a { color: #2f7916; text-decoration-thickness: 1px; text-underline-offset: 3px; }
code { padding: 2px 5px; background: #e4e7ec; color: var(--graphite-deep); font-size: .9em; }
.legal-footer { padding: 25px max(28px, calc((100vw - 1120px) / 2)); display: flex; justify-content: space-between; background: var(--graphite-deep); color: rgba(255,255,255,.46); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.legal-footer a { color: var(--green); text-decoration: none; }

@media (max-width: 620px) {
  .legal-header { height: 68px; padding: 0 16px; }
  .legal-header img { width: 105px; }
  .legal-shell { width: calc(100vw - 32px); padding: 62px 0 80px; }
  h1 { font-size: clamp(38px, 12vw, 56px); }
  .lead { margin-top: 26px; font-size: 15px; }
  .revision { margin-bottom: 50px; }
  section { padding: 28px 0; }
  section p { font-size: 14px; }
  .legal-footer { padding: 22px 16px; }
}