<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Insights Augmented — Founder & Team Alignment</title>
<style>
:root{
--bg:#0b0f17;
--card:#101827;
--text:#e9eef7;
--muted:#b7c2d6;
--border:rgba(255,255,255,.10);
--accent:#ff7a45;
--accent2:#7aa7ff;
--max:1100px;
--r:18px;
}
*{box-sizing:border-box}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
background: radial-gradient(1200px 800px at 20% -10%, rgba(122,167,255,.22), transparent 55%),
radial-gradient(900px 600px at 90% 0%, rgba(255,122,69,.22), transparent 60%),
var(--bg);
color:var(--text);
line-height:1.5;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
header{
position:sticky; top:0; z-index:10;
backdrop-filter: blur(10px);
background: rgba(11,15,23,.65);
border-bottom:1px solid var(--border);
}
.nav{
display:flex; align-items:center; justify-content:space-between;
padding:14px 0;
}
.brand{display:flex; gap:10px; align-items:center; font-weight:700; letter-spacing:.2px}
.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.links{display:flex; gap:18px; align-items:center; color:var(--muted); font-weight:600}
.btn{
display:inline-flex; align-items:center; justify-content:center;
padding:10px 14px; border-radius:999px; border:1px solid var(--border);
background: rgba(255,255,255,.06);
color:var(--text);
font-weight:700;
}
.btn.primary{background:linear-gradient(135deg,var(--accent),#ffb36b); border:none; color:#111}
.hero{padding:70px 0 30px}
.kicker{color:var(--muted); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:12px}
h1{margin:14px 0 10px; font-size:42px; line-height:1.1}
.sub{max-width:720px; color:var(--muted); font-size:18px}
.hero-cta{display:flex; gap:12px; margin-top:20px; flex-wrap:wrap}
.grid{
display:grid; gap:14px;
grid-template-columns: repeat(12, 1fr);
margin:26px 0 10px;
}
.card{
grid-column: span 6;
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
border:1px solid var(--border);
border-radius: var(--r);
padding:18px;
}
.card h3{margin:8px 0 6px}
.meta{color:var(--muted); font-weight:700; font-size:13px}
.pillrow{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px}
.pill{
padding:6px 10px; border-radius:999px;
border:1px solid var(--border); color:var(--muted);
background: rgba(0,0,0,.15);
font-size:12px; font-weight:700;
}
section{padding:36px 0}
.section-title{display:flex; align-items:end; justify-content:space-between; gap:14px}
.section-title h2{margin:0; font-size:26px}
.section-title p{margin:0; color:var(--muted); max-width:560px}
.three .card{grid-column: span 4}
.quote{
grid-column: span 6;
border-radius: var(--r);
padding:18px;
border:1px solid var(--border);
background: rgba(255,255,255,.04);
}
.who{
display:flex; gap:16px; align-items:center;
border:1px solid var(--border);
border-radius: var(--r);
padding:18px;
background: rgba(255,255,255,.04);
}
.avatar{width:64px;height:64px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid var(--border)}
footer{padding:40px 0; color:var(--muted); border-top:1px solid var(--border)}
@media (max-width: 860px){
h1{font-size:34px}
.card{grid-column: span 12}
.three .card{grid-column: span 12}
.quote{grid-column: span 12}
.links{display:none}
}
</style>
</head>
<body>
<header>
<div class="wrap nav">
<div class="brand"><span class="dot"></span> Insights Augmented</div>
<nav class="links">
<a href="#services">Services</a>
<a href="#process">Process</a>
<a href="#testimonials">Results</a>
<a href="#about">About</a>
</nav>
<a class="btn primary" href="#contact">Book a Call</a>
</div>
</header>
<main class="wrap">
<section class="hero">
<div class="kicker">Founder & team alignment</div>
<h1>Strengthen co-founder relationships and team communication.</h1>
<p class="sub">
Coaching and workshops to resolve friction, rebuild trust, clarify roles, and improve decision-making — so your team can move faster, together.
</p>
<div class="hero-cta">
<a class="btn primary" href="#contact">Start Building Alignment</a>
<a class="btn" href="#services">Explore Services</a>
</div>
<div class="grid three" style="margin-top:26px">
<div class="card">
<div class="meta">Outcome</div>
<h3>Less friction</h3>
<p class="sub" style="font-size:15px;margin:0">Turn recurring conflict into clear, workable agreements.</p>
</div>
<div class="card">
<div class="meta">Outcome</div>
<h3>Faster decisions</h3>
<p class="sub" style="font-size:15px;margin:0">Align on priorities, roles, and “how we decide.”</p>
</div>
<div class="card">
<div class="meta">Outcome</div>
<h3>Stronger teams</h3>
<p class="sub" style="font-size:15px;margin:0">Build psychological safety and real accountability.</p>
</div>
</div>
</section>
<section id="services">
<div class="section-title">
<h2>Services</h2>
<p>Choose a focused intervention — or combine them into a longer engagement.</p>
</div>
<div class="grid">
<div class="card">
<div class="meta">Cofounder Deep-Dive</div>
<h3>Private 1:1 sessions (each founder)</h3>
<p class="sub" style="font-size:15px">
Surface hidden tensions, clarify values, and name what’s not being said — in a neutral, safe space.
</p>
<div class="pillrow">
<span class="pill">Best for: early friction</span>
<span class="pill">Format: 1:1</span>
<span class="pill">Outcome: clarity</span>
</div>
</div>
<div class="card">
<div class="meta">Joint Alignment</div>
<h3>Facilitated cofounder sessions</h3>
<p class="sub" style="font-size:15px">
Rebuild communication trust through structured dialogue and guided reflection.
</p>
<div class="pillrow">
<span class="pill">Best for: decision gridlock</span>
<span class="pill">Format: 2:1</span>
<span class="pill">Outcome: momentum</span>
</div>
</div>
<div class="card">
<div class="meta">Team Workshops</div>
<h3>Interactive, practical workshops</h3>
<p class="sub" style="font-size:15px">
Break silos, clarify roles, and strengthen feedback loops with real tools your team will use.
</p>
<div class="pillrow">
<span class="pill">Best for: scaling teams</span>
<span class="pill">Format: workshop</span>
<span class="pill">Outcome: cohesion</span>
</div>
</div>
<div class="card">
<div class="meta">Ongoing Coaching & Tools</div>
<h3>Support that sticks</h3>
<p class="sub" style="font-size:15px">
Regular check-ins + practical frameworks to keep alignment strong as the company evolves.
</p>
<div class="pillrow">
<span class="pill">Best for: sustained change</span>
<span class="pill">Format: monthly</span>
<span class="pill">Outcome: resilience</span>
</div>
</div>
</div>
</section>
<section id="process">
<div class="section-title">
<h2>How it works</h2>
<p>A simple structure that keeps sessions human, grounded, and outcome-driven.</p>
</div>
<div class="grid three">
<div class="card">
<div class="meta">Step 1</div>
<h3>Diagnose</h3>
<p class="sub" style="font-size:15px;margin:0">What’s actually happening, and what’s underneath it.</p>
</div>
<div class="card">
<div class="meta">Step 2</div>
<h3>Align</h3>
<p class="sub" style="font-size:15px;margin:0">Shared agreements: roles, priorities, decision-making.</p>
</div>
<div class="card">
<div class="meta">Step 3</div>
<h3>Sustain</h3>
<p class="sub" style="font-size:15px;margin:0">Lightweight rituals and tools that prevent drift.</p>
</div>
</div>
</section>
<section id="testimonials">
<div class="section-title">
<h2>What clients say</h2>
<p>Replace your image carousel with text quotes for a more premium feel.</p>
</div>
<div class="grid">
<div class="quote">
<p style="margin:0 0 10px">“[Paste 1–2 sentences from a testimonial here.]”</p>
<div class="meta">Name, Title — Company</div>
</div>
<div class="quote">
<p style="margin:0 0 10px">“[Paste 1–2 sentences from a testimonial here.]”</p>
<div class="meta">Name, Title — Company</div>
</div>
</div>
</section>
<section id="about">
<div class="section-title">
<h2>About</h2>
<p>Bring your credibility higher on the page with a clean, modern block.</p>
</div>
<div class="who">
<div class="avatar"></div>
<div>
<div class="meta">Saina Shelton</div>
<h3 style="margin:6px 0">Founder | Communication & Team Development Coach</h3>
<p class="sub" style="font-size:15px;margin:0">
18 years across marketing, digital media, and leadership development — informed by deep study in Archetypal Jungian Psychology.
</p>
</div>
</div>
</section>
<section id="contact">
<div class="section-title">
<h2>Get in touch</h2>
<p>Add a calendar link or a simple form.</p>
</div>
<div class="card">
<p class="sub" style="font-size:15px;margin-top:0">
Email: <strong>[your email]</strong> · LinkedIn: <strong>[link]</strong> · Calendar: <strong>[link]</strong>
</p>
<a class="btn primary" href="#">Book a 20-min Fit Call</a>
</div>
</section>
</main>
<footer>
<div class="wrap">
© <span id="y"></span> Insights Augmented · insightsaugmented.com
</div>
</footer>
<script>document.getElementById("y").textContent = new Date().getFullYear();</script>
</body>
</html>
