/* catches.ai's look (frontend/apps/site): an off-white page, the CATCHES logo, Playfair Display for the name, small
   tracked Montserrat capitals, thin black borders, black buttons. */
:root { --paper: #f5f5f3; --ink: #111; --muted: rgba(0,0,0,.55); }
* { box-sizing: border-box; margin: 0; }
html, body { min-height: 100%; }
body { background: linear-gradient(to bottom, var(--paper), #ececea); color: var(--ink);
       font: 400 15px/1.5 "Montserrat", system-ui, sans-serif; display: flex; flex-direction: column;
       min-height: 100dvh; padding: 0 16px; }
main { flex: 1; width: 100%; max-width: 380px; margin: 0 auto; padding-top: 12dvh; text-align: center; }
.logo { width: 220px; height: auto; margin: 0 auto -12px; display: block; }
h1 { font: 400 40px/1.1 "Playfair Display", Georgia, serif; letter-spacing: .02em; margin-top: 8px; }
.lede { color: var(--muted); margin: 8px 0 32px; font-size: 15px; line-height: 1.6; }
.caps { display: block; font-size: 11px; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; }
/* The one button (CATCHES-EPIC-007 §0): a link to WhatsApp, styled like catches.ai's black buttons. */
.cta { display: block; font: 500 11px/1 "Montserrat", sans-serif; letter-spacing: .25em; text-transform: uppercase;
       background: var(--ink); color: #fff; border: 1px solid var(--ink); border-radius: 2px; padding: 18px;
       text-decoration: none; transition: background .2s, color .2s; margin-bottom: 16px; }
.cta:hover { background: #fff; color: var(--ink); }
.note { font-size: 13px; color: var(--muted); margin-bottom: 12px; }
.fine { font-size: 11px; color: var(--muted); }
.fine a { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
footer { text-align: center; padding: 24px 0; color: rgba(0,0,0,.7); font-weight: 300; }