* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:#111; line-height:1.65; }
.container { max-width:1100px; margin:auto; padding:0 24px; }
.narrow { max-width:800px; margin:auto; }
.header { background:#111; padding:22px 0; }
.nav { display:flex; justify-content:space-between; align-items:center; }
.logo { height:40px; }
.nav-links a { color:#fff; margin-left:24px; text-decoration:none; font-size:14px; opacity:0.85; }
.nav-links a:hover { opacity:1; }

.hero { background:linear-gradient(135deg,#111 0%,#1c1c1c 100%); color:#fff; padding:120px 0; }
.hero-inner { max-width:760px; margin:auto; }
.center { text-align:center; }
.hero h1 { font-size:48px; margin-bottom:24px; font-weight:600; }
.lead { font-size:20px; opacity:0.9; margin-bottom:32px; }
.lead.small { font-size:18px; }

.section { padding:100px 0; }
.section.light { background:#f6f6f6; }

.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:48px; }

.card {
  background:#fff;
  padding:40px;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,0.04);
}

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

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

.footer { background:#111; color:#fff; padding:60px 0; text-align:center; }
.footer-logo { height:42px; margin-bottom:20px; }

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