:root{font-family:"Modak",cursive;font-weight:400;color:#f5f3e9;background:#111411;font-synthesis:none;--lime:#ddff63}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.shell{max-width:1440px;margin:auto;padding:0 56px}header{height:112px;display:flex;align-items:center}.logo{font-size:32px;font-weight:400;letter-spacing:0;text-decoration:none}.logo span{color:var(--lime)}
.hero{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 270px);padding:60px 0 80px}.copy{width:100%;text-align:center}h1{font-size:clamp(56px,7.8vw,112px);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin:0 0 28px}.accent{color:var(--lime)}.intro{font-size:18px;line-height:1.7;color:#b5bcaf;margin:0 auto 36px;max-width:560px}.signup{max-width:580px;margin:auto;scroll-margin-top:24px;text-align:left}
.input-row{display:flex;background:#23291f;padding:6px;border-radius:16px;gap:6px}.input-row>input{width:100%;min-width:0;border:0;border-radius:10px;padding:16px 18px;color:#f5f3e9;background:transparent;font-size:16px}.input-row>input::placeholder{color:#a8b19e}.input-row>button{flex-shrink:0;background:var(--lime);color:#17220e;border:0;border-radius:11px;padding:17px 20px;font-size:12px;font-weight:400;letter-spacing:.2px;cursor:pointer;transition:background .15s,transform .15s}.input-row>button span{font-size:18px;margin-left:9px}.input-row>button:disabled{opacity:.55;cursor:default}.input-row>button:not(:disabled):hover{background:#eaff9c;transform:translateY(-1px)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#a9b09f;line-height:1.65;margin:16px 8px 0;cursor:pointer}.consent input{accent-color:var(--lime);margin:2px 0 0;flex-shrink:0;width:15px;height:15px}.form-note{display:flex;justify-content:center;gap:16px;font-size:13px;line-height:1.6;letter-spacing:.8px;color:#98a38c;margin:14px 0 0}.form-note a{text-underline-offset:3px}.message{font-size:12px;line-height:1.5;min-height:18px;color:var(--lime);margin:10px 8px 0}.message.error{color:#ffad98}#security-check{margin:14px 8px 0}
.privacy{max-width:720px;margin:0 auto;padding:20px 0 36px;text-align:center;color:#8f9987}.privacy h2{font-size:15px;font-weight:400;line-height:1.6;letter-spacing:1px;margin:0 0 12px}.privacy p{font-size:10px;line-height:1.85;margin:0}.privacy a{text-underline-offset:3px}.success{display:flex;gap:16px;align-items:center;padding:28px;border-radius:16px;background:#232f19}.success[hidden]{display:none}.success-icon{font-size:32px;color:var(--lime)}.success h2{font-size:28px;margin:0 0 8px;color:var(--lime);letter-spacing:-1px}.success p{margin:0;font-size:14px;line-height:1.65;color:#c9d3bf}.trap{position:absolute;left:-9999px}.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}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a:hover{color:var(--lime)}
@media(max-width:740px){.shell{padding:0 24px}header{height:88px}.logo{font-size:29px}.hero{min-height:calc(100svh - 300px);padding:48px 0 60px}h1{font-size:clamp(44px,10.2vw,74px);margin-bottom:24px}.intro{font-size:15px;margin-bottom:28px;line-height:1.75}.input-row>input{padding:15px 10px;font-size:14px}.input-row>button{font-size:10px;padding:15px 12px}.input-row>button span{margin-left:3px}.consent{font-size:10px}.privacy{padding:12px 0 28px}}
@media(max-width:400px){.shell{padding:0 20px}.input-row{flex-direction:column;padding:6px}.input-row>input{padding:16px}.input-row>button{font-size:12px;padding:15px}.hero{padding-top:36px}h1{font-size:11.2vw}.intro{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* One typeface and an edge-to-edge illustration, with contrast behind the form. */
body{min-height:100svh;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,rgba(12,22,17,.84) 0%,rgba(12,22,17,.73) 42%,rgba(12,22,17,.38) 100%),url('/town.svg') center 56%/cover no-repeat;background-color:#274a3f}
button,input{font-family:inherit;font-weight:400}
.logo{font-size:38px}h1{text-shadow:0 4px 28px #10231966}.intro{color:#f1f0df;font-size:21px;line-height:1.5}.signup{max-width:680px}.input-row{background:#172719e8;box-shadow:0 12px 40px #07140c30}.input-row>input{font-size:19px}.input-row>button{font-size:17px}.consent{font-size:14px;color:#e0e6d6;line-height:1.55}.message{font-size:15px}.form-note{color:#d9e1cb;letter-spacing:.4px}.privacy{color:#dae0d2;max-width:780px}.privacy p{font-size:13px;line-height:1.65}.privacy h2{letter-spacing:.5px}.success h2{font-weight:400}.success p{font-size:17px}
@media(max-width:740px){.intro{font-size:18px}.consent{font-size:13px}.privacy p{font-size:12px}.input-row>input{font-size:17px}.input-row>button{font-size:15px}}
@media(max-width:600px){.input-row{flex-direction:column}.input-row>input{padding:16px}.input-row>button{padding:15px;font-size:17px}body::before{background-position:center,52% center}.hero{padding-top:32px}.form-note{font-size:12px}}

/* Keep Modak for the brand and headline; use Suisse Intl for reading. */
@font-face{font-family:'Suisse Intl';src:local('Suisse Intl'),local('SuisseIntl-Regular');font-weight:400;font-style:normal;font-display:swap}
:root{font-family:'Suisse Intl',Helvetica,Arial,sans-serif}
h1,.logo{font-family:'Modak',cursive;font-weight:400}
.intro{font-size:18px;line-height:1.65}.input-row>input{font-size:16px}.input-row>button{font-size:12px;font-weight:600}.consent{font-size:13px;line-height:1.65}.form-note{font-size:10px;letter-spacing:.5px}.message{font-size:13px}.privacy h2{font-size:12px;font-weight:600;letter-spacing:.5px}.privacy p{font-size:12px;line-height:1.8}.success h2{font-weight:600}.success p{font-size:15px;line-height:1.65}
@media(max-width:740px){.intro{font-size:16px}.input-row>input{font-size:16px}.input-row>button{font-size:12px}.consent{font-size:12px}.privacy p{font-size:11px}}