@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/urbanist-latin-ext-wght-normal-OHO3NY6G.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/urbanist-latin-wght-normal-HLKQ3ZSU.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-cyrillic-ext-wght-normal-L7GHNSDI.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-vietnamese-wght-normal-PMWGHMOH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-latin-ext-wght-normal-XRETCU74.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-latin-wght-normal-ZZ3K7K5Y.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-cyrillic-ext-wght-normal-QXKVIKFD.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-cyrillic-wght-normal-GOIAQAGU.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-symbols2-wght-normal-WZJJVLQO.woff2") format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-vietnamese-wght-normal-KW5NM6YV.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-latin-ext-wght-normal-HU3ZAWN6.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-latin-wght-normal-CJNQKXUG.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #ffffff;--paper-2: #f3f4f6;--ink: #16181d;--ink-2: #474d59;--ink-3: #686f7c;--line: #e3e5e9;--dot: #ff4f37;--dot-ink: #c8290f;--pass: #12a150;--night: #16181d;--night-ink: #eef0f3;--night-ink-2: #a9b0bc;--night-line: #343842;--font-display: "Urbanist Variable", "Helvetica Neue", Arial, sans-serif;--font-text: "Hanken Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--font-code: "Geist Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out: cubic-bezier(.2, .8, .2, 1);--gutter: clamp(1rem, 4vw, 3rem);--max: 78rem;color-scheme:light;accent-color:var(--ink)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--font-text);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:#ffd8d1;color:var(--ink)}:focus-visible{outline:3px solid var(--dot);outline-offset:3px;border-radius:4px}main:focus{outline:none}html{scrollbar-color:#b9bec7 transparent}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}h3{font-weight:720;font-size:1.375rem;line-height:1.2;letter-spacing:-.012em}p{text-wrap:pretty}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:.22em}a:hover{color:var(--ink-2)}.wrap{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto}.section{padding-block:clamp(4.5rem,10vw,8.5rem)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 4rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-head .lead{margin:0;max-width:34rem}@media(max-width:52rem){.section-head{grid-template-columns:minmax(0,1fr)}}.display{font-size:clamp(2.6rem,5.4vw,4.75rem);font-weight:760;line-height:.98;letter-spacing:-.035em}.h2{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:740;line-height:1.02;letter-spacing:-.03em}.lead{font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.55;color:var(--ink-2);margin:0}.dotted:after{content:".";color:var(--dot);position:relative;top:0}.dotted.dot-wait:after{opacity:0}.dotted.dot-drop:after{animation:dot-fall .6s both}@keyframes dot-fall{0%{top:-1.1em;opacity:0;animation-timing-function:cubic-bezier(.55,0,.85,.35)}15%{opacity:1}62%{top:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}80%{top:-.1em;animation-timing-function:ease-in}to{top:0;opacity:1}}html:not(.intro-seen) .brand .logo-r,.logo-draws .logo-r{stroke-dasharray:1 2;animation:logo-draw .9s cubic-bezier(.65,0,.35,1) both}html:not(.intro-seen) .brand .logo-dot,.logo-draws .logo-dot{animation:logo-drop .62s .82s both}html:not(.intro-seen) .brand .logo-word{animation:logo-word .52s 1.26s var(--ease-out) both}html .brand:hover .logo-dot,html .brand:focus-visible .logo-dot{animation:logo-hop .62s}@keyframes logo-draw{0%{stroke-dashoffset:1.02}to{stroke-dashoffset:0}}@keyframes logo-drop{0%{transform:translateY(-64px) scale(.85,1.15);opacity:0;animation-timing-function:cubic-bezier(.55,0,.85,.35)}15%{opacity:1}60%{transform:translateY(0) scale(1.45,.6);animation-timing-function:cubic-bezier(.2,.8,.2,1)}80%{transform:translateY(-5px) scale(.94,1.06);animation-timing-function:ease-in}to{transform:none;opacity:1}}@keyframes logo-word{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes logo-hop{0%{transform:none;animation-timing-function:cubic-bezier(.2,.6,.35,1)}45%{transform:translateY(-30px) scale(.9,1.12);animation-timing-function:cubic-bezier(.55,0,.85,.35)}80%{transform:translateY(0) scale(1.45,.6);animation-timing-function:ease-out}90%{transform:translateY(-3px) scale(.95,1.05)}to{transform:none}}.button{display:inline-flex;align-items:center;gap:.75rem;font:650 1.0625rem/1 var(--font-text);color:var(--paper);background:var(--ink);border:0;border-radius:999px;padding:1.05rem 1.35rem 1.05rem 1.6rem;text-decoration:none;cursor:pointer;transition:background-color .25s var(--ease-out)}.button:hover{color:var(--paper);background:#2b2e36}.button:disabled{cursor:progress;background:#3a3e47}.button-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--dot);transition:transform .35s var(--ease-out)}.button:hover .button-dot{transform:translate(.25rem) scale(1.25)}.text-link{font:600 1.0625rem/1 var(--font-text);color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.4em}.text-link:hover{color:var(--ink-2)}.dots{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.dots li{position:relative;padding-left:1.25rem}.dots li:before{content:"";position:absolute;left:0;top:.62em;width:.42rem;height:.42rem;border-radius:50%;background:var(--ink-3)}.night{background:var(--night);color:var(--night-ink)}.night .lead{color:var(--night-ink-2)}.night ::selection{background:#5a2a24;color:#fff}.band{background:var(--paper-2)}.demo{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #16181d0d,0 24px 48px -24px #16181d47;overflow:hidden}.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--line);font:600 .875rem/1.2 var(--font-text);color:var(--ink)}.demo-tag{font:600 .6875rem/1 var(--font-text);letter-spacing:.04em;color:var(--ink-3)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:var(--paper);padding:.75rem 1rem;border-radius:8px;text-decoration:none}.skip:focus{top:1rem;color:var(--paper)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}