<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Quiet Shift | Subconscious-Level Transformation for High Achievers</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg: #0e0e0e;
--bg2: #161616;
--bg3: #1e1e1e;
--gold: #c9a84c;
--gold-light: #e2c47a;
--cream: #f4ede0;
--text: #e8e0d4;
--muted: #7a7468;
--border: rgba(201, 168, 76, 0.18);
--font-display: 'Cormorant Garamond', Georgia, serif;
--font-body: 'DM Sans', sans-serif;
}
html { scroll-behavior: smooth; }
body {
background: var(--bg);
color: var(--text);
font-family: var(--font-body);
font-size: 16px;
line-height: 1.7;
overflow-x: hidden;
}
/* NAV */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.25rem 4rem;
background: rgba(14,14,14,0.92);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border);
}
.nav-logo {
font-family: var(--font-display);
font-size: 1.1rem;
letter-spacing: 0.12em;
color: var(--gold);
text-transform: uppercase;
text-decoration: none;
}
.nav-links { display: flex; gap: 2.5rem; list-style: none; }
.nav-links a {
font-size: 0.78rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--muted);
text-decoration: none;
transition: color 0.2s;
}
.nav-links a:hover { color: var(--gold); }
.nav-cta {
font-size: 0.78rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--bg);
background: var(--gold);
padding: 0.6rem 1.4rem;
border: none;
cursor: pointer;
font-family: var(--font-body);
font-weight: 500;
text-decoration: none;
transition: background 0.2s;
}
.nav-cta:hover { background: var(--gold-light); }
/* HERO */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: 8rem 4rem 5rem;
position: relative;
overflow: hidden;
}
.hero-bg {
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 60% 50% at 80% 50%, rgba(201,168,76,0.06) 0%, transparent 70%),
radial-gradient(ellipse 40% 60% at 10% 80%, rgba(201,168,76,0.04) 0%, transparent 60%);
}
.hero-line {
position: absolute;
top: 0; bottom: 0;
left: 52%;
width: 1px;
background: linear-gradient(to bottom, transparent, var(--border) 30%, var(--border) 70%, transparent);
opacity: 0.6;
}
.hero-content {
position: relative;
max-width: 640px;
animation: fadeUp 1s ease both;
}
.eyebrow {
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.eyebrow::before {
content: '';
width: 2rem;
height: 1px;
background: var(--gold);
display: inline-block;
}
h1 {
font-family: var(--font-display);
font-size: clamp(2.8rem, 5.5vw, 4.5rem);
font-weight: 300;
line-height: 1.08;
color: var(--cream);
margin-bottom: 1.5rem;
letter-spacing: -0.01em;
}
h1 em {
font-style: italic;
color: var(--gold-light);
}
.hero-sub {
font-size: 1.05rem;
color: var(--muted);
max-width: 500px;
margin-bottom: 2.5rem;
line-height: 1.8;
font-weight: 300;
}
.cta-primary {
display: inline-block;
background: var(--gold);
color: var(--bg);
font-family: var(--font-body);
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 1rem 2.5rem;
text-decoration: none;
transition: background 0.2s, transform 0.15s;
border: none;
cursor: pointer;
}
.cta-primary:hover { background: var(--gold-light); transform: translateY(-1px); }
.cta-sub {
display: block;
margin-top: 0.9rem;
font-size: 0.75rem;
color: var(--muted);
letter-spacing: 0.05em;
}
.hero-stat {
position: absolute;
right: 4rem;
bottom: 4rem;
text-align: right;
animation: fadeUp 1s ease 0.3s both;
}
.stat-number {
font-family: var(--font-display);
font-size: 4rem;
font-weight: 300;
color: var(--gold);
line-height: 1;
}
.stat-label {
font-size: 0.72rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--muted);
max-width: 160px;
margin-left: auto;
line-height: 1.5;
margin-top: 0.4rem;
}
/* RECOGNITION STRIP */
.recognition {
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 2rem 4rem;
background: var(--bg2);
}
.recognition-inner {
display: flex;
align-items: center;
gap: 3rem;
flex-wrap: wrap;
}
.recognition-label {
font-size: 0.68rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--muted);
white-space: nowrap;
}
.recognition-items {
display: flex;
gap: 2.5rem;
flex-wrap: wrap;
}
.recognition-item {
font-size: 0.75rem;
letter-spacing: 0.08em;
color: rgba(228,220,212,0.45);
text-transform: uppercase;
}
/* MIRROR SECTION */
.mirror {
padding: 7rem 4rem;
max-width: 1100px;
margin: 0 auto;
}
.section-eyebrow {
font-size: 0.68rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1rem;
}
h2 {
font-family: var(--font-display);
font-size: clamp(2rem, 4vw, 3.2rem);
font-weight: 300;
line-height: 1.15;
color: var(--cream);
margin-bottom: 1.5rem;
}
h2 em { font-style: italic; color: var(--gold-light); }
.mirror-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
margin-top: 4rem;
align-items: start;
}
.mirror-confessions {
display: flex;
flex-direction: column;
gap: 1rem;
}
.confession {
border-left: 2px solid var(--border);
padding: 1rem 1.25rem;
font-family: var(--font-display);
font-size: 1.05rem;
font-style: italic;
color: rgba(228,220,212,0.7);
line-height: 1.6;
transition: border-color 0.2s, color 0.2s;
}
.confession:hover {
border-color: var(--gold);
color: var(--cream);
}
.mirror-text p {
color: var(--muted);
margin-bottom: 1.25rem;
font-weight: 300;
font-size: 0.95rem;
line-height: 1.85;
}
.mirror-text .highlight {
font-family: var(--font-display);
font-size: 1.2rem;
font-style: italic;
color: var(--cream);
border-left: 2px solid var(--gold);
padding-left: 1rem;
margin: 1.5rem 0;
line-height: 1.5;
}
/* HOW IT WORKS */
.process {
background: var(--bg2);
padding: 7rem 4rem;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.process-inner { max-width: 1100px; margin: 0 auto; }
.process-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
margin-top: 4rem;
}
.step {
position: relative;
padding-top: 1.5rem;
border-top: 1px solid var(--border);
}
.step-number {
font-family: var(--font-display);
font-size: 3rem;
font-weight: 300;
color: var(--border);
line-height: 1;
margin-bottom: 1rem;
}
.step-title {
font-family: var(--font-display);
font-size: 1.3rem;
color: var(--cream);
margin-bottom: 0.75rem;
font-weight: 400;
}
.step-body {
font-size: 0.88rem;
color: var(--muted);
line-height: 1.8;
font-weight: 300;
}
/* PROGRAM */
.program {
padding: 7rem 4rem;
max-width: 1100px;
margin: 0 auto;
}
.program-box {
background: var(--bg3);
border: 1px solid var(--border);
padding: 4rem;
position: relative;
overflow: hidden;
}
.program-box::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(to right, transparent, var(--gold), transparent);
}
.program-name {
font-family: var(--font-display);
font-size: clamp(1.8rem, 3.5vw, 2.8rem);
font-weight: 300;
color: var(--cream);
margin-bottom: 0.5rem;
}
.program-tagline {
font-size: 0.8rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 2rem;
}
.program-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
margin-top: 2.5rem;
}
.program-includes h4 {
font-size: 0.72rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1rem;
}
.program-includes ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.program-includes li {
font-size: 0.88rem;
color: var(--muted);
display: flex;
align-items: flex-start;
gap: 0.75rem;
line-height: 1.5;
}
.program-includes li::before {
content: '—';
color: var(--gold);
flex-shrink: 0;
margin-top: 0.05em;
}
.program-cta-box {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 1.25rem;
}
.program-cta-box p {
font-size: 0.88rem;
color: var(--muted);
line-height: 1.8;
font-weight: 300;
}
/* TESTIMONIALS */
.testimonials {
background: var(--bg2);
padding: 7rem 4rem;
border-top: 1px solid var(--border);
}
.testimonials-inner { max-width: 1100px; margin: 0 auto; }
.testi-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 4rem;
}
.testi-card {
padding: 2rem;
border: 1px solid var(--border);
background: var(--bg3);
position: relative;
}
.testi-quote {
font-family: var(--font-display);
font-size: 1rem;
font-style: italic;
color: rgba(228,220,212,0.75);
line-height: 1.7;
margin-bottom: 1.5rem;
}
.testi-author {
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--gold);
}
.testi-role {
font-size: 0.72rem;
color: var(--muted);
margin-top: 0.2rem;
}
/* FAQ */
.faq {
padding: 7rem 4rem;
max-width: 760px;
margin: 0 auto;
}
.faq-item {
border-bottom: 1px solid var(--border);
padding: 1.5rem 0;
}
.faq-q {
font-family: var(--font-display);
font-size: 1.1rem;
color: var(--cream);
margin-bottom: 0.75rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-a {
font-size: 0.88rem;
color: var(--muted);
line-height: 1.85;
font-weight: 300;
}
/* FINAL CTA */
.final-cta {
padding: 8rem 4rem;
text-align: center;
position: relative;
overflow: hidden;
}
.final-cta-bg {
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(201,168,76,0.07) 0%, transparent 70%);
}
.final-cta-inner {
position: relative;
max-width: 680px;
margin: 0 auto;
}
.final-cta h2 {
font-size: clamp(2.2rem, 4.5vw, 3.5rem);
margin-bottom: 1.25rem;
}
.final-cta p {
font-size: 1rem;
color: var(--muted);
margin-bottom: 2.5rem;
line-height: 1.8;
font-weight: 300;
}
/* FOOTER */
footer {
border-top: 1px solid var(--border);
padding: 2rem 4rem;
display: flex;
justify-content: space-between;
align-items: center;
background: var(--bg2);
font-size: 0.75rem;
color: var(--muted);
letter-spacing: 0.05em;
}
footer a { color: var(--muted); text-decoration: none; }
footer a:hover { color: var(--gold); }
/* ANIMATIONS */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
/* RESPONSIVE */
@media (max-width: 860px) {
nav { padding: 1rem 1.5rem; }
.nav-links { display: none; }
.hero { padding: 7rem 1.5rem 5rem; }
.hero-stat { position: static; text-align: left; margin-top: 3rem; }
.hero-line { display: none; }
.mirror { padding: 5rem 1.5rem; }
.mirror-grid { grid-template-columns: 1fr; gap: 3rem; }
.process { padding: 5rem 1.5rem; }
.process-steps { grid-template-columns: 1fr; gap: 2rem; }
.program { padding: 5rem 1.5rem; }
.program-box { padding: 2rem; }
.program-grid { grid-template-columns: 1fr; gap: 2rem; }
.testimonials { padding: 5rem 1.5rem; }
.testi-grid { grid-template-columns: 1fr; }
.faq { padding: 5rem 1.5rem; }
.final-cta { padding: 6rem 1.5rem; }
footer { padding: 1.5rem; flex-direction: column; gap: 0.75rem; text-align: center; }
.recognition { padding: 1.5rem; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<a href="#" class="nav-logo">The Quiet Shift</a>
<ul class="nav-links">
<li><a href="#about">The Problem</a></li>
<li><a href="#process">How It Works</a></li>
<li><a href="#program">The Program</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
<a href="#strategy-call" class="nav-cta">Book Strategy Call</a>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-bg"></div>
<div class="hero-line"></div>
<div class="hero-content">
<div class="eyebrow">The Quiet Shift Protocol</div>
<h1>You built the life.<br><em>So why does it feel<br>like someone else's?</em></h1>
<p class="hero-sub">You look completely together from the outside. Inside, you're exhausted from performing a version of yourself that doesn't quite exist. There's a way out — and it doesn't take years.</p>
<a href="#strategy-call" class="cta-primary">Book Your Free Strategy Call</a>
<span class="cta-sub">No obligation. 45 minutes. Potentially life-changing.</span>
</div>
<div class="hero-stat">
<div class="stat-number">1</div>
<div class="stat-label">session is often all it takes</div>
</div>
</section>
<!-- RECOGNITION -->
<div class="recognition">
<div class="recognition-inner">
<span class="recognition-label">This is for</span>
<div class="recognition-items">
<span class="recognition-item">Senior Executives</span>
<span class="recognition-item">Founders & Entrepreneurs</span>
<span class="recognition-item">High-Performing Professionals</span>
<span class="recognition-item">Leaders Who Feel Stuck</span>
</div>
</div>
</div>
<!-- MIRROR SECTION -->
<section class="mirror" id="about">
<div class="section-eyebrow">Do you recognise yourself here?</div>
<h2>The gap between who you<br>appear to be and who you <em>feel</em> you are</h2>
<div class="mirror-grid">
<div class="mirror-confessions">
<div class="confession">"I have everything I ever wanted — but I feel nothing. It's like I'm looking at my life from the outside."</div>
<div class="confession">"I'm exhausted from pretending. The longer I do it, the harder it gets to ask for help."</div>
<div class="confession">"Everyone thinks I have it together. Inside I'm bracing for the moment it all falls apart."</div>
<div class="confession">"I've done the therapy, read the books. I know where it comes from. It still hasn't changed."</div>
<div class="confession">"I don't recognise the person I've built. I maintain the façade, but privately I feel completely lost."</div>
</div>
<div class="mirror-text">
<p>These are the words high-achieving professionals use when they finally stop performing — usually at midnight, alone, in the one moment nobody is watching.</p>
<div class="highlight">"The most exhausting thing isn't the job. It's performing a version of yourself all day that doesn't actually exist."</div>
<p>You're not broken. You're not ungrateful. You haven't failed. What you're experiencing has a name, a root cause, and most importantly — a solution that doesn't require years of talking about it.</p>
<p>The Quiet Shift works at the subconscious level where the pattern actually lives. That's why the results are rapid, deep, and lasting — often in a single session.</p>
</div>
</div>
</section>
<!-- HOW IT WORKS -->
<section class="process" id="process">
<div class="process-inner">
<div class="section-eyebrow">The Process</div>
<h2>Three steps between you<br>and <em>your actual self</em></h2>
<div class="process-steps">
<div class="step">
<div class="step-number">01</div>
<div class="step-title">The Strategy Call</div>
<p class="step-body">A free 45-minute conversation. We get specific about what's actually happening beneath the surface — not the symptoms, the source. By the end, you'll know exactly what's keeping you stuck and whether we're the right fit.</p>
</div>
<div class="step">
<div class="step-number">02</div>
<div class="step-title">The Session</div>
<p class="step-body">We bypass the intellectual understanding you already have and work directly with the subconscious pattern. Most clients experience a profound shift in a single session — not gradual improvement, a genuine before-and-after.</p>
</div>
<div class="step">
<div class="step-number">03</div>
<div class="step-title">The Integration</div>
<p class="step-body">The change is real. The follow-up support ensures it becomes your new baseline. You don't go back to performing. You move forward as the version of yourself that was always there underneath.</p>
</div>
</div>
</div>
</section>
<!-- PROGRAM -->
<section class="program" id="program">
<div class="section-eyebrow">The Program</div>
<div class="program-box">
<div class="program-name">The Quiet Shift</div>
<div class="program-tagline">Subconscious-Level Transformation for High Achievers</div>
<p style="font-size: 0.9rem; color: var(--muted); max-width: 560px; line-height: 1.85; font-weight: 300;">For driven professionals who are done carrying the weight of a persona that no longer fits. This isn't coaching. This isn't traditional therapy. This is precise, intentional work — designed for people who have already tried everything else and need something that actually reaches the root.</p>
<div class="program-grid">
<div class="program-includes">
<h4>The Experience</h4>
<ul>
<li>A strategy call where we identify not just the symptoms — but the source. This conversation matters more than most people expect.</li>
<li>One deep, focused session. For most clients, this is where the shift happens — not gradually, but completely.</li>
<li>A closing conversation at the end of the session, so you leave with full understanding of what just changed and why — not confusion, clarity.</li>
<li>You're not abandoned after the door closes. If something surfaces in the days that follow, you reach out. That's part of this.</li>
</ul>
</div>
<div class="program-cta-box">
<p>The strategy call is free, and it's where we determine whether this is right for you. There's no pressure — only an honest conversation about what's possible.</p>
<p style="font-size: 0.8rem; color: rgba(122,116,104,0.7);">Sessions delivered via Zoom worldwide.</p>
<a href="#strategy-call" class="cta-primary">Book the Strategy Call</a>
</div>
</div>
</div>
</section>
<!-- TESTIMONIALS -->
<section class="testimonials">
<div class="testimonials-inner">
<div class="section-eyebrow">Client Experiences</div>
<h2>What shifts when the<br><em>performance stops</em></h2>
<div class="testi-grid">
<div class="testi-card">
<div class="testi-quote">"I'd spent three years in therapy understanding exactly why I felt like a fraud. One session with [Name] and the feeling was simply gone. I don't know how else to explain it."</div>
<div class="testi-author">Managing Director</div>
<div class="testi-role">Financial Services, London</div>
</div>
<div class="testi-card">
<div class="testi-quote">"I walked in expecting to talk for an hour. What happened instead reached somewhere that years of coaching never touched. I left feeling like myself for the first time in a decade."</div>
<div class="testi-author">Founder & CEO</div>
<div class="testi-role">Technology Sector</div>
</div>
<div class="testi-card">
<div class="testi-quote">"The exhaustion of performing confidence I didn't feel was costing me everything — my relationships, my sleep, my ability to enjoy what I'd built. After one session, I stopped waiting to be found out."</div>
<div class="testi-author">Senior Partner</div>
<div class="testi-role">Professional Services</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="faq" id="faq">
<div class="section-eyebrow">Questions</div>
<h2>What you're <em>probably</em> wondering</h2>
<div style="margin-top: 3rem;">
<div class="faq-item">
<div class="faq-q">Is this actually possible in one session?</div>
<div class="faq-a">For most clients, yes. The Protocol works differently from traditional therapy because it doesn't require you to process the past consciously and repeatedly — it works directly with the subconscious where the pattern lives. That's why the shift is rapid. The core change typically happens in one session.</div>
</div>
<div class="faq-item">
<div class="faq-q">I've tried therapy and coaching. Why would this be different?</div>
<div class="faq-a">Most therapy and coaching works at the conscious level — it builds insight and understanding. You learn where the pattern came from. What it doesn't do is remove it. The Quiet Shift goes to where the pattern is actually stored and updates it at the subconscious level. That's a fundamentally different mechanism, which is why people who've tried everything else often find this to be the thing that finally works.</div>
</div>
<div class="faq-item">
<div class="faq-q">Does it work via Zoom?</div>
<div class="faq-a">Absolutely. The work translates perfectly online. Clients join from across the world. All you need is a quiet space, a good connection, and around 90 minutes.</div>
</div>
<div class="faq-item">
<div class="faq-q">What does the strategy call involve?</div>
<div class="faq-a">It's a genuine conversation — not a sales call. We talk specifically about what you're experiencing, what you've already tried, and what you actually want. I'll tell you honestly whether I think I can help and what that would look like. There's no pressure either way.</div>
</div>
<div class="faq-item">
<div class="faq-q">Is this confidential?</div>
<div class="faq-a">Completely. Everything discussed remains entirely private. Many clients are senior professionals for whom discretion is non-negotiable — that's fully understood and respected here.</div>
</div>
</div>
</section>
<!-- FINAL CTA -->
<section class="final-cta" id="strategy-call">
<div class="final-cta-bg"></div>
<div class="final-cta-inner">
<div class="section-eyebrow">Ready?</div>
<h2>The version of you that doesn't need to <em>perform</em> is still there.</h2>
<p>One conversation is all it takes to find out if this is the thing that finally changes everything. The call is free. The shift can be permanent.</p>
<a href="/cdn-cgi/l/email-protection#7b131e1717143b02140e091f14161a12155518141644080e19111e180f46280f091a0f1e1c025b381a17175b291e0a0e1e080f" class="cta-primary">Book Your Free Strategy Call</a>
<span class="cta-sub" style="display: block; margin-top: 1rem; font-size: 0.75rem; color: var(--muted);">Or email <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f9919c959596b980968c8b9d9694989097d79a9694">[email protected]</a> — typically respond within 24 hours</span>
</div>
</section>
<!-- FOOTER -->
<footer>
<span>© 2026 The Quiet Shift</span>
<span>Trained under Scott Jansen · Sessions available worldwide via Zoom</span>
