/* Minimal, modern defaults for a static site clone */
:root{ --max:1100px; --pad:20px; --radius:14px; --gap:24px; --brand:#155e29; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:#111; background:#fff; }
.container{ max-width: var(--max); margin: 0 auto; padding: var(--pad); }
.topbar{ display:flex; align-items:center; justify-content:space-between; padding-top: 16px; padding-bottom: 8px; }
.brand{ font-weight:800; text-decoration:none; color: var(--brand); }
.nav a{ margin-left:16px; text-decoration:none; color:#333; font-weight:600; }
.nav a:hover{ text-decoration:underline; }
.site-hero{ text-align:center; padding: 72px 0; border-top:1px solid #eee; }
.site-hero h1{ font-size: clamp(32px, 6vw, 56px); margin:0 0 10px; color: var(--brand); }
.tagline{ font-size: clamp(16px, 2.6vw, 22px); color:#444; max-width: 800px; margin: 0 auto; }
.btn{ display:inline-block; padding:12px 18px; border:1px solid #111; border-radius: var(--radius); text-decoration:none; margin-top:14px; }
.btn-primary{ background:#111; color:#fff; border-color:#111; }
.features{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: var(--gap); padding: 32px 0; }
.features article{ border:1px solid #e6e6e6; border-radius: var(--radius); padding: 18px; background:#fff; }
.features h2{ margin-top:0; color: var(--brand); }
.links{ padding-left: 18px; }
.links li{ margin: 6px 0; }
.cta{ text-align:center; padding: 60px 0; border-top:1px solid #eee; }
.site-footer{ padding: 24px 0; border-top:1px solid #eee; font-size:14px; color:#666; }
@media (prefers-color-scheme: dark){
  html,body{ background:#0b0b0b; color:#eaeaea; }
  .brand{ color:#7ee492; }
  .nav a{ color:#cfcfcf; }
  .features article{ border-color:#1e1e1e; background:#121212; }
  .btn{ border-color:#eaeaea; color:#eaeaea; }
  .btn-primary{ background:#eaeaea; color:#0b0b0b; border-color:#eaeaea; }
  .site-hero{ border-top-color:#1e1e1e; }
  .cta, .site-footer{ border-top-color:#1e1e1e; }
}
