/* Minimal modern styles */
:root { --bg: #0b0e14; --fg: #e6e6e6; --muted:#a8b2c1; --brand:#7c3aed; --brand-2:#22d3ee; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--fg); background: linear-gradient(180deg, #0b0e14 0%, #131722 100%);
}
.container { width: min(1100px, 92%); margin: 0 auto; }
.nav { display:flex; gap:1rem; align-items:center; padding: 1rem 0; }
.brand { font-weight:800; letter-spacing:0.3px; color: var(--fg); text-decoration:none; }
.nav-link { color: var(--muted); text-decoration:none; padding: .25rem .5rem; border-radius:6px; }
.nav-link:hover, .nav-link.active { color: var(--fg); background: rgba(255,255,255,.06); }
.spacer { flex:1; }
.hero { padding: 10vh 0 16vh; text-align:left; }
.hero h1 { font-size: clamp(2rem, 6vw, 4rem); margin: 0 0 .5rem; }
.lead { color: var(--muted); font-size: clamp(1rem, 2.2vw, 1.25rem); margin: 0 0 1.5rem; }
.button { display:inline-block; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color:white; padding:.8rem 1.1rem; border-radius:10px; text-decoration:none; font-weight:600; box-shadow: 0 10px 30px rgba(124, 58, 237, .35); }
.button:hover { filter: brightness(1.05); }
.footer { padding: 4rem 0; color: var(--muted); }
.content { padding: 8vh 0 12vh; }