@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:light;font-family:'DM Sans',sans-serif;background:#fff1e5;color:#17211f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse at 78% 55%,#a8342e12,transparent 55%),#fff1e5}#motion,.atmosphere{position:fixed;inset:0;pointer-events:none}#motion canvas{display:block;width:100%;height:100%}.atmosphere{background:linear-gradient(90deg,#fff1e5ec 0%,#fff1e588 28%,transparent 68%),linear-gradient(0deg,#fff1e5,transparent 25%,transparent 80%,#fff1e560)}main{position:relative;z-index:1;min-height:100svh;max-width:1600px;margin:0 auto;padding:clamp(3rem,8vh,7rem) clamp(1.5rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;font-size:clamp(4.5rem,9.6vw,9.5rem);line-height:.89;letter-spacing:-.025em;margin:0 0 2.5rem;text-wrap:nowrap}h1>span{display:block}.cash{color:#a8342e}.period{color:#711b19}.signup{width:min(100%,580px)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:grid;gap:.65rem;font-size:.875rem;font-weight:500;color:#17211f}input{font:inherit;font-size:1rem;width:100%;min-height:58px;padding:1rem;background:#fff8f1e6;border:1px solid #8f877f;border-radius:3px;color:#17211f;outline:none;transition:border-color .2s,background .2s}input::placeholder{color:#5c625e}input:focus{border-color:#a8342e;background:#fff8f1;box-shadow:0 0 0 2px #a8342e20}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:1rem 1.3rem;margin-top:1.2rem;border:1px solid #a8342e;border-radius:3px;background:#a8342e;color:#fff8f1;font:700 1rem 'DM Sans',sans-serif;letter-spacing:.09em;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.submit>span:last-child{font-size:1.6rem;line-height:1}.submit:hover{background:#711b19;box-shadow:0 0 40px #a8342e20;transform:translateY(-2px)}.submit:disabled{opacity:.6;cursor:wait}.submit:focus-visible,.motion-toggle:focus-visible{outline:3px solid #35667d;outline-offset:4px}.form-status{font-size:.875rem;color:#711b19;margin:.8rem 0 0;min-height:1.2em}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#success{padding:1.5rem 0;outline:none;animation:reveal .65s ease both}.success-mark{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #a8342e;color:#a8342e;border-radius:50%;font-size:1.3rem}h2{font-size:1.8rem;letter-spacing:-.03em;margin:1rem 0 .5rem}#success p{color:#5c625e;font-size:1rem}.motion-toggle{position:fixed;z-index:2;right:1.3rem;bottom:1.3rem;border:1px solid #8f877f;background:#fff8f1cc;color:#17211f;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:.9rem;backdrop-filter:blur(8px)}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){main{padding-top:4rem;padding-bottom:4rem}h1{font-size:clamp(3.5rem,15vw,6rem);margin-bottom:2rem}.fields{grid-template-columns:1fr;gap:1rem}.atmosphere{background:linear-gradient(90deg,#fff1e599,transparent),linear-gradient(0deg,#fff1e5fa 5%,#fff1e566 65%,transparent)}.signup{max-width:460px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

main h1{margin-bottom:1.25rem}.early-access{max-width:580px;margin:0 0 2rem;color:#17211f;font-size:1.125rem;line-height:1.55;text-wrap:pretty}

.sms-consent{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.25rem;font-size:.875rem;line-height:1.5;cursor:pointer}.sms-consent input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:.15rem 0 0;padding:0;accent-color:#a8342e}

.member-login-link{position:absolute;z-index:3;top:1.4rem;right:clamp(1.5rem,4vw,4rem);color:#17211f;font-size:.9rem;text-underline-offset:4px;padding:.6rem}.member-login-link:focus-visible{outline:3px solid #35667d;outline-offset:3px}.login-page main{max-width:760px;align-items:stretch}.login-page h1{font-size:clamp(3rem,7vw,5rem);white-space:normal;text-wrap:wrap}.login-page p{font-size:1.1rem;line-height:1.6}.login-page a{color:#a8342e;text-underline-offset:4px}.login-page .login-secondary{margin-top:2rem;font-size:.875rem}

/* Give the little dumpster its own interactive space beside the signup. */
#motion{position:fixed;inset:12% 1% 8% auto;width:43%;pointer-events:auto;z-index:2;isolation:isolate}
#motion canvas{height:100%;width:100%;cursor:grab;touch-action:pan-y;outline:none}
#motion canvas.dragging{cursor:grabbing;touch-action:none}
#motion canvas:focus-visible{outline:2px solid #a8342e;outline-offset:-8px;border-radius:24px}
.motion-hint{position:absolute;bottom:5%;left:0;width:100%;text-align:center;font-size:14px;color:#754b50;pointer-events:none;letter-spacing:.025em}
.atmosphere{background:radial-gradient(ellipse at 77% 60%,#d4728518,transparent 48%)}
@media(min-width:1001px){body:not(.login-page) main{padding-right:46%}body:not(.login-page) h1{font-size:clamp(4.5rem,8vw,8rem)}}
@media(max-width:1000px){#motion{position:relative;inset:auto;width:100%;height:340px;margin:-1.2rem 0 .8rem;align-self:center;max-width:520px}.motion-hint{bottom:0}body:not(.login-page) main{align-items:center;padding-top:6rem}body:not(.login-page) h1{align-self:center}body:not(.login-page) .early-access{width:min(100%,580px)}}
@media(max-width:650px){#motion{height:290px;margin-top:-.5rem}body:not(.login-page) .early-access{max-width:460px}}
.login-page form{display:grid;gap:1.25rem}.login-page #loginStatus{font-size:1rem;color:#a8342e;margin:0;min-height:1.5em}.login-page main{padding-top:3rem;padding-bottom:3rem}