/* Minimal, readable styles for MVP site */
:root { --bg:#f7f8fb; --card:#ffffff; --text:#0f172a; --muted:#6b7280; --brand:#0ea5e9; --brand-2:#22c55e; --border:#e5e7eb; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:var(--text); background:var(--bg); }
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 1000px; margin: 0 auto; padding: 24px; }
.header { background: var(--card); border-bottom:1px solid var(--border); }
.nav { display:flex; gap:16px; align-items:center; }
.nav a { padding:10px 12px; border-radius:8px; }
.nav a.cta { background: var(--brand); color:#fff; }
.footer { padding: 32px 24px; color: var(--muted); text-align:center; }
.hero { padding: 56px 24px; text-align:center; }
.hero h1 { font-size: 2rem; margin: 0 0 12px; }
.hero p { color: var(--muted); margin: 0 0 20px; }
.button { display:inline-block; padding:12px 18px; background:var(--brand); color:#fff; border-radius:10px; border:1px solid transparent; }
.button.secondary { background:#fff; color:var(--text); border-color: var(--border); }
.grid { display:grid; gap:16px; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); }
.card { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:18px; }
.card h3 { margin-top:0; }
.badge { display:inline-block; font-size:12px; color:#fff; background: var(--brand); padding:4px 8px; border-radius:999px; }
.table { width:100%; border-collapse: collapse; background: var(--card); border-radius: 12px; overflow:hidden; }
.table th, .table td { padding: 12px; border-bottom: 1px solid var(--border); text-align:left; }
.kicker { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; color: var(--muted); }
.list { padding-left: 18px; }
.small { font-size: 14px; color: var(--muted); }
hr { border:0; border-top:1px solid var(--border); margin: 24px 0; }
.notice { background:#ecfeff; border:1px solid #a5f3fc; padding:10px 14px; border-radius:10px; }
code { background:#f1f5f9; padding:2px 6px; border-radius:6px; }