:root{--ink:#000;--paper:#fff;--lime:#cf0;--ink-2:#161616;--line:#262626;--mute:#8a8a8a;--rule:#e8e8e8;--mist:#f5f5f5;--ease:cubic-bezier(.2, .8, .2, 1);--gutter:clamp(20px, 4.5vw, 72px);--nav:72px;--display:var(--font-display), sans-serif;--body:var(--font-body), sans-serif;--mono:var(--font-mono), monospace}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.dark :focus-visible,.dark:focus-visible{outline-color:var(--lime)}.wrap{width:100%;padding-inline:var(--gutter)}.dark{background:var(--ink);color:var(--paper)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}fieldset{border:0;min-width:0;margin:0;padding:0}.label{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.stop{background:var(--ink);border-radius:50%;width:.108em;height:.108em;margin-left:.066em;display:inline-block}.dark .stop,.stop.lime{background:var(--lime)}.btn{background:var(--ink);color:var(--paper);cursor:pointer;transition:transform .25s var(--ease);border:0;border-radius:999px;align-items:center;gap:10px;padding:13px 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:before{content:"";background:var(--lime);border-radius:50%;width:8px;height:8px}.btn:hover{transform:translateY(-2px)}.dark .btn{background:var(--paper);color:var(--ink)}.btn.ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 1.5px}.arrow{align-items:center;gap:14px;font-weight:500;display:inline-flex}.arrow:after{content:"";width:46px;height:1.5px;transition:width .4s var(--ease);background:currentColor}.arrow:hover:after{width:70px}.section{padding:140px 0}.screen{min-height:calc(100svh - var(--nav))}.head{gap:18px;max-width:980px;margin-bottom:64px;display:grid}.head h1,.head h2{font:500 clamp(42px, 6vw, 88px)/1.02 var(--display);letter-spacing:-.02em;margin:0}.head p{max-width:54ch;margin:0;font-size:20px}.dark .head p{color:#cfcfcf}@media (max-width:760px){body{font-size:16px}.section{padding:80px 0}.head p{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
