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