/*
  site.css — mimotica.io's own minimal stylesheet.

  Imports tokens.css (the shared source of truth) but does NOT import
  communication_kit's site-base.css: that file's .site-nav/.shell classes
  belong to the company site (mimotica.com), a different product surface
  from this one. Written fresh here rather than inherited, per the
  assessment in prompts/importcontainer/inbox/communication-kit-brand-
  tokens/assessment.md.
*/
@import "./tokens.css";

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  background: var(--cream);
  color: var(--ink);
  min-height: 100vh;
}
h1, h2, h3, p { margin: 0; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

.shell {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 24px;
}

.logo {
  height: 40px;
  margin-bottom: 32px;
}

.headline {
  font-size: 2rem;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 16px;
}

.lead {
  font-size: 1.125rem;
  color: var(--muted);
  max-width: 640px;
}

.status-note {
  margin-top: 48px;
  padding: 16px 20px;
  border-radius: var(--radius-sm);
  background: var(--panel);
  border: 1px solid var(--line);
  font-size: 0.9rem;
  color: var(--muted);
}