/* Light minimalist theme */
:root {
  --bg: #ffffff;
  --fg: #1e293b;
  --muted: #475569;
  --brand: #0ea5e9;
  --brand-dark: #0369a1;
  --card: #f1f5f9;
  --border: #e2e8f0;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--fg); }

/* Nav */
.nav { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.25rem; border-bottom:1px solid var(--border); background:#ffffffcc; backdrop-filter: blur(8px);} 
.brand-logo { height:40px; }
.nav__links a { color: var(--fg); text-decoration:none; margin-left:1rem; }
.nav__links .cta { background: var(--brand); color:#fff; padding:0.4rem 0.8rem; border-radius:8px; }
.nav__toggle { display:none; }

/* Hero */
.hero { padding:4rem 1.25rem; max-width:1100px; margin:0 auto; }
.hero h1 { font-size:2.5rem; margin-bottom:0.3rem; }
.hero--bg { background:#e0f2fe; position:relative; }
.hero__actions { margin-top:1rem; display:flex; gap:1rem; }
.lead { color: var(--muted); max-width:60ch; }

.btn { background:var(--brand); color:white; padding:0.7rem 1rem; text-decoration:none; border-radius:8px; font-weight:600; }
.btn--ghost { background:white; border:1px solid var(--border); color:var(--fg); }

/* Layout */
main { max-width:1100px; margin:0 auto; padding:0 1.25rem; }
.grid.two { display:grid; grid-template-columns:1.5fr 1fr; gap:1.5rem; margin:2rem 0; }
.cards.three { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.card { background:var(--card); padding:1rem; border-radius:8px; border:1px solid var(--border); }

/* Footer */
.footer { margin-top:3rem; border-top:1px solid var(--border); padding:1.5rem 1.25rem; background:#f8fafc; }
.footer__grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:1rem; }

@media(max-width:960px){
  .grid.two { grid-template-columns:1fr; }
  .cards.three { grid-template-columns:1fr; }
}