@font-face { font-family: Inter; src: url("/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root { color-scheme: dark; --surface: #101112; --ink: #efece0; }
* { box-sizing: border-box; }
html { background: var(--surface); }
.background { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: var(--surface); }
.background canvas { display: block; width: 100%; height: 100%; }
main, footer { position: relative; z-index: 1; }
body { margin: 0 auto; max-width: 1600px; padding: clamp(28px, 4.7vw, 75px); color: var(--ink); font-family: Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, p { margin: 0; }
h1 { margin-top: clamp(42px, 5.6vw, 90px); font-size: clamp(54px, 10.4vw, 167px); font-weight: 400; line-height: .985; letter-spacing: -.015em; }
.platforms { display: grid; grid-template-columns: 1.15fr 1fr; gap: 14.8%; margin: clamp(80px, 11.0vw, 176px) 1.15% 0; }
h2 { font-size: clamp(28px, 4.6vw, 74px); font-weight: 500; letter-spacing: -.035em; line-height: 1.1; }
p { margin-top: 2.7vw; font-size: clamp(20px, 2.85vw, 46px); line-height: 1.28; letter-spacing: -.018em; max-width: 13.7em; }
.wordmark { position: relative; margin-top: clamp(88px, 13.1vw, 210px); font-family: Inter, Arial, sans-serif; font-weight: 800; font-size: min(20vw, 320px); line-height: .86; letter-spacing: -.025em; white-space: nowrap; }
footer { margin-top: 3.4vw; padding-bottom: .1vw; font-size: clamp(12px, 1.55vw, 25px); line-height: 1.5; }
.footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin-top: 15px; }
.footer-links span { border-bottom: 1px solid rgba(239, 236, 224, .45); }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: .15em; }
a:focus-visible { outline: 2px solid var(--ink); outline-offset: 6px; }
.explore { display: inline-flex; align-items: center; gap: .45em; margin-top: clamp(22px, 2.1vw, 34px); padding-bottom: 5px; border-bottom: 1px solid rgba(239, 236, 224, .45); font-size: clamp(14px, 1.45vw, 23px); line-height: 1.5; letter-spacing: -.015em; }
.explore-arrow { display: inline-block; }
a.explore { transition: border-color 180ms ease; }
a.explore .explore-arrow { transition: transform 180ms ease; }
a.explore:hover, a.explore:focus-visible { border-bottom-color: var(--ink); text-decoration: none; }
a.explore:hover .explore-arrow, a.explore:focus-visible .explore-arrow { transform: translate(2px, -2px); }
@media (prefers-reduced-motion: reduce) {
  a.explore, a.explore .explore-arrow { transition: none; }
  a.explore:hover .explore-arrow, a.explore:focus-visible .explore-arrow { transform: none; }
}
@media (min-width: 1600px) { p { margin-top: 43px; } footer { margin-top: 75px; } }
@media (max-width: 600px) {
  body { padding: 26px 22px 28px; }
  h1 { margin-top: 36px; font-size: clamp(46px, 11.6vw, 70px); line-height: 1.04; letter-spacing: -.045em; }
  .desktop-break { display: none; }
  .platforms { grid-template-columns: 1fr; gap: 46px; margin: 76px 0 0; }
  h2 { font-size: 31px; }
  p { margin-top: 18px; font-size: 22px; max-width: 20em; }
  .explore { margin-top: 22px; font-size: 15px; }
  .wordmark { margin-top: 86px; font-size: 21.1vw; }
  footer { margin-top: 32px; font-size: 12px; }
}