<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>HelixTeck — Cloud & Security Solutions</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="HelixTeck helps businesses deploy secure, modern cloud solutions across Microsoft 365 and Azure.">
  <link rel="icon" href="/images/favicon.png">
  <link rel="preload" href="/assets/style.css" as="style">
  <link rel="stylesheet" href="/assets/style.css">
  <!-- Open Graph -->
  <meta property="og:title" content="HelixTeck — Cloud & Security Solutions">
  <meta property="og:description" content="Secure, modern cloud solutions across Microsoft 365 and Azure.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.helixteck.com/">
  <meta property="og:image" content="https://www.helixteck.com/images/og-image.png">
  <!-- Schema.org -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"Organization",
    "name":"HelixTeck",
    "url":"https://www.helixteck.com/",
    "logo":"https://www.helixteck.com/images/favicon.png",
    "sameAs":[]
  }
  </script>
</head>
<body>
  <header class="header">
    <div class="container" style="display:flex; align-items:center; gap:18px; padding:12px 20px;">
      <a class="brand" href="/" aria-label="HelixTeck home">
        <span class="brand-logo" aria-hidden="true"></span>
        <span>HelixTeck</span>
      </a>

      <button class="button menu-toggle" data-menu-toggle aria-expanded="false" aria-controls="primary-navigation">
        Menu
      </button>

      <nav class="nav-links" id="primary-navigation" aria-label="Primary">
        <a href="/" aria-current="page">Home</a>
        <a href="/about.html">About</a>
        <a href="/services.html">Services</a>
        <a href="/contact.html">Contact</a>
      </nav>
    </div>
  </header>

  <main>
    <section class="hero container">
      <h1>Secure Cloud. Real Outcomes.</h1>
      <p>From identity to email security, we help you deploy Microsoft 365 and Azure with confidence—backed by clear architecture, robust controls, and rapid execution.</p>
      <div class="cta">
        <a class="button" href="/services.html">Explore Services</a>
        <a class="button" href="/contact.html">Get a Proposal</a>
      </div>
    </section>

    <section class="container grid grid-3">
      <article class="panel card">
        <h3>Microsoft 365 Security</h3>
        <p>Hardening and policy baselines for Defender, Entra ID, Exchange Online, and secure collaboration.</p>
      </article>
      <article class="panel card">
        <h3>Identity & Access</h3>
        <p>Conditional Access, MFA, PIM, and zero‑trust controls mapped to your business risks.</p>
      </article>
      <article class="panel card">
        <h3>Email Authentication</h3>
        <p>SPF, DKIM, DMARC setup and monitoring to protect your brand and improve deliverability.</p>
      </article>
    </section>

    <section class="container panel">
      <h2 style="margin-top:0;">Why HelixTeck</h2>
      <div class="grid grid-2">
        <div>
          <h3>Secure by Design</h3>
          <p>Blueprints aligned with Microsoft guidance and industry frameworks—implemented pragmatically.</p>
        </div>
        <div>
          <h3>Velocity & Clarity</h3>
          <p>Short sprints, crisp docs, and measurable outcomes so stakeholders see progress faster.</p>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer container">
    <p>&copy; <span id="year"></span> HelixTeck. All rights reserved.</p>
  </footer>

  <script src="/assets/script.js" defer></script>
  <script>document.getElementById('year').textContent = new Date().getFullYear();</script>
</body>
</html>