@font-face{font-family:Webbrain;src:url('./space-grotesk.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{font-family:Webbrain,'Helvetica Neue',Arial,sans-serif;color:#22251f;background:#fafaf7;font-synthesis:none;--ink:#22251f;--muted:#71736c;--yellow:#ffe463;--line:#dedfd7}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid #747820;outline-offset:6px}svg{display:block}.page{max-width:1328px;margin:auto;padding:0 56px}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;font-weight:650;font-size:25px;letter-spacing:-1.2px;gap:0}.domain{font-weight:400;color:var(--muted)}.brand-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;border:1.6px solid var(--ink);border-radius:9px;width:31px;height:30px;font-size:23px;margin-right:10px;font-weight:500;line-height:1;transform:rotate(-5deg)}.brand-icon span{width:4px;height:4px;border-radius:100%;background:var(--ink);position:absolute;top:4px;right:4px}.source-link{display:flex;gap:9px;align-items:center;font-size:14px}.source-link svg{width:20px;height:20px}.source-tag{color:var(--muted);margin-left:-4px}.bot-page{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative}.hero{padding:68px 80px 49px}h1{font-size:clamp(54px,6.8vw,92px);font-weight:500;letter-spacing:-5.2px;line-height:1.08;margin:0 0 55px;white-space:nowrap}.title-dot{color:var(--ink)}.identity{display:flex;align-items:center;gap:19px;max-width:760px;margin:0 0 60px}.url-prefix{display:flex;gap:16px;font-size:clamp(26px,3.4vw,43px);font-weight:400;letter-spacing:-1.9px;white-space:nowrap}.url-slash{color:#95978d;font-weight:300}.name-field{position:relative;flex:1;min-width:100px;display:flex;align-items:center}.name-field input{width:100%;border:1px solid #d5d7ca;border-radius:10px;background:#f9faf4;color:var(--ink);font-size:40px;letter-spacing:-1.8px;padding:13px 54px 15px 21px;line-height:1.25;transition:border-color .2s,background .2s}.name-field input:hover{border-color:#85896f}.name-field input:focus{background:#fffef2;border-color:#888b5c;outline:2px solid #d9dda6;outline-offset:3px}.edit-icon{width:19px;height:19px;position:absolute;right:20px;color:#787d68;pointer-events:none}.intro{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:226px;margin-bottom:47px}.intro-copy{padding:5px 0}.intro-copy p{font-size:clamp(25px,3vw,35px);line-height:1.3;letter-spacing:-1.15px;margin:0 0 10px}.intro-copy .freedom{margin:30px 0 0;font-size:27px;letter-spacing:-.8px}.freedom span{display:inline-block;background:var(--yellow);border-radius:6px;padding:1px 8px 3px;margin-left:3px;transform:rotate(-4deg)}.mascot{width:234px;flex-shrink:0;margin-right:17px;position:relative;transform:rotate(-9deg)}.smile{width:100%;height:auto}.mascot-note{display:block;font-size:13px;letter-spacing:.1px;text-align:center;margin-top:10px;transform:rotate(9deg);color:var(--muted)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.actions{display:flex;align-items:center;gap:29px}.primary-button{border:1px solid var(--ink);border-radius:11px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:18px;font-weight:500;padding:19px 24px;min-height:61px;transition:background .15s,transform .15s}.primary-button svg{width:21px;height:21px;color:var(--yellow)}.primary-button:hover{background:#41463a;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.download-link{display:flex;align-items:center;gap:12px;font-size:17px;text-decoration:underline;text-decoration-color:#cbcec0;text-underline-offset:5px}.download-link svg{width:19px;height:19px}.download-link:hover{text-decoration-color:var(--ink)}.ownership-note{color:var(--muted);font-size:13px;margin:0;white-space:nowrap}.footer{display:flex;justify-content:space-between;align-items:center;min-height:80px;gap:20px;color:var(--muted);font-size:13px}.footer a{display:flex;align-items:center;gap:8px}.footer svg{width:17px;height:17px}.footer a:hover{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-dialog{width:min(490px,calc(100% - 32px));padding:40px;border:1px solid var(--line);border-radius:22px;color:var(--ink);font:inherit;background:#fff;box-shadow:0 20px 80px #22251f26}.preview-dialog::backdrop{background:#22251f70;backdrop-filter:blur(4px)}.close-button{position:absolute;top:17px;right:17px;background:none;border:0;padding:6px;border-radius:6px}.close-button svg{width:22px;height:22px}.dialog-smile{display:block;font-family:Arial,sans-serif;font-size:70px;line-height:1;background:var(--yellow);width:76px;height:76px;text-align:center;border-radius:50%;margin-bottom:22px}.preview-dialog h2{font-size:32px;font-weight:500;letter-spacing:-1.4px;margin:0 0 10px}.preview-dialog p{font-size:16px;line-height:1.6}.preview-dialog .bot-address{font-size:19px;overflow-wrap:anywhere;margin:0 0 23px}.connection-options{margin:25px 0;padding:4px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.connection-options strong{font-weight:500;display:block}.connection-options span{font-size:14px;color:var(--muted)}.preview-dialog .preview-note{font-size:13px;color:var(--muted)}.dialog-done{font-size:16px;min-height:48px;padding:12px 22px;margin-top:10px}
@media(min-width:1500px){.page{padding-top:20px}.masthead{height:120px}.hero{padding-top:82px;padding-bottom:58px}.intro{margin-bottom:62px}}
@media(max-width:1100px){.page{padding:0 32px}.hero{padding:54px 52px 40px}h1{letter-spacing:-3.5px}.mascot{width:205px;margin-right:0}.identity{margin-bottom:45px}.intro-copy p{font-size:29px}.ownership-note{display:none}}
@media(max-width:760px){.page{padding:0 20px}.masthead{height:90px}.wordmark{font-size:22px}.source-tag{display:none}.source-link{font-size:13px;gap:6px}.bot-page{border-radius:21px}.hero{padding:40px 30px 34px}h1{font-size:clamp(35px,7.5vw,56px);letter-spacing:-2.3px;margin-bottom:33px}.identity{gap:10px;margin-bottom:35px}.url-prefix{font-size:26px;letter-spacing:-1.1px;gap:9px}.name-field input{font-size:27px;padding:12px 34px 12px 13px;border-radius:8px}.edit-icon{width:15px;height:15px;right:12px}.intro{align-items:flex-start;gap:22px;margin-bottom:34px;min-height:0}.intro-copy p{font-size:23px;letter-spacing:-.8px;margin-bottom:9px}.intro-copy .freedom{font-size:21px;margin-top:24px}.mascot{width:142px;margin-top:4px}.mascot-note{font-size:11px}.actions{gap:25px}.primary-button{font-size:16px;padding:16px 19px;gap:26px;min-height:54px}.download-link{font-size:15px;gap:8px}.footer{min-height:75px;font-size:12px}.footer>span{max-width:210px}}
@media(max-width:520px){.page{padding:0 16px}.masthead{height:78px}.source-link{font-size:12px}.source-link svg{width:17px}.wordmark{font-size:20px}.brand-icon{width:27px;height:26px;font-size:20px;margin-right:8px}.hero{padding:34px 23px 28px}h1{font-size:clamp(31px,8.4vw,43px);letter-spacing:-1.8px;margin-bottom:28px}.identity{gap:8px;margin-bottom:36px}.url-prefix{font-size:23px;gap:7px;letter-spacing:-1.1px}.name-field input{font-size:24px;padding:11px 29px 11px 10px}.edit-icon{right:9px;width:13px}.intro{position:relative;display:block;padding-bottom:131px;margin-bottom:22px}.intro-copy p{font-size:24px}.intro-copy .freedom{margin-top:23px;font-size:22px}.mascot{position:absolute;width:116px;right:9px;bottom:0}.mascot-note{display:none}.actions{width:100%;gap:24px}.primary-button{gap:23px;padding:15px 18px;font-size:16px}.primary-button svg{width:18px}.download-link{font-size:14px;gap:7px}.hero-bottom{display:block}.ownership-note{display:block;text-align:left;margin-top:22px;font-size:12px}.footer{gap:15px;font-size:11px;min-height:69px}.footer>span{max-width:170px}.footer a{gap:5px;white-space:nowrap}.footer svg{width:15px}.preview-dialog{padding:30px}.preview-dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}