seccion por que tubebot en landing

main.py

@@ -407,6 +407,43 @@ footer{text-align:center;padding:24px;color:var(--m);font-size:.8rem;border-top:
   <h2 style="font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;text-align:center;margin-bottom:20px;">ELIGE TU PLAN</h2>
   <p style="text-align:center;color:#aaa;margin-bottom:50px;font-size:1.1rem">Pago único. Sin mensualidades. Acceso de por vida.</p>
   
+  <!-- POR QUE TUBEBOT -->
+  <section style="margin:60px 0;padding:0 20px;max-width:1100px;margin-left:auto;margin-right:auto">
+    <h2 style="text-align:center;color:#D4AF37;font-size:2rem;margin-bottom:40px;font-family:Bebas Neue,sans-serif;letter-spacing:2px">¿POR QUÉ TUBEBOT?</h2>
+    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px">
+      <div style="background:#111;border:1px solid #333;border-radius:12px;padding:25px">
+        <div style="font-size:2.5rem;margin-bottom:10px">🎬</div>
+        <h3 style="color:#ff2d2d;margin:0 0 10px;font-size:1.1rem">Composición Profesional</h3>
+        <p style="color:#aaa;font-size:.9rem;line-height:1.5">Cada imagen tuya se procesa con fondo blur y composición cinematográfica. Tus videos parecen editados por un editor profesional.</p>
+      </div>
+      <div style="background:#111;border:1px solid #333;border-radius:12px;padding:25px">
+        <div style="font-size:2.5rem;margin-bottom:10px">🎙️</div>
+        <h3 style="color:#ff2d2d;margin:0 0 10px;font-size:1.1rem">Variedad de Voces IA</h3>
+        <p style="color:#aaa;font-size:.9rem;line-height:1.5">Cada video usa una voz diferente automáticamente. 25+ voces profesionales en español, inglés, portugués y francés. Tu audiencia nunca se aburre.</p>
+      </div>
+      <div style="background:#111;border:1px solid #333;border-radius:12px;padding:25px">
+        <div style="font-size:2.5rem;margin-bottom:10px">📸</div>
+        <h3 style="color:#ff2d2d;margin:0 0 10px;font-size:1.1rem">Tus Imágenes y Videos</h3>
+        <p style="color:#aaa;font-size:.9rem;line-height:1.5">Sube tus propias imágenes o videos. El sistema los integra automáticamente sin cortar textos importantes. Tu marca, tu estilo.</p>
+      </div>
+      <div style="background:#111;border:1px solid #333;border-radius:12px;padding:25px">
+        <div style="font-size:2.5rem;margin-bottom:10px">🎨</div>
+        <h3 style="color:#ff2d2d;margin:0 0 10px;font-size:1.1rem">100% Personalizable</h3>
+        <p style="color:#aaa;font-size:.9rem;line-height:1.5">Configura color de subtítulos, posición, frases de inicio y final, link en descripción. Todo a tu gusto sin tocar código.</p>
+      </div>
+      <div style="background:#111;border:1px solid #333;border-radius:12px;padding:25px">
+        <div style="font-size:2.5rem;margin-bottom:10px">⚡</div>
+        <h3 style="color:#ff2d2d;margin:0 0 10px;font-size:1.1rem">Calidad Garantizada</h3>
+        <p style="color:#aaa;font-size:.9rem;line-height:1.5">Videos a 30 FPS, planos dinámicos cada 4 segundos, duración óptima para Shorts. Reglas técnicas profesionales aplicadas a cada video.</p>
+      </div>
+      <div style="background:#111;border:1px solid #333;border-radius:12px;padding:25px">
+        <div style="font-size:2.5rem;margin-bottom:10px">🤖</div>
+        <h3 style="color:#ff2d2d;margin:0 0 10px;font-size:1.1rem">Totalmente Automático</h3>
+        <p style="color:#aaa;font-size:.9rem;line-height:1.5">Una vez activado, sube videos cada 4 horas sin que toques nada. Mientras duermes, tu canal crece solo.</p>
+      </div>
+    </div>
+  </section>
+
   <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px">
     
     <div style="background:#111;border:1px solid #333;border-radius:16px;padding:30px 25px;display:flex;flex-direction:column">