:root{color-scheme:dark;--ink:#f3f3e8;--muted:#b5b8a6;--line:#3b4534;--accent:#d6f85e;--surface:#20271a;background:#141811;color:var(--ink);font:16px/1.5 system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 24%,#283421 0%,transparent 57%);min-height:100vh}h1,h2,p{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;text-decoration:none}.brand span{display:grid;place-items:center;background:var(--accent);color:#182009;border-radius:8px;width:32px;height:32px;font-size:24px}.signin{font-size:14px;color:var(--muted);text-align:right}.signin span{color:var(--accent)}
.hero{display:grid;grid-template-columns:1.2fr minmax(280px,.8fr);align-items:center;gap:clamp(28px,6vw,90px);padding-block:clamp(56px,9vw,132px) 62px}.kicker{color:var(--accent);font:700 12px/1.4 ui-monospace,monospace;letter-spacing:.12em}.kicker span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(50px,7vw,92px);letter-spacing:-.084em;line-height:.98;margin-block:18px 22px}h1 em{font-style:normal;color:var(--accent)}.lede{max-width:48ch;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.6}
.signup{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,34px)}.signup h2{font-size:28px;letter-spacing:-.04em}.signup p{color:var(--muted);margin-top:8px}.signup form{margin-top:19px}.signup label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.signup input,.signup button{width:100%;border-radius:8px;min-height:48px}.signup input{background:#141811;color:var(--ink);border:1px solid #626e57;padding:10px 12px}.signup button{border:0;background:var(--accent);color:#182009;font-weight:780;cursor:pointer;margin-top:10px}.signup button:hover{background:#e5ff8e}.signup .privacy{font-size:13px;margin-top:14px}.signup .error{color:#ffd2ac}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:52px}.steps article{border-top:1px solid var(--line);padding-top:17px}.steps span{color:var(--accent);font:700 12px ui-monospace,monospace}.steps h2{font-size:19px;margin-top:6px}.steps p,.footer{color:var(--muted);font-size:14px}.steps p{margin-top:5px;max-width:29ch}.footer{display:flex;justify-content:space-between;gap:16px;padding-block:18px 32px;border-top:1px solid var(--line)}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.hero,.steps{grid-template-columns:1fr}.hero{padding-block:46px 34px}h1{font-size:clamp(44px,11vw,70px)}.steps{gap:17px;padding-bottom:32px}.steps p{max-width:none}.footer{font-size:12px}}