/* Minimal, plain CSS (no Tailwind). */
* { box-sizing: border-box; }
:root{
  --bg:#f9fafb;
  --fg:#0f172a;
  --muted:#6b7280;
  --border:#e5e7eb;
  --ink:#111827;
}
html, body { margin:0; padding:0; }
body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, 'Apple Color Emoji','Segoe UI Emoji'; color:var(--fg); background:var(--bg); }
img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-decoration:none; }
.container{ max-width:1100px; margin:0 auto; padding:0 16px; }

/* Nav */
.nav{ position:sticky; top:0; z-index:20; background:rgba(255,255,255,.85); backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--border); }
.nav__inner{ display:flex; align-items:center; justify-content:space-between; padding:12px 0; }
.logo{ font-weight:700; letter-spacing:.2px; }
.menu a{ margin-left:20px; font-size:14px; }
.menu a:hover{ color:#374151; }

/* Sections */
.section{ padding:64px 0; }
.section--divider{ background:#fff; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.section__head h2{ margin:0; }
.lead{ margin-top:12px; font-size:18px; color:#374151; }
.muted{ color:var(--muted); }
.micro{ font-size:12px; }
.small{ font-size:14px; }
.m-top{ margin-top:12px; }

/* Hero */
.hero{ background:#f3f4f6; }
.hero__grid{ display:grid; grid-template-columns:1fr; gap:24px; }
@media(min-width:768px){ .hero__grid{ grid-template-columns:1fr 1fr; } }
h1{ font-size:40px; line-height:1.1; margin:0; }
@media(min-width:768px){ h1{ font-size:48px; } }

/* Cards & grid */
.card{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:24px; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.grid-3{ display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:768px){ .grid-3{ grid-template-columns: repeat(3, 1fr); } }
.center{ display:flex; align-items:center; justify-content:center; }
.center-left{ display:flex; align-items:center; }
.logo-img{ height:40px; width:auto; }

/* Buttons */
.btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:12px; background:#111827; color:#fff; font-weight:600; }
.btn:hover{ opacity:.9; }

/* FAQ */
.faq{ background:#fff; border:1px solid var(--border); border-radius:14px; padding:18px 20px; margin:12px 0; }
.faq > summary{ cursor:pointer; font-weight:600; }
.faq > p{ margin:8px 0 0; color:#374151; }

/* Footer */
.footer{ border-top:1px solid var(--border); background:#fff; }
.footer__row{ display:flex; align-items:center; gap:12px; padding:8px 0; }
.footer__row.wrap{ flex-wrap:wrap; }
.badge{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:999px; border:1px solid #111827; font-weight:800; font-size:13px; }
.link{ text-decoration:underline; }
.link:hover{ text-decoration:none; }
.dot{ color:#d1d5db; margin:0 4px; }