<!-- Navigation -->
<nav style="display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background-color:#0f172a;font-family:'Inter',sans-serif;">
  <a href="home.html" style="font-size:22px;font-weight:700;color:#ffffff;text-decoration:none;letter-spacing:-0.5px;">NovaTech</a>
  <div style="display:flex;align-items:center;gap:32px;">
    <a href="product.html" style="color:#cbd5e1;text-decoration:none;font-size:15px;font-weight:500;">Product</a>
    <a href="team.html" style="color:#ffffff;text-decoration:none;font-size:15px;font-weight:600;">Team</a>
    <a href="contact.html" style="color:#cbd5e1;text-decoration:none;font-size:15px;font-weight:500;">Contact</a>
    <a href="#" style="background-color:#6366f1;color:#ffffff;padding:10px 24px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;">Get Started</a>
  </div>
</nav>

<!-- Page Header -->
<section style="background-color:#0f172a;padding:96px 48px;text-align:center;font-family:'Inter',sans-serif;">
  <div style="max-width:640px;margin:0 auto;">
    <p style="font-size:14px;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px;">Our Team</p>
    <h1 style="font-size:48px;font-weight:800;color:#ffffff;line-height:1.15;margin:0 0 20px;letter-spacing:-1.5px;">Meet Our Team</h1>
    <p style="font-size:18px;color:#94a3b8;line-height:1.7;margin:0;">The people behind NovaTech who are passionate about building tools that help teams thrive.</p>
  </div>
</section>

<!-- Team Grid -->
<section style="background-color:#ffffff;padding:96px 48px;font-family:'Inter',sans-serif;">
  <div style="max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;">
    <!-- Member 1 -->
    <div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
      <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?w=400&h=400&fit=crop&crop=face" alt="Alex Chen" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
      <h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Alex Chen</h3>
      <p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">CEO & Co-Founder</p>
      <p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Former VP of Engineering at DataCo. 15 years building analytics platforms at scale.</p>
    </div>
    <!-- Member 2 -->
    <div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
      <img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=400&h=400&fit=crop&crop=face" alt="Sarah Mitchell" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
      <h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Sarah Mitchell</h3>
      <p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">CTO & Co-Founder</p>
      <p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">PhD in Machine Learning from Stanford. Led AI research at two Fortune 500 companies.</p>
    </div>
    <!-- Member 3 -->
    <div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
      <img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face" alt="James Park" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
      <h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">James Park</h3>
      <p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">Head of Design</p>
      <p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Design lead with 10 years of experience crafting intuitive B2B products users love.</p>
    </div>
    <!-- Member 4 -->
    <div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
      <img src="https://images.unsplash.com/photo-1580489944761-15a19d654956?w=400&h=400&fit=crop&crop=face" alt="Maria Rodriguez" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
      <h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Maria Rodriguez</h3>
      <p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">VP of Engineering</p>
      <p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Full-stack engineer turned leader. Scaled infrastructure at three hypergrowth startups.</p>
    </div>
    <!-- Member 5 -->
    <div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
      <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&crop=face" alt="David Kim" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
      <h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">David Kim</h3>
      <p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">Head of Sales</p>
      <p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Built sales teams from zero to $20M ARR. Passionate about helping customers succeed.</p>
    </div>
    <!-- Member 6 -->
    <div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
      <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop&crop=face" alt="Emily Watson" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
      <h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Emily Watson</h3>
      <p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">Head of Customer Success</p>
      <p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Customer advocate with a track record of 98% retention rates and NPS scores above 70.</p>
    </div>
  </div>
</section>

<!-- Culture Section -->
<section style="background-color:#f8fafc;padding:96px 48px;font-family:'Inter',sans-serif;">
  <div style="max-width:800px;margin:0 auto;text-align:center;">
    <h2 style="font-size:34px;font-weight:800;color:#0f172a;margin:0 0 20px;letter-spacing:-0.5px;">Our Culture & Values</h2>
    <p style="font-size:17px;color:#64748b;line-height:1.8;margin:0 0 40px;">We believe great products come from great teams. At NovaTech, we foster an environment of transparency, continuous learning, and bold experimentation. Every voice matters, and we celebrate both wins and thoughtful failures.</p>
    <div style="display:flex;gap:32px;flex-wrap:wrap;justify-content:center;">
      <div style="flex:1;min-width:200px;max-width:220px;text-align:center;">
        <div style="width:48px;height:48px;background-color:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px;color:#6366f1;font-weight:700;">&#9825;</div>
        <h4 style="font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;">Transparency</h4>
        <p style="font-size:13px;color:#64748b;margin:0;">Open books, open doors, open minds.</p>
      </div>
      <div style="flex:1;min-width:200px;max-width:220px;text-align:center;">
        <div style="width:48px;height:48px;background-color:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px;color:#6366f1;font-weight:700;">&#9883;</div>
        <h4 style="font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;">Innovation</h4>
        <p style="font-size:13px;color:#64748b;margin:0;">Ship fast, learn faster.</p>
      </div>
      <div style="flex:1;min-width:200px;max-width:220px;text-align:center;">
        <div style="width:48px;height:48px;background-color:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px;color:#6366f1;font-weight:700;">&#9734;</div>
        <h4 style="font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;">Excellence</h4>
        <p style="font-size:13px;color:#64748b;margin:0;">Raise the bar, every day.</p>
      </div>
    </div>
  </div>
</section>

<!-- Careers CTA -->
<section style="padding:96px 48px;font-family:'Inter',sans-serif;background:linear-gradient(135deg,#6366f1,#4338ca);text-align:center;">
  <div style="max-width:600px;margin:0 auto;">
    <h2 style="font-size:38px;font-weight:800;color:#ffffff;margin:0 0 16px;letter-spacing:-1px;">Join Our Team</h2>
    <p style="font-size:17px;color:#c7d2fe;line-height:1.7;margin:0 0 36px;">We're always looking for talented people who share our passion for great products. Check out our open roles or drop us a line.</p>
    <a href="mailto:careers@novatech.io" style="display:inline-block;background-color:#ffffff;color:#4338ca;padding:14px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;">View Open Positions</a>
  </div>
</section>

<!-- Footer -->
<footer style="background-color:#0f172a;padding:48px;font-family:'Inter',sans-serif;">
  <div style="max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;">
    <a href="home.html" style="font-size:18px;font-weight:700;color:#ffffff;letter-spacing:-0.5px;text-decoration:none;">NovaTech</a>
    <div style="display:flex;gap:28px;">
      <a href="product.html" style="color:#94a3b8;text-decoration:none;font-size:14px;">Product</a>
      <a href="team.html" style="color:#94a3b8;text-decoration:none;font-size:14px;">Team</a>
      <a href="contact.html" style="color:#94a3b8;text-decoration:none;font-size:14px;">Contact</a>
      <a href="#" style="color:#94a3b8;text-decoration:none;font-size:14px;">Privacy</a>
    </div>
    <p style="color:#475569;font-size:13px;margin:0;">&copy; 2026 NovaTech. All rights reserved.</p>
  </div>
</footer>
