@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

* { box-sizing:border-box; }
html, body { min-height:100%; }
body { display:grid; min-height:100svh; place-items:center; margin:0; padding:1.5rem; background:linear-gradient(#00000024 1px, transparent 1px), linear-gradient(90deg, #00000024 1px, transparent 1px), #fff; background-size:2.5rem 2.5rem; color:#111; font-family:'DM Mono', ui-monospace, monospace; }
main { display:grid; justify-items:center; gap:.7rem; text-align:center; }
p { margin:0; font-size:clamp(.9rem, 3vw, 1.1rem); }
a { color:inherit; font-family:Fraunces, Georgia, serif; font-size:clamp(2rem, 8vw, 4rem); font-weight:700; text-decoration-thickness:.08em; text-underline-offset:.12em; }
a:hover { text-decoration:none; }
a:focus-visible { outline:3px solid #111; outline-offset:.35rem; }
.tagline { margin:0 0 .5rem; font-size:clamp(.78rem, 2vw, .95rem); }
footer { position:fixed; right:1.5rem; bottom:1.5rem; left:1.5rem; color:#555; font-size:.72rem; text-align:center; }