:root{--cream:#F2EAD3;--cream-2:#FAF5E8;--ink:#0E1830;--ink-2:#3B465A;--rule:#C2B48E;--orange:#A63C12;--orange-2:#7F2D0C;
--serif:Georgia,'Times New Roman',serif;--mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Courier New',monospace;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;background:var(--cream);color:var(--ink)}
body{font-family:var(--serif);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 18px}
.plate{width:100%;max-width:560px;background:var(--cream);border:1.5px solid var(--ink);outline:1px solid var(--rule);outline-offset:6px;padding:32px 24px 28px;text-align:center}
.brand{font-weight:700;font-size:2rem;letter-spacing:-.01em;margin:0;border-bottom:1px solid var(--rule);padding-bottom:12px}
.brand sup{color:var(--orange);font-size:.6em}
.mono{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.kicker{margin:14px 0 18px}
h1{font-size:clamp(2.2rem,9vw,3.4rem);line-height:1.05;margin:0 0 18px;letter-spacing:-.01em}
.or{color:var(--orange-2)}
.lede{color:var(--ink-2);margin:0 auto 28px;max-width:32ch}
.btn{display:block;background:var(--ink);color:var(--cream-2);text-decoration:none;font-family:var(--mono);font-weight:600;font-size:1rem;padding:16px 20px;border:1.5px solid var(--ink);min-height:48px}
.btn:hover{background:var(--orange-2);border-color:var(--orange-2)}
.btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.foot{margin:24px 0 0;font-size:.7rem}
@media (min-width:640px){.plate{padding:48px 48px 36px}.btn{display:inline-block}}