/* Base */
* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: 'Poppins', sans-serif; line-height:1.6; color:#2C3E50; background:#F9FAFB; }
.container { max-width:1000px; margin:0 auto; padding:20px; }

/* Navigation */
.nav { position:sticky; top:0; background:#FFFFFF; box-shadow:0 2px 5px rgba(0,0,0,0.1); z-index:100; }
.nav-container { display:flex; justify-content:space-between; align-items:center; }
.logo { font-weight:700; font-size:1.2rem; }
.nav .button { background:#E67E22; color:#FFFFFF; padding:10px 20px; border-radius:5px; text-decoration:none; font-weight:600; }
.nav .button:hover { background:#CF711B; }

/* Hero */
.hero { text-align:center; padding:120px 20px; background: linear-gradient(135deg, #4A90E2, #50E3C2); color:#FFFFFF; }
.hero h1 { font-size:2.5rem; margin-bottom:20px; }
.subhead { font-size:1.2rem; margin-bottom:30px; }
.button.primary { background:#E67E22; color:#FFFFFF; padding:15px 30px; border-radius:5px; font-size:1rem; text-decoration:none; font-weight:600; }
.button.primary:hover { background:#CF711B; }
.disclosure { margin-top:10px; font-size:0.9rem; color:rgba(255,255,255,0.8); }

/* Sections */
.section { padding:60px 20px; background:#FFFFFF; margin-bottom:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05); }
.section.alt { background:#F0F4F8; }
.section h2 { font-size:2rem; margin-bottom:20px; text-align:center; }
.section ul { list-style:disc inside; padding-left:20px; }
.steps { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.step { flex:1 1 200px; text-align:center; background:#FFFFFF; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.testimonials { text-align:center; }
.testimonials blockquote { font-style:italic; margin:20px auto; max-width:600px; }
.testimonials cite { display:block; margin-top:10px; font-weight:600; }

/* CTA Section */
.cta-section { text-align:center; }
.cta-section .button.primary { margin-top:20px; }

/* Footer */
.footer { text-align:center; padding:20px; background:#FFFFFF; }
.footer small { color:#7F8C8D; }

/* Responsive */
@media(max-width:768px){
  .steps { flex-direction:column; }
  .hero h1 { font-size:2rem; }
}