/* Hanko Brand v2.0: Archivo 115% (display), Inter (text), JetBrains Mono (data) stand in for GT America */
:root{
  --aubergine:#3F1537; --aub700:#62284F; --ink:#17141A; --porcelain:#F6F4F1; --white:#FFFFFF;
  --teal:#0D7A76; --graphite:#4A4650; --hairline:#E3DFDB;
  --display:"Archivo",system-ui,sans-serif; --text:"Inter",system-ui,-apple-system,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{height:100%}
body{margin:0;font:400 16px/24px var(--text);color:var(--ink);-webkit-font-smoothing:antialiased}
.display{font-family:var(--display);font-stretch:115%;font-variation-settings:"wdth" 115;font-weight:500;letter-spacing:-.015em;text-wrap:balance;margin:0}
.mono{font-family:var(--mono);font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase}
.logo{display:block;height:28px;width:auto}

/* sign-up form */
.signup{display:flex;gap:8px;flex-wrap:wrap;width:100%;max-width:540px}
.signup input[type=email]{flex:1 1 220px;min-width:0;height:48px;padding:0 14px;font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--hairline);border-radius:6px}
.signup input[type=email]:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}
.signup button{height:48px;padding:0 20px;font:500 15px var(--text);color:var(--white);background:var(--aubergine);border:0;border-radius:6px;cursor:pointer}
.signup button:hover{background:var(--aub700)}
.signup button:disabled{opacity:.6;cursor:default}
.hp{position:absolute;left:-9999px}
.fine{font-size:13px;line-height:20px;color:var(--graphite);margin:10px 0 0}
.fine a{color:inherit}
.msg{font-size:14px;margin:10px 0 0}
.msg:empty{margin:0}
.msg.ok{color:var(--teal)}