:root{--black:#000000;--white:#ffffff;--accent:#2c2c2e;--lime:#f0faa0;--dim:rgba(255,255,255,0.6);--dimmer:rgba(255,255,255,0.4);--line:rgba(255,255,255,0.16);--field:rgba(255,255,255,0.06);--font-display:"Bebas Neue",sans-serif;--font-body:"Satoshi",system-ui,sans-serif;--ease:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--black);color:var(--white);font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html{height:100%;overflow:hidden}::selection{background:var(--accent);color:var(--white)}:focus-visible{outline:2px solid var(--white);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bg,.sr-only{overflow:hidden}.bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--black)}.bg__photo{background:url(/hero-studio.jpg) 50%/cover no-repeat}.bg__blur,.bg__photo{position:absolute;inset:0}.bg__blur{--blur-edge:calc(37.5rem + 2 * clamp(28px, 7vw, 92px));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:rgba(0,0,0,.12);-webkit-mask-image:linear-gradient(90deg,#000 0 var(--blur-edge),transparent var(--blur-edge));mask-image:linear-gradient(90deg,#000 0 var(--blur-edge),transparent var(--blur-edge))}.bg__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.34) 40%,rgba(0,0,0,.04) 70%,rgba(0,0,0,0))}@media (max-width:1024px){.bg__photo{background-position:70%}}@media (max-width:640px){.bg__photo{background-position:60% 20%}.bg__blur,.bg__overlay{display:none}.screen .stack{position:fixed;left:clamp(12px,3.5vw,16px);right:clamp(12px,3.5vw,16px);bottom:clamp(12px,3.5vw,16px);width:auto;max-width:none;align-items:center;text-align:center;padding:clamp(22px,5.5vw,30px);background:rgba(0,0,0,.36);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:24px}.logo{width:clamp(84px,23vw,108px);margin-bottom:16px}.heading{font-size:clamp(1.55rem,6.4vw,1.95rem);line-height:1.06;max-width:none}.subheading{margin-top:14px;font-size:clamp(.95rem,3.6vw,1.05rem);max-width:none}.signup{margin-top:22px;max-width:none}.note:empty{margin-top:0;min-height:0}}.screen{position:relative;z-index:1;min-height:100dvh;justify-content:center;text-align:left;padding:clamp(28px,7vw,92px)}.screen,.stack{display:flex;flex-direction:column;align-items:flex-start}.stack{width:100%;max-width:40rem}.logo{width:clamp(98px,22vw,150px);height:auto;margin:0 0 clamp(22px,3vw,32px)}.heading{letter-spacing:-.015em;line-height:1.04;font-size:clamp(1.8rem,4.2vw,3rem);margin:0;text-wrap:balance}.heading,.subheading{font-family:var(--font-body);font-weight:500;max-width:37.5rem}.subheading{margin:clamp(16px,2.4vw,22px) 0 0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.4;color:var(--dim);text-wrap:pretty}.signup{margin:clamp(28px,4vw,40px) 0 0;width:100%;max-width:37.5rem}.field{display:flex;gap:8px;background:var(--field);border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 8px;transition:border-color .24s var(--ease),background-color .24s var(--ease)}.field:focus-within{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}.field input{flex:1 1;min-width:0;background:transparent;border:0;color:var(--white);font-family:inherit;font-size:16px;padding:12px 14px}.field input::placeholder{color:var(--dimmer)}.field input:focus{outline:none}.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.btn{flex:none;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.01em;color:var(--black);background-color:var(--white);background-image:linear-gradient(to right,var(--lime) 50%,var(--white) 50%);background-size:200% 100%;background-position:100% 0;border:0;border-radius:999px;padding:0 20px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-position .46s var(--ease),color .36s var(--ease),transform .16s var(--ease)}.btn:focus-visible,.btn:hover{background-position:0 0;color:var(--black)}.btn:active{transform:scale(.98)}.btn-arrow{flex:none;transition:transform .36s var(--ease)}.btn:focus-visible .btn-arrow,.btn:hover .btn-arrow{transform:translate(3px,-3px)}.btn[aria-busy=true]{opacity:.75;cursor:progress}.btn .spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(0,0,0,.25);border-top:2px solid var(--black);animation:spin .7s linear infinite;display:none}.btn[aria-busy=true] .spinner{display:inline-block}.btn[aria-busy=true] .btn-arrow,.btn[aria-busy=true] .btn-label{display:none}@keyframes spin{to{transform:rotate(1turn)}}.note{margin:14px 0 0;font-size:13px;color:var(--dim);min-height:1.2em;transition:color .24s var(--ease)}.note[data-state=error]{color:#ff6b6b}.note[data-state=success]{color:var(--white)}.signup.is-done .field{display:none}@media (max-width:640px){.field{flex-direction:column;border-radius:18px;padding:8px;gap:8px}.field input{text-align:center;padding:12px}.btn{width:100%}}@keyframes reveal{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.reveal{opacity:0;animation:reveal .9s var(--ease) forwards}.reveal.d1{animation-delay:80ms}.reveal.d2{animation-delay:.22s}.reveal.d3{animation-delay:.36s}.reveal.d4{animation-delay:.52s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1}}