/* Signoff — marketing landing (tokens + reset) */
:root{
  --bg:#f5f5f4;
  --surface:#ffffff;
  --surface-2:#fafaf9;
  --border:#e7e5e4;
  --border-strong:#d6d3d1;
  --ink:#0a0a0a;
  --ink-2:#27272a;
  --ink-3:#52525b;
  --ink-4:#a1a1aa;
  --ink-5:#d4d4d8;

  --ok-bg:#ecfdf5;     --ok-ink:#065f46;     --ok-bd:#a7f3d0;
  --warn-bg:#fffbeb;   --warn-ink:#854d0e;   --warn-bd:#fde68a;
  --info-bg:#eff6ff;   --info-ink:#1e40af;   --info-bd:#bfdbfe;
  --muted-bg:#f4f4f5;  --muted-ink:#52525b;  --muted-bd:#e4e4e7;

  --radius-sm:6px; --radius:8px; --radius-lg:12px; --radius-xl:18px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.04);
  --shadow-2: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-3: 0 10px 30px rgba(10,10,10,.08), 0 2px 6px rgba(10,10,10,.04);

  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  font-family:var(--font-sans);
  font-size:15px;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
img{max-width:100%;display:block}