html.lenis,html.lenis body{height:auto}html.lenis{scrollbar-width:none}html.lenis::-webkit-scrollbar{display:none}.lenis.lenis-smooth{scroll-behavior:auto!important}#page{--black:rgb(22,22,22);--white:rgb(230,230,222);--brand-white:#e6e6de;--ink:rgb(219,219,219);--muted:rgb(120,120,120);--bezzy:cubic-bezier(0.8,0,0,1);--bezzy2:cubic-bezier(0.43,0.195,0.02,1);--bezzy3:cubic-bezier(0.5,0,0,1);--card-gradient:linear-gradient(131.77deg,rgba(219,219,219,0.09) -40.22%,rgba(219,219,219,0) 92.32%);position:relative;isolation:isolate;overflow-x:clip;background:var(--black);color:var(--white);font-family:var(--haasGrot),Arial,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}:where(.page *,.page :before,.page :after){box-sizing:border-box;margin:0;padding:0}:where(.page a){color:inherit;text-decoration:none}body:has(main#page){margin:0}#page ::selection{background:#238636;color:#ffffff}.grid{--grid-columns:repeat(2,1fr);--grid-gutter:24px;--grid-margin:24px;display:grid;grid-template-columns:var(--grid-columns);grid-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);padding-inline:var(--grid-margin);margin:0 auto;width:100%;max-width:1280px}@media (min-width:700px){.grid{--grid-columns:repeat(6,1fr);--grid-gutter:24px;--grid-margin:calc(var(--grid-gutter) / 2)}}@media (min-width:1024px){.grid{--grid-columns:repeat(12,1fr);--grid-gutter:36px;--grid-margin:calc(var(--grid-gutter) / 2)}}#page .btn__label,.bench__label span,.bench__name-val,.bench__rank,.bench__result,.card__meta,.card__more,.cta-head__col--label,.foot__copy,.foot__nav a,.menu__cta,.menu__label,.menu__link,.mono,.nav-link span{font-family:var(--abcDiatypeMono),Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}#page .btn{position:relative;display:inline-flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;cursor:pointer}#page .btn--solid{padding:12px;border-radius:8px;max-height:32px;overflow:hidden;background:var(--card-gradient)}#page .btn--solid:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--brand-white);opacity:1;transition:opacity .6s var(--bezzy3)}#page .btn--solid .btn__block{position:relative;z-index:2;display:flex;width:8px;height:8px;border-radius:2px;background:rgb(22,22,22);overflow:hidden;pointer-events:none}#page .btn--solid .btn__block:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgb(230,230,222);transform:translateX(-100%);transition:transform .6s var(--bezzy3)}#page .btn--solid .btn__label{position:relative;z-index:2;color:rgb(22,22,22);transition:color .6s var(--bezzy3)}#page .btn--solid:hover:after{opacity:0}#page .btn--solid:hover .btn__label{color:rgb(230,230,222)}#page .btn--solid:hover .btn__block:after{transform:translateX(0)}#page .btn--sm{padding-block:8px 7px;border-radius:4px}#page .btn--sm .btn__label{font-size:10px}.header{position:fixed;z-index:999;inset:0 0 auto 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-block:24px;width:100%}.header__grid{max-width:1520px}@media (min-width:1024px){.header__grid{padding-inline:24px}}.header__logo{grid-column:1/-1;display:flex;align-items:center}@media (min-width:320px){.header__logo{grid-column:1/2}}@media (min-width:700px){.header__logo{grid-column:1/4}}@media (min-width:1024px){.header__logo{grid-column:1/6}}.wordmark{align-items:center;font-family:var(--haasGrot),Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--header-fg,var(--brand-white))}.header__nav,.wordmark{position:relative;display:flex}.header__nav{grid-column:1/-1;flex:1 1;justify-content:flex-end;width:100%}@media (min-width:320px){.header__nav{grid-column:2/3}}@media (min-width:700px){.header__nav{grid-column:4/7}}@media (min-width:1024px){.header__nav{grid-column:6/13}}@media (max-width:700px){.header__nav{min-height:32px}}.header__links{position:relative;display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-end}.header__links .nav-link span{color:var(--header-fg,var(--brand-white));opacity:.8;transition:opacity .6s var(--bezzy3),color .4s var(--bezzy3)}.header__links .nav-link:hover span{opacity:1}@media (max-width:700px){.header__links{display:none}}.menu{position:absolute;top:0;right:0;z-index:10;display:none;flex-direction:column;align-items:stretch;padding:12px;border-radius:8px;background:#e6e6de;overflow:hidden}@media (max-width:700px){.menu{display:flex}}.menu__toggle{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.menu__square{width:8px;height:8px;flex-shrink:0;background:rgb(22,22,22);transform-origin:left center;transition:transform .45s var(--bezzy3)}.menu--open .menu__square{transform:rotate(45deg) scale(.72)}.menu__labels{position:relative;width:48px;height:12px;flex-shrink:0;overflow:hidden}.menu__label{position:absolute;inset:0 auto auto 0;color:rgb(22,22,22);white-space:nowrap;transition:transform .45s var(--bezzy3)}.menu__label:last-child{transform:translateY(120%)}.menu--open .menu__label:first-child{transform:translateY(-120%)}.menu--open .menu__label:last-child{transform:translateY(0)}.menu__panel{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;overflow:hidden;flex-shrink:0;max-height:0;opacity:0;pointer-events:none;transition:max-height .45s var(--bezzy3),opacity .45s var(--bezzy3)}.menu--open .menu__panel{max-height:200px;opacity:1;pointer-events:auto}.menu__cta,.menu__link{color:rgb(22,22,22);text-decoration:none;white-space:nowrap}.menu__cta{align-items:center;padding:12px;border-radius:8px;background:#dbdbdb}.hero,.menu__cta{display:flex;justify-content:center;width:100%}.hero{position:relative;flex-direction:row;align-items:flex-start;min-height:100vh;padding-top:136px;padding-bottom:220px}@media (min-width:700px){.hero{padding-top:136px;align-items:flex-end}}.hero>.grid{position:relative;z-index:1;row-gap:32px}.hero__title{position:relative;grid-column:1/-1;font-family:var(--haasGrot),Arial,sans-serif;font-weight:400;font-size:48px;line-height:1;letter-spacing:.01em;color:var(--ink);text-wrap:balance}@media (min-width:320px){.hero__title{grid-column:1/3}}@media (min-width:700px){.hero__title{grid-column:1/4;font-size:56px}}@media (min-width:1024px){.hero__title{grid-column:1/8;font-size:72px}}.hero__ball{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0}.hero__ball canvas{display:block;width:100%;height:100%}.intro{position:relative;display:flex;flex-direction:column}.intro .grid{row-gap:48px}.intro__mark{position:relative;grid-column:1/-1}.intro__mark svg{display:block;width:40px;height:40px;fill:var(--white)}.intro__text{position:relative;grid-column:1/-1;display:flex;flex-direction:column;gap:48px}@media (min-width:320px){.intro__mark,.intro__text{grid-column:1/3}}@media (min-width:700px){.intro__mark,.intro__text{grid-column:1/7}}@media (min-width:1024px){.intro__mark,.intro__text{grid-column:1/13}}.intro__text p{font-family:var(--haasGrot),Arial,sans-serif;font-weight:500;font-size:22.7px;line-height:1.3;letter-spacing:.01em;color:var(--white)}@media (min-width:700px){.intro__text p{font-size:38.7px}}.cta-head{position:relative;padding-top:48px}@media (min-width:700px){.cta-head{padding-top:80px}}@media (min-width:1024px){.cta-head{padding-top:180px}}@media (min-width:1200px){.cta-head{padding-top:240px}}.cta-head .grid{row-gap:24px}.cta-head__col{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.cta-head__col a{width:max-content}.cta-head__col--label{grid-column:1/-1;color:var(--brand-white)}@media (min-width:320px){.cta-head__col--label{grid-column:1/3}}@media (min-width:700px){.cta-head__col--label{grid-column:1/3}}@media (min-width:1024px){.cta-head__col--label{grid-column:1/4}}.cta-head__col--body{grid-column:1/-1}@media (min-width:320px){.cta-head__col--body{grid-column:1/3}}@media (min-width:700px){.cta-head__col--body{grid-column:3/7}}@media (min-width:1024px){.cta-head__col--body{grid-column:7/11}}.cta-head__col--cta{grid-column:1/-1}@media (min-width:320px){.cta-head__col--cta{grid-column:1/3}}@media (min-width:700px){.cta-head__col--cta{grid-column:3/7}}@media (min-width:1024px){.cta-head__col--cta{grid-column:11/13;align-items:flex-end}}.cta-head__title{position:relative;font-family:var(--haasGrot),Arial,sans-serif;font-weight:500;font-size:20px;line-height:1.3;letter-spacing:.01em;text-wrap:balance;color:var(--ink)}@media (min-width:700px){.cta-head__title{font-size:24px}}.cta-head__text{position:relative;font-family:var(--haasGrot),Arial,sans-serif;font-size:16px;line-height:1.3;letter-spacing:.01em;text-wrap:balance;color:rgba(219,219,219,.8)}.card--featured,.featured{position:relative;display:flex;flex-direction:column}.card--featured{grid-column:1/-1;width:100%;align-items:center;padding:16px 16px 40px;gap:24px;background:var(--card-gradient);border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .4s var(--bezzy3),border-color .4s var(--bezzy3),box-shadow .4s var(--bezzy3)}.card--featured:hover{transform:translateY(-3.2px);border-color:rgba(255,255,255,.11);box-shadow:0 12.8px 32px rgba(0,0,0,.28)}.card--featured:hover .card__more{color:rgb(230,230,222)}@media (min-width:320px){.card--featured{grid-column:1/3}}@media (min-width:700px){.card--featured{grid-column:1/7}}@media (min-width:1024px){.card--featured{grid-column:1/13}}.card__inner{position:relative;width:100%;padding:24px;border-radius:8px;background:var(--black);overflow:hidden;display:flex;flex-direction:column;gap:40px}@media (min-width:700px){.card__inner{flex-direction:row;align-items:center}}.card__block{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px}@media (min-width:700px){.card__block:first-child{width:50%}.card__block:nth-child(2){width:30%}.card__block:last-child{width:20%;white-space:nowrap;align-items:flex-end}}.card__meta{color:var(--muted)}.card__meta span{padding-inline:12px}.card__title{font-family:var(--haasGrot),Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.3;letter-spacing:.01em;color:var(--white)}@media (min-width:1024px){.card__title{font-size:24px}}.card__desc{font-family:var(--haasGrot),Arial,sans-serif;font-size:16px;line-height:1.3;letter-spacing:.01em;color:rgba(219,219,219,.8)}.card__more{color:var(--muted);transition:color .6s var(--bezzy3)}.bench{position:relative;width:100%}@media (min-width:700px){.bench{padding-inline:16px}}.bench__label{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding-block:0 34px}.bench__label span{color:var(--muted)}.bench__scroll{position:relative;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.bench__table{position:relative;width:100%;border-collapse:collapse}.bench__table th{font-family:var(--abcDiatypeMono),Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left;white-space:nowrap;padding-right:12px}.bench__table th:first-child{width:1%}.bench__table th:nth-child(2){width:59%}.bench__table th:nth-child(3){width:40%}.bench__rank{font-size:10px;color:var(--muted);width:1%;white-space:nowrap;padding-right:12px}.bench__metric,.bench__rank{padding-block:13px}@media (min-width:700px){.bench__metric{padding-right:12px}}@media (min-width:1024px){.bench__metric{padding-right:36px}}.bench__name{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.bench__name span:first-child{font-family:var(--haasGrot),Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.3;letter-spacing:.01em;color:var(--white)}@media (min-width:700px){.bench__name span:first-child{white-space:nowrap}}.bench__name-val{color:var(--white)}@media (min-width:700px){.bench__name-val{display:none}}.bench__result{font-size:12px;letter-spacing:.04em;font-weight:700;color:var(--muted);padding-block:13px;white-space:nowrap}@media (min-width:700px){.bench__result{padding-right:12px}}@media (min-width:1024px){.bench__result{padding-right:36px}}@media (max-width:700px){.bench__result{display:none}}.bench__score{display:flex;align-items:center;gap:12px}.bench__score span{color:var(--white);font-weight:700}.bench__bar{flex:1 1;min-width:80px;max-width:100%;height:6px;background:rgb(48,47,45);border-radius:999px;overflow:hidden}@media (max-width:1024px){.bench__bar{min-width:30px}}@media (max-width:700px){.bench__bar{display:none}}.bench__fill{height:100%;width:0;background:rgb(219,219,219);border-radius:inherit}.bench__fill--green{background:rgb(182,220,184)}.cards{padding-top:56px}.cards,.cards__row{position:relative;display:flex;flex-direction:column;gap:24px}.cards__row{grid-column:1/-1}@media (min-width:320px){.cards__row{grid-column:1/3}}@media (min-width:700px){.cards__row{grid-column:1/7;flex-direction:row}}@media (min-width:1024px){.cards__row{grid-column:1/13}}.card--sm{position:relative;display:block;width:100%;border-radius:8px;border:1px solid transparent;background:var(--card-gradient);padding:8px;cursor:pointer;transition:transform .4s var(--bezzy3),border-color .4s var(--bezzy3),box-shadow .4s var(--bezzy3)}.card--sm:hover{transform:translateY(-3.2px);border-color:rgba(255,255,255,.11);box-shadow:0 12.8px 32px rgba(0,0,0,.28)}.card--sm:hover .card__more{color:rgb(230,230,222)}.card__sm-inner{position:relative;gap:46px;background:var(--black);padding:24px;border-radius:8px;height:100%}.card__sm-inner,.card__sm-inner>div{display:flex;flex-direction:column;align-items:flex-start}.card__sm-inner>div{gap:12px}.card__sm-title{font-family:var(--haasGrot),Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.3;letter-spacing:.01em;color:var(--white)}@media (min-width:1024px){.card__sm-title{font-size:24px}}.card__sm-desc{font-family:var(--haasGrot),Arial,sans-serif;font-size:16px;line-height:1.3;letter-spacing:.01em;color:rgba(219,219,219,.8)}.foot{position:relative;height:400px;margin-top:120px;overflow:hidden;background:rgb(22,22,22)}.foot__mark{position:absolute;z-index:2;top:40px;left:50%;transform:translateX(-50%)}.foot__mark svg{display:block;width:40px;height:40px;fill:rgb(230,230,222)}.foot__ball{position:absolute;inset:0;z-index:1;touch-action:none}.foot__ball,.foot__ball canvas{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.foot__ball canvas{display:block;width:100%;height:100%}.foot__grid{position:absolute;right:0;bottom:40px;left:0;z-index:2}.foot__bar{position:relative;grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px}@media (min-width:700px){.foot__bar{flex-direction:row;align-items:center}}.foot__copy{color:rgb(230,230,222);opacity:.8}.foot__nav{display:flex;gap:16px}.foot__nav a{color:rgb(230,230,222);opacity:.8;text-decoration:none;transition:opacity .3s ease}.foot__nav a:hover{opacity:1}