:root{
  --ink:#050505;
  --soft:#232323;
  --muted:#9b9b9b;
  --quiet:#c9c9c9;
  --panel:#fff;
  --line:#dfdfdc;
  --bg:#f7f7f4;
  --hatch:rgba(0,0,0,.026);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}
body{
  font-family:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background-image:repeating-linear-gradient(135deg,var(--hatch) 0,var(--hatch) 1px,transparent 1px,transparent 7px);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
a{color:inherit;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.page{width:min(860px,calc(100vw - 48px));margin:0 auto;padding:78px 0 86px}
.topline{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:92px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#8b8b8b}
.mini-brand{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:12px;line-height:1;letter-spacing:-.06em;text-decoration:none;color:#111}
.topnav{display:flex;gap:22px}.topnav a{text-decoration:none;color:#8b8b8b}.topnav a:hover{color:#111}
.hero{position:relative;min-height:620px;padding-top:34px}
.hero-mark{position:absolute;right:8px;top:24px;width:118px;height:118px;opacity:.96}.hero-mark img{width:100%;height:100%;display:block;object-fit:contain}
.hero-rule{width:100%;height:1px;background:#111;margin-bottom:24px;opacity:.9}
.eyebrow{font-size:11px;line-height:1.4;letter-spacing:.10em;text-transform:uppercase;color:#a0a0a0;margin:0 0 38px}
h1{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(52px,9vw,108px);line-height:.82;letter-spacing:-.085em;margin:0 0 32px;max-width:760px}
.statement{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(46px,8vw,92px);line-height:.86;letter-spacing:-.085em;margin:0 0 42px;max-width:780px}
.lede{font-size:24px;line-height:1.48;color:#979797;margin:0 0 28px;max-width:560px}
.release-line{display:grid;grid-template-columns:180px 1fr;gap:18px;border-top:1px solid #111;border-bottom:1px solid #111;width:min(520px,100%);padding:12px 0;margin-top:34px;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.release-line span:last-child{color:#9a9a9a}
.panel{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:28px;padding:42px 46px;margin:34px 0;box-shadow:0 20px 60px rgba(0,0,0,.025)}
.panel h2{font-size:15px;line-height:1;letter-spacing:.12em;text-transform:uppercase;margin:0 0 34px}.panel p{font-size:14px;line-height:1.7;margin:0 0 18px}.panel p:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 70px}.grid span{display:block;color:#a0a0a0;font-size:12px;margin-bottom:8px}.grid p{font-size:14px;line-height:1.5;font-weight:700;margin:0}.grid em{font-style:normal;color:#9a9a9a;font-weight:400}.keywords p{word-break:break-word}.footer{margin-top:82px;padding-top:18px;border-top:1px solid #111;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#888}.footer p{margin:0 0 10px}.footer p:first-child{color:#111;font-weight:700}.subpage .hero{min-height:360px}.hero.small h1{font-size:clamp(50px,8vw,90px)}.hero.small .statement{font-size:clamp(36px,6vw,70px)}code{font-family:inherit;background:#f1f1ef;padding:.1em .25em;border-radius:4px}
@media(max-width:720px){.page{width:calc(100vw - 34px);padding-top:44px}.topline{margin-bottom:64px}.hero{min-height:560px}.hero-mark{position:relative;right:auto;top:auto;width:72px;height:72px;margin-bottom:28px}.hero-rule{margin-bottom:20px}.lede{font-size:18px}.release-line{grid-template-columns:1fr;font-size:11px}.panel{border-radius:22px;padding:30px 26px}.grid{grid-template-columns:1fr;gap:22px}.topnav{gap:14px}}