:root{--paper:#f6f4ee;--ink:#242722;--muted:#6a6e65;--orange:#e7643c;--line:#dcded5;--green:#dfe7d9;font-family:system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{max-width:1160px;width:calc(100% - 96px);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;height:110px;border-bottom:1px solid var(--line)}.logo{font-size:35px;font-weight:850;letter-spacing:-2px}.logo .star{color:var(--orange);font-size:31px;margin-left:2px}.nav-link{font-size:14px}.nav-link span{margin-left:22px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-top:90px;padding-bottom:100px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:650;margin:0 0 27px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:6px}h1{font-size:clamp(58px,6.6vw,88px);line-height:1.15;letter-spacing:-3px;margin:0 0 28px;font-weight:760}.orange{color:var(--orange)}.intro{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 32px}.start-form>label:first-child{display:block;font-size:12px;font-weight:650;margin-bottom:12px}.input-row{display:flex;border:1px solid #c6cbbf;border-radius:9px;background:#fff;padding:5px;gap:5px}.input-row input{min-width:0;flex:1;background:none;border:0;padding:14px 12px;font-size:15px;color:var(--ink)}.input-row input:focus{outline-offset:0;border-radius:4px}.input-row button{border:0;background:var(--orange);color:white;padding:12px 18px;font-size:13px;font-weight:650;border-radius:5px;white-space:nowrap;cursor:pointer}.input-row button span{margin-left:12px}.input-row button:disabled{background:#85897f;cursor:not-allowed}.small{color:var(--muted);font-size:11px;margin:10px 0}.consent{display:flex;align-items:start;gap:5px;font-size:11px;line-height:1.5;color:var(--muted);margin:14px 0}.consent input{accent-color:var(--orange);margin:2px 4px 0 0}.consent a{text-decoration:underline;text-underline-offset:3px}.status{font-size:12px;line-height:1.6;color:var(--muted);min-height:20px;margin:12px 0}.hero-notes{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted);margin-top:20px}.hero-notes span+span:before{content:'·';margin-right:8px}.preview{background:var(--green);border-radius:22px;transform:rotate(2deg);padding:29px 26px 21px;position:relative;box-shadow:0 20px 45px #343c2610}.preview-top{display:flex;gap:12px;align-items:center;padding-bottom:22px;border-bottom:1px solid #becbb7}.mini-logo{background:var(--paper);width:42px;height:42px;border-radius:12px;display:grid;place-content:center;font-size:26px;position:relative;font-weight:800}.mini-logo span{position:absolute;color:var(--orange);right:3px;top:0;font-size:16px}.preview-top strong{display:block;font-size:13px;margin-bottom:4px}.preview-top div>span{font-size:10px;color:var(--muted)}.preview-mark{margin-left:auto;font-size:28px;color:#65775b}.chat{display:flex;flex-direction:column;gap:17px;padding:24px 0 32px;min-height:342px}.chat-caption{font-size:9px;color:#68775e;text-align:center;margin-bottom:5px}.bubble{font-size:13px;line-height:1.8;padding:13px 17px;width:fit-content;max-width:92%;border-radius:14px}.mine{background:#66765c;color:white;align-self:flex-end;border-bottom-right-radius:3px}.theirs{background:#fafbf7;border-bottom-left-radius:3px}.short{font-size:12px;padding:11px 15px}.preview-bottom{display:flex;justify-content:space-between;border-top:1px solid #becbb7;padding-top:17px;font-size:10px;color:#5f6d56}.example-label{text-align:center;color:#68775e;font-size:9px;margin:18px 0 0}.strip{background:#eceee5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:26px 0;font-size:14px;font-weight:550}.asterisk{font-size:24px;color:var(--orange)}.how{padding-top:90px;padding-bottom:90px}.section-heading h2,.personal-card h2{font-size:34px;line-height:1.4;letter-spacing:-1.4px;margin:0 0 32px}.section-heading .eyebrow{color:var(--muted);margin-bottom:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{font-size:12px;color:var(--orange);font-weight:700}.steps h3{font-size:19px;letter-spacing:-.5px;margin:22px 0 13px}.steps p{color:var(--muted);font-size:14px;line-height:1.8}.details{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-bottom:90px}.personal-card{background:#e9e1d4;border-radius:14px;padding:36px;position:relative;overflow:hidden}.personal-card h2{font-size:29px;margin:20px 0}.personal-card p{max-width:310px;color:#66675e;font-size:13px;line-height:1.9;position:relative;z-index:1}.personal-card code{font-family:inherit;color:#3e5140}.card-star{position:absolute;font-size:110px;right:8px;bottom:-30px;color:#d4c8b6;transform:rotate(15deg)}.rules-card{padding:8px 0 0 15px}.rules-card h3{font-size:19px;margin-bottom:27px}.rules-card dt{font-size:14px;font-weight:650;margin:22px 0 8px}.rules-card dd{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:360px}.privacy{border-top:1px solid var(--line);padding-top:30px;padding-bottom:40px}.privacy h2{font-size:13px}.privacy p{font-size:11px;line-height:1.9;color:var(--muted);max-width:850px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:25px 0 40px}footer .logo{font-size:25px}footer .logo .star{font-size:23px}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}#captcha{margin-top:14px}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.nav{height:82px}.hero{gap:32px;padding-top:55px;padding-bottom:65px}.preview{padding:23px 18px}.bubble{font-size:11px;padding:12px}.input-row{flex-wrap:wrap}.input-row input{width:100%;flex-basis:100%}.input-row button{width:100%}.hero h1{font-size:60px}.intro{font-size:15px}.details{gap:24px}.personal-card{padding:25px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav{height:75px}.logo{font-size:30px}.nav-link{font-size:12px}.hero{grid-template-columns:1fr;gap:50px;padding-top:45px;padding-bottom:55px}.hero h1{font-size:56px;letter-spacing:-2px}.eyebrow{font-size:10px;margin-bottom:22px}.intro{font-size:16px}.input-row{flex-wrap:nowrap}.input-row input{width:auto;flex-basis:auto;padding:13px 8px;font-size:14px}.input-row button{width:auto;padding:12px}.input-row button span{margin-left:5px}.hero-notes{margin-top:14px}.preview{max-width:380px;width:95%;margin:0 auto;transform:rotate(1.5deg);padding:25px}.bubble{font-size:12px}.chat{min-height:320px}.strip .wrap{font-size:10px;padding:20px 0;gap:8px}.asterisk{font-size:17px}.how{padding-top:55px;padding-bottom:45px}.section-heading h2{font-size:28px}.steps{grid-template-columns:1fr;gap:15px;margin-top:30px}.steps article{position:relative;padding-left:40px;padding-top:16px}.step-number{position:absolute;left:0;top:24px}.steps h3{font-size:18px;margin:5px 0 9px}.steps p{font-size:13px;margin:0 0 15px}.steps br{display:none}.details{grid-template-columns:1fr;padding-bottom:45px;gap:20px}.personal-card{padding:30px}.personal-card h2{font-size:29px}.rules-card{padding:5px}.rules-card dd{max-width:100%}.privacy{padding-bottom:25px}footer{gap:16px}footer p{font-size:10px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.hero-copy{min-width:0}

@media(max-width:360px){.hero h1{font-size:48px}.nav-link span{margin-left:10px}footer{flex-wrap:wrap;gap:12px}.hero-notes{font-size:9px}.preview{padding:18px}.strip .wrap{font-size:9px;gap:6px}}

/* The "oo" in the wordmark: two eyes drawn as bold rings with moving pupils (see eyes.js). */
.eyes{display:inline-flex;gap:.035em;margin:0 .02em 0 .03em;letter-spacing:0}
.eye{--x:0;--y:0;position:relative;display:inline-block;width:.6em;height:.6em;border:.115em solid currentColor;border-radius:50%;background:#fff;transform-origin:50% 55%}
.eye i{position:absolute;left:50%;top:50%;width:.2em;height:.2em;margin:-.1em 0 0 -.1em;border-radius:50%;background:currentColor;transform:translate(calc(var(--x) * .085em),calc(var(--y) * .085em));transition:transform .12s ease-out,scale .2s ease}
.eye i:after{content:'';position:absolute;left:22%;top:18%;width:32%;height:32%;border-radius:50%;background:#fff}
.eyes.slow .eye i{transition:transform .35s cubic-bezier(.3,1.4,.5,1),scale .2s ease}
.logo:hover .eye i,.logo:focus-visible .eye i{scale:1.25}
.eyes.blink .eye{animation:textoo-blink .16s ease-in-out}
@keyframes textoo-blink{50%{transform:scaleY(.12)}}