:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #211b20; background: #ffffff; font-synthesis: none; }
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; font-size: 1rem; line-height: 1.6; }
a { color: inherit; }
:focus-visible { outline: 3px solid #a61964; outline-offset: 6px; border-radius: 4px; }
.skip-link { position: fixed; top: 1rem; left: 1rem; padding: .75rem 1.25rem; background: #211b20; color: white; z-index: 3; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
.page { width: min(100%, 1600px); min-height: 100svh; margin: auto; padding: 2.5rem clamp(1.25rem, 5vw, 5rem) 1.5rem; display: flex; flex-direction: column; }
.header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.5rem; }
.brand { display: inline-flex; align-items: center; text-decoration: none; font-size: 1.35rem; font-weight: 700; letter-spacing: -.05em; min-height: 44px; }
.status { padding: .45rem 1rem; border: 1px solid #d9d2d7; border-radius: 99px; font-size: 1rem; color: #4d4249; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding-top: clamp(4rem, 9vh, 8rem); padding-bottom: clamp(4rem, 9vh, 8rem); outline-offset: 8px; }
.hero { text-align: center; }
.hero .intro { margin-inline: auto; }
.eyebrow { margin: 0 0 1.75rem; font-size: 1rem; text-transform: uppercase; letter-spacing: .16em; font-weight: 700; color: #5b5057; }
h1 { margin: 0; font-size: clamp(3rem, 7.9vw, 7.75rem); line-height: 1.07; font-weight: 700; letter-spacing: -.06em; overflow-wrap: normal; }
.highlight { position: relative; z-index: 0; white-space: nowrap; }
.highlight::after { content: ""; position: absolute; z-index: -1; left: -.025em; right: -.025em; bottom: .035em; height: .25em; background: linear-gradient(110deg, #ff47a2, #ff963b); }
.intro { margin: 2rem 0 0; max-width: 40rem; font-size: 1.25rem; line-height: 1.65; color: #5b5057; }
.footer { border-top: 1px solid #e5dfe3; padding-top: 1.25rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .75rem 2rem; color: #5b5057; font-size: 1rem; }
.return-link { display: inline-flex; align-items: center; min-height: 48px; padding: .65rem 1rem; background: #211b20; color: white; border-radius: .65rem; text-underline-offset: .25em; margin-top: 2rem; width: fit-content; font-weight: 700; }
@media (max-width: 600px) {
  .page { padding-top: 1.5rem; }
  .header { gap: 1.25rem; }
  .brand { font-size: 1.25rem; }
  h1 { font-size: clamp(2.5rem, 10vw, 3.75rem); letter-spacing: -.055em; line-height: 1.13; }
  main { padding-top: 4rem; padding-bottom: 4rem; }
  .eyebrow { margin-bottom: 1.25rem; }
  .intro { font-size: 1.125rem; margin-top: 1.5rem; }
  .footer { flex-direction: column; }
}