* { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

  .agent-banner { background: #1f2937; color: #e5e7eb; padding: 10px 0; font-size: 0.9rem; text-align: center; }
  .agent-banner a { color: #60a5fa; text-decoration: underline; }
  .agent-banner a:hover { color: #93c5fd; }
  .agent-icon { margin-right: 6px; }

  header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 80px 0; text-align: center; }
  h1 { font-size: 3rem; margin-bottom: 20px; }
  .subtitle { font-size: 1.25rem; opacity: 0.9; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
  .btn { display: inline-block; padding: 14px 32px; background: #f97316; color: white; text-decoration: none; border-radius: 6px; font-weight: 500; font-size: 1.1rem; }
  .btn:hover { background: #ea580c; }
  .btn-secondary { background: transparent; border: 2px solid white; margin-left: 10px; }
  .btn-secondary:hover { background: rgba(255,255,255,0.1); }
  
  section { padding: 80px 0; }
  .features { background: #f9fafb; }
  .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 40px; }
  .feature { text-align: center; padding: 20px; }
  .feature h3 { margin: 15px 0 10px; font-size: 1.25rem; }
  .feature p { color: #666; }
  
  .how-it-works { text-align: center; }
  .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px; }
  .step { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
  .step-number { width: 40px; height: 40px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin: 0 auto 15px; }
  
  .pricing { background: #f9fafb; }
  .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 40px; }
  .pricing-card { background: white; padding: 40px 30px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
  .pricing-card.popular { border: 2px solid #667eea; position: relative; }
  .popular-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #667eea; color: white; padding: 4px 16px; border-radius: 20px; font-size: 0.875rem; }
  .price { font-size: 2.5rem; font-weight: bold; color: #f97316; margin: 20px 0; }
  .price span { font-size: 1rem; color: #666; }
  .pricing-card ul { list-style: none; margin: 30px 0; text-align: left; }
  .pricing-card li { padding: 8px 0; border-bottom: 1px solid #eee; }
  .pricing-card li:before { content: "✓"; color: #22c55e; font-weight: bold; margin-right: 8px; }
  
  .compare { text-align: center; }
  .compare-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px; }
  .compare-item { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
  .compare-item .x { color: #ef4444; font-size: 1.5rem; }
  .compare-item .check { color: #22c55e; font-size: 1.5rem; }
  
  footer { background: #1f2937; color: white; text-align: center; padding: 40px 0; }
.text-center { text-align: center; }
.cta-section { text-align: center; padding: 60px 20px; }
.cta-text { max-width: 600px; margin: 20px auto; color: #666; }
.mt-20 { margin-top: 20px; }

.plugins { background: white; padding: 60px 0; }
.plugins-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 40px; }
.plugin-card { background: #f9fafb; padding: 30px; border-radius: 8px; text-align: center; border: 1px solid #e5e7eb; }
.plugin-icon { font-size: 2rem; margin-bottom: 15px; }
.plugin-card h3 { margin-bottom: 10px; font-size: 1.25rem; }
.plugin-card p { color: #666; margin-bottom: 20px; font-size: 0.9rem; }
.btn-download { font-size: 0.9rem; padding: 10px 24px; }
.plugin-subtitle { color: #666; margin-top: 10px; }