Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Vultbuxe SME Investments — ASE LOIS LP Project</title>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=PT+Serif:wght@400;700&display=swap" rel="stylesheet" />
  <style>
    :root{
      --bg1:#0b0f2a; --bg2:#0a133a;
      --brand:#6B5CFF; --cyan:#00D1FF;
      --text:#fff; --sub:#cfd6ea; --muted:rgba(255,255,255,.6);
      --glass:rgba(255,255,255,.06); --border:rgba(255,255,255,.16);
      --ok:#50e3a4; --warn:#ffd166;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; color:var(--text); font-family:'PT Serif',serif;
      background:
        radial-gradient(1200px 600px at 10% -20%, rgba(107,92,255,.18), transparent 60%),
        radial-gradient(1000px 600px at 100% 0%, rgba(0,209,255,.14), transparent 60%),
        linear-gradient(180deg, var(--bg1), var(--bg2) 60%, #060915 100%);
    }
    .wrap{max-width:1100px; margin:0 auto; padding:clamp(18px,4vw,28px)}
    header.hero{ text-align:center; padding:clamp(36px,8vw,90px) 0 40px }
    .badge{
      display:inline-grid; grid-auto-flow:column; gap:8px; place-items:center;
      padding:8px 16px; border-radius:999px; background:var(--glass); border:1px solid var(--ok);
      font-family:'Poppins',sans-serif; font-weight:600; font-size:12px; color:var(--ok); text-transform:uppercase; letter-spacing:0.05em;
    }
    .hero h1{
      margin:16px auto 10px; max-width:940px;
      font-family:'Poppins',sans-serif; font-weight:500;
      font-size:clamp(32px,6vw,56px); line-height:1.2; letter-spacing:-.02em;
      background:linear-gradient(90deg,var(--brand),var(--cyan));
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    }
    .hero p.sub{ margin: 24px auto 0; max-width: 900px; color: var(--sub); font-size: clamp(14px, 2.2vw, 18px); line-height: 1.8; }
    .cards{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:clamp(18px,4vw,30px) auto; max-width:980px }
    @media (max-width:860px){ .cards{ grid-template-columns:1fr } }
    .card{ display: flex; flex-direction: column; padding:22px; border-radius:18px; background:var(--glass); border:1px solid var(--border); box-shadow:0 10px 26px rgba(0,0,0,.25); }
    .card h3{ margin:0 0 8px; font-family:'Poppins',sans-serif; font-weight:600; font-size:20px }
    .card p{ margin:0; color:var(--sub); font-size:14.5px; line-height:1.7 }
    .inv-min { color: var(--cyan); font-weight: 600; font-size: 15px; margin: 12px 0; font-family: 'Poppins', sans-serif; }
    .dd-pathway { margin: 12px 0; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 12px; border: 1px dashed var(--border); }
    .dd-pathway label { display: block; font-size: 11px; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; font-weight: 600; }
    .dd-links { display: flex; flex-direction: column; gap: 8px; }
    .dd-links a { font-size: 13.5px; color: var(--brand); text-decoration: none; transition: 0.2s; font-family: 'Poppins', sans-serif; }
    .dd-links a:hover { color: var(--cyan); text-decoration: underline; }
    form.grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px }
    @media (max-width:620px){ form.grid{ grid-template-columns:1fr } }
    input,button{ font-family:'Poppins',sans-serif; font-size:14px; width:100%; padding:14px; border-radius:12px; outline:none; }
    input{ color:#000; background:rgba(255,255,255,.9); border:1px solid var(--border); }
    button.cta{
      background:linear-gradient(90deg,var(--brand),var(--cyan)); color:#0b0f1a; font-weight:700; cursor:pointer;
      grid-column: 1 / -1; justify-self: center; width: auto; border: 1px solid rgba(255,255,255,.22);
    }
    .hint{ margin-top:12px; color:var(--muted); font-size:12.5px; text-align: center; }
  </style>
</head>
<body>
  <div class="wrap">
    <header class="hero">
      <span class="badge">Open for Business</span>
      <h1>Investing in thriving, cash-flowing SMEs</h1>
      <p class="sub">Vultbuxe focuses on durable, operator-led companies with steady demand. Join our private list to co-invest or explore a confidential business sale.</p>
    </header>

    <section class="cards">
      <article class="card">
        <h3>I own a thriving SME</h3>
        <p>We explore full acquisitions and flexible buyout structures. Aligned, straightforward, and confidential transitions.</p>
        <form id="ownerForm" class="grid" novalidate>
          <input type="text" id="o_name" placeholder="Your name" />
          <input type="email" id="o_email" placeholder="Email address" required />
          <input type="text" id="o_company" placeholder="Company name" />
          <input type="text" id="o_city" placeholder="City / Province" />
          <button class="cta" type="submit">Share my business privately</button>
        </form>
        <div id="o_hint" class="hint">We’ll reach out for a confidential conversation.</div>
      </article>

      <article class="card">
        <h3>ASE LOIS LP Project</h3>
        <p>Secure your position in the ASE Lois LP, a high-conviction energy partnership targeting proven oil-producing zones with rigorous technical diligence and structured quarterly cash distributions.</p>
        <div class="inv-min">Investment starts from $130,000</div>
        <div class="dd-pathway">
          <label>Due Diligence Pathway</label>
          <div class="dd-links">
            <a href="https://www.youtube.com/watch?v=yVCux6G-kms" target="_blank">1. Project Progress: Lois Anne #1 ↗</a>
            <a href="https://www.alphasevenenergy.com/due-diligence-reviews" target="_blank">2. Due Diligence Reviews ↗</a>
            <a href="https://www.alphasevenenergy.com/about-us" target="_blank">3. Alpha Seven Energy: About Us ↗</a>
          </div>
        </div>
        <form id="invForm" class="grid" novalidate>
          <input type="text" id="i_name" placeholder="Your name" />
          <input type="email" id="i_email" placeholder="Investor email" required />
          <input type="text" id="i_city" placeholder="City / Country" />
          <button class="cta" type="submit">Book a call</button>
        </form>
        <div id="i_hint" class="hint">Schedule a call to review the project prospectus.</div>
      </article>
    </section>
  </div>
  <script>
    const EMAIL_INFO = "info@vultbuxe.com";
    const mailto = (s, b) => window.open(`mailto:${EMAIL_INFO}?subject=${encodeURIComponent(s)}&body=${encodeURIComponent(b)}`, '_blank');
    
    document.getElementById('ownerForm').addEventListener('submit', (e) => {
      e.preventDefault();
      const b = `Owner Inquiry\nName: ${document.getElementById('o_name').value}\nEmail: ${document.getElementById('o_email').value}\nCity: ${document.getElementById('o_city').value}`;
      mailto('SME Owner Inquiry — Vultbuxe', b);
    });

    document.getElementById('invForm').addEventListener('submit', (e) => {
      e.preventDefault();
      const b = `Investor Booking: ASE LOIS LP ($130k+)\nName: ${document.getElementById('i_name').value}\nEmail: ${document.getElementById('i_email').value}\nCity: ${document.getElementById('i_city').value}`;
      mailto('Meeting Request: ASE LOIS LP Project', b);
    });
  </script>
</body>
</html>