<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width,initial-scale=1" />

  <title>Aurum AI Consulting — Build a Company That Runs Itself</title>

  <meta name="description" content="We don’t add AI to your business. We rebuild your business with AI. Strategy, automation systems, custom AI agents, and ongoing optimization." />

  <style>

    :root{

      --bg:#070A12;

      --card:#0C1020;

      --text:#EAF0FF;

      --muted:#B9C3DD;

      --line:rgba(255,255,255,.08);

      --gold:#D9B65D;

      --gold2:#B8923B;

      --shadow: 0 24px 80px rgba(0,0,0,.55);

      --radius: 18px;

      --max: 1120px;

    }

    *{box-sizing:border-box}

    body{

      margin:0;

      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";

      color:var(--text);

      background: radial-gradient(1200px 800px at 20% 10%, rgba(217,182,93,.18), transparent 60%),

                  radial-gradient(900px 700px at 85% 20%, rgba(120,155,255,.12), transparent 55%),

                  linear-gradient(180deg, #050812 0%, #070A12 50%, #050812 100%);

    }

    a{color:inherit; text-decoration:none}

    .wrap{max-width:var(--max); margin:0 auto; padding:0 20px}

    .nav{

      position:sticky; top:0; z-index:20;

      backdrop-filter: blur(10px);

      background: rgba(7,10,18,.7);

      border-bottom: 1px solid var(--line);

    }

    .navInner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0}

    .brand{

      display:flex; align-items:center; gap:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:700;

    }

    .dot{

      width:12px; height:12px; border-radius:999px;

      background: linear-gradient(135deg, var(--gold), var(--gold2));

      box-shadow: 0 0 20px rgba(217,182,93,.35);

    }

    .links{display:flex; align-items:center; gap:18px; color:var(--muted); font-weight:600; font-size:14px}

    .links a:hover{color:var(--text)}

    .cta{

      display:inline-flex; align-items:center; justify-content:center;

      padding:10px 14px; border-radius:999px;

      background: linear-gradient(135deg, var(--gold), var(--gold2));

      color:#120E06; font-weight:800;

      border:1px solid rgba(255,255,255,.12);

      box-shadow: 0 10px 30px rgba(217,182,93,.22);

      white-space:nowrap;

    }

    .cta:hover{transform: translateY(-1px)}

    .hero{

      padding:72px 0 40px;

    }

    .heroGrid{

      display:grid;

      grid-template-columns: 1.2fr .8fr;

      gap:28px;

      align-items:stretch;

    }

    .kicker{

      color:var(--muted);

      text-transform:uppercase;

      letter-spacing:.18em;

      font-weight:800;

      font-size:12px;

    }

    h1{

      margin:10px 0 14px;

      font-size: clamp(36px, 4vw, 54px);

      line-height:1.05;

      letter-spacing:-.02em;

    }

    .sub{

      color:var(--muted);

      font-size:18px;

      line-height:1.6;

      max-width: 58ch;

    }

    .heroActions{

      display:flex; gap:12px; flex-wrap:wrap; margin-top:18px

    }

    .ghost{

      padding:10px 14px; border-radius:999px;

      border:1px solid var(--line);

      background: rgba(255,255,255,.03);

      color:var(--text);

      font-weight:700;

    }

    .ghost:hover{border-color: rgba(217,182,93,.35)}

    .panel{

      border:1px solid var(--line);

      border-radius: var(--radius);

      background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));

      box-shadow: var(--shadow);

      padding:18px;

      height:100%;

      display:flex;

      flex-direction:column;

      justify-content:space-between;

      gap:14px;

    }

    .metricRow{

      display:grid; grid-template-columns: 1fr 1fr;

      gap:12px;

    }

    .metric{

      border:1px solid var(--line);

      border-radius: 14px;

      padding:12px;

      background: rgba(12,16,32,.65);

    }

    .metric .num{

      font-size:20px; font-weight:900;

      background: linear-gradient(135deg, var(--gold), #F4E4B2);

      -webkit-background-clip:text; background-clip:text; color:transparent;

    }

    .metric .lab{color:var(--muted); font-size:12px; margin-top:6px; font-weight:700; letter-spacing:.08em; text-transform:uppercase}

    .section{padding:42px 0}

    .titleRow{

      display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:18px

    }

    h2{margin:0; font-size:28px; letter-spacing:-.01em}

    .hint{color:var(--muted); max-width:60ch; line-height:1.6}

    .cards{

      display:grid;

      grid-template-columns: repeat(4, 1fr);

      gap:14px;

    }

    .card{

      border:1px solid var(--line);

      border-radius: var(--radius);

      background: rgba(12,16,32,.55);

      padding:16px;

      box-shadow: 0 18px 60px rgba(0,0,0,.35);

    }

    .card h3{margin:10px 0 8px; font-size:16px}

    .card p{margin:0; color:var(--muted); line-height:1.55; font-size:14px}

    .icon{

      width:36px; height:36px; border-radius:12px;

      background: radial-gradient(18px 18px at 30% 30%, rgba(255,255,255,.22), transparent 55%),

                  linear-gradient(135deg, rgba(217,182,93,.22), rgba(120,155,255,.16));

      border:1px solid rgba(255,255,255,.10);

    }

    .twoCol{

      display:grid; grid-template-columns: 1fr 1fr;

      gap:14px;

    }

    .steps{

      display:grid; gap:12px;

    }

    .step{

      display:flex; gap:12px; align-items:flex-start;

      padding:14px;

      border:1px solid var(--line);

      border-radius: var(--radius);

      background: rgba(12,16,32,.55);

    }

    .badge{

      min-width:30px; height:30px; border-radius:999px;

      display:flex; align-items:center; justify-content:center;

      background: linear-gradient(135deg, var(--gold), var(--gold2));

      color:#120E06; font-weight:900;

    }

    .step b{display:block; margin-bottom:4px}

    .faq details{

      border:1px solid var(--line);

      border-radius: var(--radius);

      background: rgba(12,16,32,.55);

      padding:14px 16px;

    }

    .faq details + details{margin-top:10px}

    summary{cursor:pointer; font-weight:800}

    summary::-webkit-details-marker{display:none}

    .footer{

      padding:34px 0 44px;

      border-top:1px solid var(--line);

      color:var(--muted);

    }

    .mini{

      font-size:13px; line-height:1.6;

    }

    .form{

      display:grid; gap:10px; margin-top:10px;

    }

    input, textarea{

      width:100%;

      padding:12px 12px;

      border-radius: 12px;

      border:1px solid var(--line);

      background: rgba(255,255,255,.03);

      color:var(--text);

      font: inherit;

      outline:none;

    }

    textarea{min-height:100px; resize:vertical}

    .small{font-size:12px; color:var(--muted)}

    @media (max-width: 980px){

      .heroGrid{grid-template-columns: 1fr}

      .cards{grid-template-columns: repeat(2, 1fr)}

      .twoCol{grid-template-columns: 1fr}

    }

    @media (max-width: 560px){

      .links{display:none}

      .cards{grid-template-columns: 1fr}

      .metricRow{grid-template-columns: 1fr}

    }

  </style>

</head>


<body>

  <header class="nav">

    <div class="wrap navInner">

      <a class="brand" href="#top" aria-label="Aurum AI Consulting">

        <span class="dot"></span>

        <span>Aurum AI Consulting</span>

      </a>

      <nav class="links" aria-label="Primary">

        <a href="#services">Services</a>

        <a href="#process">Process</a>

        <a href="#faq">FAQ</a>

        <a href="#contact">Contact</a>

      </nav>

      <a class="cta" href="#contact">Book a Free AI Strategy Call</a>

    </div>

  </header>


  <main id="top">

    <!-- HERO -->

    <section class="hero">

      <div class="wrap heroGrid">

        <div>

          <div class="kicker">We don’t add AI to your business. We rebuild your business with AI.</div>

          <h1>Build a Company That Runs Itself</h1>

          <p class="sub">

            We design and deploy AI-powered business systems that replace manual work, scale operations,

            and unlock new growth — without increasing headcount.

          </p>

          <div class="heroActions">

            <a class="cta" href="#contact">Book a Free AI Strategy Call</a>

            <a class="ghost" href="#services">See What We Deliver</a>

          </div>

          <p class="small" style="margin-top:14px;">

            Based in the U.S. • Serving teams nationwide • Strategy → build → deploy → optimize

          </p>

        </div>


        <aside class="panel" aria-label="Aurum snapshot">

          <div>

            <div class="kicker" style="margin-bottom:10px;">The Aurum promise</div>

            <div class="mini">

              We install an <b>AI Operating System</b> inside your business — not tools, not experiments —

              a fully automated, continuously improving infrastructure.

            </div>

          </div>

          <div class="metricRow">

            <div class="metric">

              <div class="num">Weeks, not months</div>

              <div class="lab">Time to first automation</div>

            </div>

            <div class="metric">

              <div class="num">Systems > Tools</div>

              <div class="lab">Operating model</div>

            </div>

            <div class="metric">

              <div class="num">Human-in-control</div>

              <div class="lab">Guardrails & QA</div>

            </div>

            <div class="metric">

              <div class="num">Built to scale</div>

              <div class="lab">Docs + handoff</div>

            </div>

          </div>

        </aside>

      </div>

    </section>


    <!-- PROBLEM / SOLUTION -->

    <section class="section">

      <div class="wrap twoCol">

        <div class="card">

          <div class="kicker">The Problem</div>

          <h2 style="margin-top:10px;">Most companies know AI is important. Almost none know what to do with it.</h2>

          <p class="hint" style="margin-top:10px;">

            They buy tools. They hire consultants. They still run the same broken systems.

          </p>

        </div>

        <div class="card">

          <div class="kicker">The Aurum Solution</div>

          <h2 style="margin-top:10px;">We install an AI Operating System inside your business.</h2>

          <p class="hint" style="margin-top:10px;">

            Not tools. Not experiments. A fully automated, continuously improving company infrastructure.

          </p>

        </div>

      </div>

    </section>


    <!-- SERVICES -->

    <section id="services" class="section">

      <div class="wrap">

        <div class="titleRow">

          <h2>What We Deliver</h2>

          <div class="hint">Practical systems that reduce cost, increase speed, and improve consistency.</div>

        </div>


        <div class="cards">

          <div class="card">

            <div class="icon"></div>

            <h3>AI Strategy & Architecture</h3>

            <p>A complete blueprint for transforming your business with AI: use cases, data, tooling, security, ROI.</p>

          </div>

          <div class="card">

            <div class="icon"></div>

            <h3>AI Automation Systems</h3>

            <p>Sales, marketing, ops, finance, and support rebuilt using intelligent workflows and agentic automation.</p>

          </div>

          <div class="card">

            <div class="icon"></div>

            <h3>Custom AI Agents</h3>

            <p>AI “employees” trained on your data, processes, and goals — with guardrails and QA.</p>

          </div>

          <div class="card">

            <div class="icon"></div>

            <h3>Ongoing Optimization</h3>

            <p>Continuous improvement: monitoring, prompt/version control, evaluation, and expansion across teams.</p>

          </div>

        </div>

      </div>

    </section>


    <!-- PROCESS -->

    <section id="process" class="section">

      <div class="wrap">

        <div class="titleRow">

          <h2>How It Works</h2>

          <div class="hint">A clear path from strategy to live systems — fast.</div>

        </div>


        <div class="steps">

          <div class="step">

            <div class="badge">1</div>

            <div>

              <b>Discovery & ROI Map</b>

              We identify high-leverage workflows, define success metrics, and prioritize by impact + feasibility.

            </div>

          </div>

          <div class="step">

            <div class="badge">2</div>

            <div>

              <b>Architecture & Design</b>

              We design the AI operating model, data flows, integrations, security, and human-in-the-loop controls.

            </div>

          </div>

          <div class="step">

            <div class="badge">3</div>

            <div>

              <b>Build & Deploy</b>

              We implement automations and agents, ship a first production workflow, and document everything.

            </div>

          </div>

          <div class="step">

            <div class="badge">4</div>

            <div>

              <b>Optimize & Expand</b>

              Monitoring, evaluations, iteration, and expansion into the next highest ROI workflows.

            </div>

          </div>

        </div>

      </div>

    </section>


    <!-- FAQ -->

    <section id="faq" class="section">

      <div class="wrap">

        <div class="titleRow">

          <h2>FAQ</h2>

          <div class="hint">Quick answers to common questions.</div>

        </div>


        <div class="faq">

          <details>

            <summary>Do you work with small businesses or enterprises?</summary>

            <div class="mini" style="margin-top:10px;">

              Both. The approach is the same: start with high-ROI workflows, build the operating system, and scale.

            </div>

          </details>


          <details>

            <summary>How fast can we see results?</summary>

            <div class="mini" style="margin-top:10px;">

              Typically, we aim to ship a first automation in weeks. Speed depends on integrations and data readiness.

            </div>

          </details>


          <details>

            <summary>Is my data safe?</summary>

            <div class="mini" style="margin-top:10px;">

              We design for security from day one: access controls, least-privilege, logging, and human-in-the-loop safeguards.

            </div>

          </details>


          <details>

            <summary>What tools do you use?</summary>

            <div class="mini" style="margin-top:10px;">

              We choose tools based on your stack and requirements. The focus is building systems that work — not selling software.

            </div>

          </details>

        </div>

      </div>

    </section>


    <!-- CONTACT -->

    <section id="contact" class="section">

      <div class="wrap twoCol">

        <div class="card">

          <div class="kicker">Contact</div>

          <h2 style="margin-top:10px;">Book a Free AI Strategy Call</h2>

          <p class="hint" style="margin-top:10px;">

            Tell us what you want to automate and what’s slowing your team down.

            We’ll map the fastest path to measurable ROI.

          </p>

          <p class="small" style="margin-top:14px;">

            Replace the form action with your preferred tool (Calendly, HubSpot, Formspree, etc.).

          </p>

        </div>


        <div class="card">

          <form class="form" action="#" method="post">

            <input name="name" placeholder="Your name" required />

            <input name="email" type="email" placeholder="Your email" required />

            <input name="company" placeholder="Company (optional)" />

            <textarea name="message" placeholder="What do you want to automate? What tools do you use today?"></textarea>

            <button class="cta" type="submit">Request a Call</button>

            <div class="small">Prefer email? Contact: <b>hello@aurumaiconsulting.com</b> (update this)</div>

          </form>

        </div>

      </div>

    </section>


    <!-- FOOTER -->

    <footer class="footer">

      <div class="wrap" style="display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;">

        <div class="mini">

          <b style="color:var(--text); letter-spacing:.12em; text-transform:uppercase;">Aurum AI Consulting</b><br/>

          We rebuild businesses with AI operating systems.

        </div>

        <div class="mini">

          © <span id="year"></span> Aurum AI Consulting • All rights reserved

        </div>

      </div>

    </footer>

  </main>


  <script>

    document.getElementById("year").textContent = new Date().getFullYear();

  </script>

</body>

</html>