<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Elevate Axis</title>
<meta name="description" content="Elevate Axis is a performance marketing and technology company focused on compliant, data-driven growth." />
<style>
:root{
--bg:#0b0f17;
--card:#0f1624;
--text:#e8eefc;
--muted:#a6b3cc;
--line:rgba(255,255,255,.12);
--btn:#ffffff;
--btnText:#0b0f17;
--max:1040px;
--r:18px;
}
*{box-sizing:border-box}
body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
background: radial-gradient(1200px 600px at 20% -10%, rgba(74,118,255,.25), transparent 55%),
radial-gradient(900px 500px at 90% 0%, rgba(120,255,214,.18), transparent 50%),
var(--bg);
color:var(--text);
}
a{color:inherit; text-decoration:none}
.wrap{max-width:var(--max); margin:0 auto; padding:48px 20px 60px}
.nav{
display:flex; justify-content:space-between; align-items:center;
padding:10px 0 30px;
}
.brand{
display:flex; align-items:center; gap:12px;
font-weight:650; letter-spacing:.2px;
}
.logoBox{
width:34px; height:34px; border-radius:10px;
background: linear-gradient(135deg, rgba(74,118,255,.95), rgba(120,255,214,.85));
box-shadow: 0 10px 30px rgba(74,118,255,.18);
}
.navLinks{display:flex; gap:18px; color:var(--muted); font-size:14px}
.hero{padding:44px 0 26px}
.kicker{color:var(--muted); font-size:14px; letter-spacing:.12em; text-transform:uppercase}
h1{
margin:14px 0 10px;
font-size:52px; line-height:1.05;
letter-spacing:-.03em;
}
.sub{
max-width:760px;
color:var(--muted);
font-size:18px;
line-height:1.6;
margin-top:14px;
}
.ctaRow{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px}
.btn{
display:inline-flex; align-items:center; gap:10px;
padding:12px 16px;
border-radius:999px;
border:1px solid var(--line);
background:rgba(255,255,255,.04);
color:var(--text);
font-size:14px;
}
.btnPrimary{
background:var(--btn); color:var(--btnText); border-color:transparent;
font-weight:600;
}
.grid{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap:14px;
margin-top:34px;
}
.card{
grid-column: span 6;
background:rgba(255,255,255,.03);
border:1px solid var(--line);
border-radius:var(--r);
padding:18px 18px 16px;
backdrop-filter: blur(6px);
min-height:120px;
}
.card h3{margin:0 0 8px; font-size:16px}
.card p{margin:0; color:var(--muted); line-height:1.55; font-size:14px}
.foot{
margin-top:46px;
padding-top:22px;
border-top:1px solid var(--line);
display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
color:var(--muted);
font-size:13px;
}
.foot a{color:var(--muted); text-decoration:underline; text-underline-offset:3px}
@media (max-width: 860px){
h1{font-size:40px}
.card{grid-column: span 12}
}
</style>
</head>
<body>
<div class="wrap">
<div class="nav">
<div class="brand">
<div class="logoBox" aria-hidden="true"></div>
<div>Elevate Axis</div>
</div>
<div class="navLinks">
<a href="/privacy.html">Privacy</a>
<a href="/terms.html">Terms</a>
<a href="mailto:contact@elevateaxis.net">Contact</a>
</div>
</div>
<div class="hero">
<div class="kicker">Performance Marketing • Analytics • Optimization</div>
<h1>Build scalable growth systems.</h1>
<div class="sub">
Elevate Axis is a performance marketing and technology company focused on compliant, data-driven customer acquisition.
We partner with select organizations to design, test, and optimize full-funnel growth across digital platforms.
</div>
<div class="ctaRow">
<a class="btn btnPrimary" href="mailto:contact@elevateaxis.net">Contact</a>
<a class="btn" href="/privacy.html">Privacy Policy</a>
<a class="btn" href="/terms.html">Terms</a>
</div>
</div>
<div class="grid">
<div class="card">
<h3>Compliance-first execution</h3>
<p>Structured testing, controlled claims language, and platform-safe creative workflows built for longevity.</p>
</div>
<div class="card">
<h3>Measurement & signal integrity</h3>
<p>Clear event design, analytics discipline, and performance review rhythms that keep optimizations anchored to outcomes.</p>
</div>
<div class="card">
<h3>Creative iteration at scale</h3>
<p>Angle development, variant production, and refresh cadence designed to fight fatigue and stabilize CPL/CPA.</p>
</div>
<div class="card">
<h3>Partner-aligned growth</h3>
<p>We work with select partners and operate within agreed constraints to protect compliance, brand safety, and unit economics.</p>
</div>
</div>
<div class="foot">
<div>© <span id="y"></span> Elevate Axis. All rights reserved.</div>
<div>
<a href="/privacy.html">Privacy</a> ·
<a href="/terms.html">Terms</a> ·
<a href="mailto:contact@elevateaxis.net">contact@elevateaxis.net</a>
</div>
</div>
</div>
<script>
document.getElementById("y").textContent = new Date().getFullYear();
</script>
</body>
</html>