ai block.txt

<section style="background:#000; color:#aa8800; padding:1rem 0 0 0;">
  <div style="display:flex; flex-wrap:wrap; gap:1.5rem; justify-content:center; align-items:center; max-width:1200px; margin:auto;">
    
    <!-- Left: Intro -->
    <div style="flex:1 1 360px; min-width:280px; padding:0.5rem;">
      <h2 style="font-size:1.8rem; margin:0 0 0.5rem; animation:fadeIn 1s ease-out;">
        👋 Meet <span style="color:#ffaa00;">Emvy</span>
      </h2>
      <p style="font-size:1rem; line-height:1.6; margin:0; animation:fadeInUp 1.3s ease-out;">
        <strong>Emvy</strong> is your personal AI assistant, created by
        <strong>M.V. Electronix LLC</strong>.<br>
        Ask questions, get help, or just chat — anytime. 💬
      </p>
      <p style="margin:0.5rem 0 0; font-size:0.9rem; color:#888;">
        Try it out below — Emvy’s listening.
      </p>
    </div>

    <!-- Right: Chat -->
    <div style="flex:1 1 480px; min-width:320px; padding:0.5rem;">
      <iframe src="https://ai.mvelectronix.com" style="width:100%; height:500px; border:2px solid #aa8800; border-radius:12px; background:#111;" title="Emvy AI Assistant" loading="lazy">
      </iframe>
    </div>
  </div>


  <style>
    @keyframes fadeIn   {from{opacity:0} to{opacity:1}}
    @keyframes fadeInUp {from{opacity:0; transform:translateY(20px)} to{opacity:1; transform:translateY(0)}}
  </style>
</section>