/* Base setup */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; color: #4F46E5; background: #F3F4F6; line-height: 1.6; }
.container { max-width: 960px; margin: auto; padding: 20px; }
/* Header */
.site-header { background: #0F172A; color: #F3F4F6; padding: 15px 0; }
.site-header h1 { float: left; }
.site-header nav { float: right; }
.site-header nav a { color: #F3F4F6; margin-left: 20px; text-decoration: none; }
.site-header::after { content: ""; display: table; clear: both; }
/* Hero */
.hero { background: #6366F1; color: #fff; padding: 100px 20px; text-align: center; }
.hero .btn-primary { background: #4F46E5; color: #fff; padding: 12px 24px; text-decoration: none; font-size: 1.1em; }
/* Content Blocks */
.content-block { margin: 60px 0; }
.content-block h3 { margin-bottom: 20px; color: #0F172A; }
/* Action Plan */
.action-plan ol { margin-left: 20px; margin-bottom: 20px; }
/* Affiliate CTAs */
.affiliate-ctas { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 60px 0; }
.cta-card { background: #fff; padding: 20px; border: 1px solid #E0E7FF; border-radius: 8px; text-align: center; }
.cta-card h4 { margin-bottom: 10px; }
.btn-secondary { display: inline-block; margin-top: 10px; padding: 10px 18px; background: #6366F1; color: #fff; border-radius: 4px; text-decoration: none; }
/* Footer */
.site-footer { background: #0F172A; color: #F3F4F6; padding: 20px 0; text-align: center; }
.site-footer nav a { color: #F3F4F6; margin: 0 10px; text-decoration: none; font-size: 0.9em; }
/* Responsive */
@media (max-width: 600px) {
  .hero { padding: 60px 10px; }
  .site-header nav { float: none; text-align: center; margin-top: 10px; }
}


/* Hero improvements */
.hero h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.hero p {
  font-size: 1.2rem;
  max-width: 700px;
  margin: 0 auto 20px auto;
  color: #e0e0e0;
}

.hero .btn-primary {
  background: #4F46E5;
  color: #fff;
  padding: 14px 28px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.hero .btn-primary:hover {
  background: #374151;
}