* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:#111; }
.container { max-width:1100px; margin:auto; padding:0 24px; }
.narrow { max-width:760px; margin:auto; }
.header { background:#0f0f0f; padding:20px 0; }
.nav { display:flex; justify-content:space-between; align-items:center; }
.brand { color:#fff; font-weight:600; font-size:18px; }
.nav-links a { color:#fff; margin-left:24px; text-decoration:none; font-size:14px; opacity:0.85; }

.hero { background:linear-gradient(120deg,#111,#202020); color:#fff; padding:120px 0; text-align:center; }
.hero-inner { max-width:760px; margin:auto; }
.hero h1 { font-size:44px; margin-bottom:24px; }
.lead { font-size:19px; margin-bottom:32px; opacity:0.9; }
.lead.small { font-size:17px; }

.section { padding:90px 0; }
.section.alt { background:#f5f5f5; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:48px; }
.split { border-top:1px solid #eee; border-bottom:1px solid #eee; }

.feature-list { padding-left:20px; margin-top:24px; }
.feature-list li { margin-bottom:10px; }

.btn-primary { background:#FF6600; color:#fff; padding:14px 26px; border-radius:6px; text-decoration:none; font-weight:600; display:inline-block; }

.footer { background:#111; color:#fff; padding:60px 0; text-align:center; margin-top:40px; }

@media (max-width:768px) {
.hero h1 { font-size:30px; }
}