:root{--ivory:#f4f0e7;--ink:#11110f;--muted:#6f6a61;--rule:rgba(17,17,15,.42)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ivory);color:var(--ink)}
body{min-height:100svh;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.landing{min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:clamp(28px,4vw,58px)}
.hero{width:min(760px,100%);margin:auto;padding:7vh 0 3vh;text-align:center}
.brand{display:flex;flex-direction:column;align-items:center}.logo{display:block;width:min(610px,88vw);height:auto}
.signup{width:min(480px,90vw);margin:clamp(74px,12vh,130px) auto 0}
.coming{margin:0 0 23px;font-size:10px;font-weight:500;letter-spacing:.34em;line-height:1.5}
.subscribe-form{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--rule)}
.subscribe-form input,.subscribe-form button{appearance:none;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit}
.subscribe-form input{min-width:0;padding:14px 4px 13px;outline:none;font-size:10px;letter-spacing:.18em}
.subscribe-form input::placeholder{color:var(--muted);opacity:1}
.subscribe-form button{padding:14px 4px 13px 20px;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.22em}
.subscribe-form:focus-within{border-color:var(--ink)}
.footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;width:100%;padding-top:34px}
.footer a,.footer p{margin:0;color:var(--ink);font-size:9px;font-weight:500;letter-spacing:.16em;text-decoration:none}
.footer a{border-bottom:1px solid transparent;padding-bottom:3px}.footer a:hover{border-bottom-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}
.thanks{min-height:100svh;display:grid;place-items:center;padding:28px;text-align:center}.thanks-inner{width:min(620px,92vw)}
.thanks .logo{margin:0 auto;width:min(520px,88vw)}.thanks-message{margin:70px 0 0;font-size:10px;font-weight:500;letter-spacing:.34em}
.back-link{display:inline-block;margin-top:34px;color:var(--ink);font-size:9px;font-weight:500;letter-spacing:.16em;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}
@media(max-width:600px){.landing{padding:26px 22px 24px}.hero{padding-top:10vh}.logo{width:min(430px,94vw)}.signup{margin-top:11vh;width:94%}.footer{flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:12px}}
