<!-- QuantaVolts: Single Page (Home | Products | DeepTech Advisory | Contacts) -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">

<style>
:root{
  --volt-indigo:#1D2B6E; --electric-volt:#00D084; --slate:#4B5563; --charcoal:#0F1724; --paper:#F7F9FB; --radius:8px; --container:1120px;
}
*{box-sizing:border-box} body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--charcoal);background:var(--paper);-webkit-font-smoothing:antialiased}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.sticky-nav{position:sticky;top:0;background:linear-gradient(180deg,rgba(247,249,251,0.95),rgba(247,249,251,0.85));backdrop-filter: blur(4px);z-index:40;border-bottom:1px solid #E8F1F7}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{display:flex;gap:12px;align-items:center}
.mark{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--electric-volt),var(--volt-indigo));display:flex;align-items:center;justify-content:center;color:white;font-weight:700}
.links{display:flex;gap:16px;align-items:center}
.links a{color:var(--volt-indigo);text-decoration:none;font-weight:600;padding:10px;border-radius:6px}
.links a:hover{background:#F1F6FB}
.btn{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700}
.btn-primary{background:var(--electric-volt);color:#071028;box-shadow:0 10px 20px rgba(0,208,132,0.12)}
.btn-outline{background:transparent;border:1.5px solid var(--volt-indigo);color:var(--volt-indigo)}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:44px 0}
.hero h1{font-size:44px;color:var(--volt-indigo);margin:0}
.hero p{color:var(--slate);margin-top:14px;max-width:640px}
.hero-card{background:white;border-radius:12px;padding:20px;border:1px solid #E8F4FB;box-shadow:0 8px 20px rgba(13,30,58,0.04)}

/* Sections */
.section{padding:48px 0;border-top:1px solid #EEF4F9;background:transparent}
.section h2{color:var(--volt-indigo);margin:0 0 12px 0;font-size:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:white;padding:18px;border-radius:10px;border:1px solid #EAF4F9;min-height:140px}
.product-title{font-weight:700;margin-bottom:6px}
.kv{color:var(--slate);font-size:14px;margin-top:8px}

/* Contact form */
.form{max-width:720px}
.input{width:100%;padding:12px;border-radius:8px;border:1px solid #E6EEF5;margin-top:8px}
.form-row{display:flex;gap:12px}
.form-row .input{flex:1}

/* Footer */
.footer{padding:24px 0;color:var(--slate);font-size:14px;border-top:1px solid #E8F1F7}

/* Responsive */
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:28px 0}.grid-3{grid-template-columns:1fr}.hero h1{font-size:32px}}
/* Smooth anchor scroll */
html{scroll-behavior:smooth}
</style>

<header class="sticky-nav">
  <div class="container nav">
    <div class="logo">
      <div class="mark">Qv</div>
      <div>
        <div style="font-weight:700;color:var(--volt-indigo)">QuantaVolts</div>
        <div style="font-size:12px;color:var(--slate)">DeepTech Private Limited</div>
      </div>
    </div>
    <nav class="links" aria-label="Main navigation">
      <a href="#home">Home</a>
      <a href="#products">Products</a>
      <a href="#advisory">DeepTech Advisory</a>
      <a href="#contacts">Contacts</a>
      <button class="btn btn-primary" onclick="document.location='#contacts'">Request Demo</button>
    </nav>
  </div>
</header>

<main>
  <!-- HOME -->
  <section id="home" class="container hero">
    <div>
      <h1>Reinventing the Future with Intelligent Deep-Tech Innovation</h1>
      <p>We design IP-driven hardware and software systems across AI, robotics, autonomous systems, embedded electronics, and precision agriculture — delivering scalable products that create measurable business value.</p>
      <div style="margin-top:18px;display:flex;gap:12px;flex-wrap:wrap">
        <button class="btn btn-primary">Request Demo</button>
        <button class="btn btn-outline" onclick="window.open('/one-pager.pdf','_blank')">Download One-pager</button>
      </div>
    </div>
    <aside class="hero-card">
      <strong>Core Focus</strong>
      <div style="margin-top:12px">
        <div style="margin-bottom:10px"><strong>Autonomous Robotics</strong><div class="kv">Modular ground & aerial platforms with robust motor control</div></div>
        <div style="margin-bottom:10px"><strong>Precision Agriculture</strong><div class="kv">Smart water, nutrient dosing, eco weed control</div></div>
        <div><strong>Edge AI & Sensors</strong><div class="kv">Low-latency inference and sensor fusion nodes</div></div>
      </div>
    </aside>
  </section>

  <!-- PRODUCTS -->
  <section id="products" class="container section" aria-labelledby="products-heading">
    <h2 id="products-heading">Products</h2>
    <p style="color:var(--slate);margin-top:8px">Hardware + firmware + optional cloud analytics — engineered for field reliability.</p>

    <div class="grid-3" style="margin-top:18px">
      <div class="card">
        <div class="product-title">Autonomous Robotics Platform</div>
        <div class="kv">Modular ground and aerial robots with advanced control firmware and sensor fusion for autonomous operations.</div>
        <div style="margin-top:12px;font-weight:600;color:var(--volt-indigo)">Outcomes: Less manual labor • High reliability</div>
      </div>

      <div class="card">
        <div class="product-title">Precision Agriculture Suite</div>
        <div class="kv">Drones, edge sensors and controllers for water management, nutrient dosing, and non-chemical weed control.</div>
        <div style="margin-top:12px;font-weight:600;color:var(--volt-indigo)">Outcomes: Increased yield • Water savings</div>
      </div>

      <div class="card">
        <div class="product-title">Edge AI & Sensor Fusion Node</div>
        <div class="kv">Rugged edge hardware for on-site AI processing and real-time control with low power consumption.</div>
        <div style="margin-top:12px;font-weight:600;color:var(--volt-indigo)">Outcomes: Real-time decisions • Offline inference</div>
      </div>

      <div class="card" style="grid-column:1 / span 3;display:flex;flex-direction:column;gap:8px">
        <div class="product-title">Power Electronics & Motor Control Modules</div>
        <div class="kv">High-efficiency motor controllers, protective power stages, and production-ready designs for industrial robots.</div>
        <div style="margin-top:8px;font-weight:600;color:var(--volt-indigo)">Outcomes: Precise control • Energy efficiency</div>
      </div>
    </div>

    <div style="margin-top:18px">
      <button class="btn btn-primary" onclick="document.location='#contacts'">Request Product Briefs</button>
      <button class="btn btn-outline" onclick="document.location='#contacts'">Request Pilot</button>
    </div>
  </section>

  <!-- DEEPTECH ADVISORY -->
  <section id="advisory" class="container section" aria-labelledby="advisory-heading">
    <h2 id="advisory-heading">DeepTech Advisory</h2>
    <p style="color:var(--slate);margin-top:8px">Hands-on technical advisory from architecture to field deployment.</p>

    <div style="margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px">
      <div class="card">
        <div style="font-weight:700">Product Architecture & Roadmapping</div>
        <div class="kv">Product-market fit, modular design, and scale planning for hardware products.</div>
      </div>

      <div class="card">
        <div style="font-weight:700">Hardware & Firmware Design Reviews</div>
        <div class="kv">Design audits for manufacturability, EMC, reliability, and field-readiness.</div>
      </div>

      <div class="card">
        <div style="font-weight:700">Motor & Control Expertise</div>
        <div class="kv">Characterization, sensorless control, auto-tuning and PID/motor tuning workflows.</div>
      </div>

      <div class="card">
        <div style="font-weight:700">Edge AI & Deployment</div>
        <div class="kv">Quantization, accelerator integration, and inference optimization for edge systems.</div>
      </div>
    </div>

    <div style="margin-top:18px">
      <button class="btn btn-primary" onclick="document.location='#contacts'">Book Consultation</button>
      <button class="btn btn-outline" onclick="document.location='#contacts'">Request Advisory Proposal</button>
    </div>
  </section>

  <!-- CONTACTS -->
  <section id="contacts" class="container section" aria-labelledby="contacts-heading">
    <h2 id="contacts-heading">Contacts</h2>
    <p style="color:var(--slate);margin-top:8px">QuantaVolts DeepTech Private Limited — Bengaluru, India</p>
    <div style="display:flex;gap:24px;margin-top:18px;flex-wrap:wrap">
      <div style="flex:1;min-width:280px">
        <div style="font-weight:700">CIN</div>
        <div class="kv">U26409KA2025PTC210761</div>
        <div style="margin-top:12px;font-weight:700">Email</div>
        <div class="kv">contact@quantavolts.com</div>
        <div style="margin-top:12px;font-weight:700">Phone</div>
        <div class="kv">+91-XXXXXXXXXX</div>
      </div>

      <div style="flex:1;min-width:320px">
        <form class="form" action="/submit-contact" method="post" enctype="multipart/form-data">
          <label for="name" style="font-weight:600">Name</label>
          <input id="name" name="name" class="input" placeholder="Your name" required>
          <label for="org" style="font-weight:600;margin-top:8px">Organization</label>
          <input id="org" name="organization" class="input" placeholder="Company or org">
          <div class="form-row" style="margin-top:8px">
            <input id="email" name="email" type="email" class="input" placeholder="Email" required>
            <input id="phone" name="phone" class="input" placeholder="Phone (optional)">
          </div>
          <label for="message" style="font-weight:600;margin-top:8px">Message</label>
          <textarea id="message" name="message" class="input" rows="4" placeholder="How can we help?" required></textarea>
          <label for="attach" style="font-weight:600;margin-top:8px">Attachment (optional)</label>
          <input id="attach" name="attachment" type="file" class="input">
          <div style="margin-top:12px;display:flex;gap:10px">
            <button type="submit" class="btn btn-primary">Send Message</button>
            <button type="reset" class="btn btn-outline">Reset</button>
          </div>
          <div style="margin-top:8px;color:var(--slate);font-size:13px">We typically respond within 48 business hours.</div>
        </form>
      </div>
    </div>
  </section>
</main>

<footer class="container footer">
  <div style="display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px">
    <div>
      <div style="font-weight:700;color:var(--volt-indigo)">QuantaVolts DeepTech Private Limited</div>
      <div class="kv">CIN: U26409KA2025PTC210761 • Bengaluru, India</div>
    </div>
    <div style="text-align:right">
      <div class="kv">Email: contact@quantavolts.com</div>
      <div class="kv">LinkedIn: (company page)</div>
    </div>
  </div>
</footer>