<!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>