You’re Booked In | Untamed Fit
@import url(‘
https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600&display=swap’);
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–black: #0d0d0d;
–white: #ffffff;
–orange: #E8571A;
–orange-dark: #c44410;
–grey-light: #f5f5f5;
–grey-mid: #e0e0e0;
–grey-text: #666;
–max: 1100px;
}
html { scroll-behavior: smooth; }
body {
font-family: ‘Inter’, sans-serif;
background: var(–white);
color: var(–black);
font-size: 16px;
line-height: 1.6;
}
/* ── HERO ── */
.hero {
background: var(–black);
color: var(–white);
padding: 80px 24px 72px;
text-align: center;
}
.hero-eyebrow {
display: inline-block;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–orange);
margin-bottom: 20px;
}
.hero h1 {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(48px, 8vw, 90px);
line-height: 0.95;
letter-spacing: 0.02em;
margin-bottom: 24px;
}
.hero h1 span {
color: var(–orange);
}
.hero-sub {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.75);
max-width: 560px;
margin: 0 auto 36px;
line-height: 1.7;
}
.btn-primary {
display: inline-block;
background: var(–orange);
color: var(–white);
font-family: ‘Inter’, sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
padding: 16px 36px;
border-radius: 2px;
transition: background 0.2s;
}
.btn-primary:hover { background: var(–orange-dark); }
/* ── SECTION WRAPPER ── */
.section {
padding: 80px 24px;
}
.section-inner {
max-width: var(–max);
margin: 0 auto;
}
.section-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–orange);
margin-bottom: 12px;
}
.section-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(34px, 5vw, 54px);
line-height: 1;
margin-bottom: 16px;
letter-spacing: 0.02em;
}
.section-intro {
font-size: 16px;
color: var(–grey-text);
max-width: 620px;
margin-bottom: 48px;
line-height: 1.7;
}
/* ── WHAT TO EXPECT VIDEOS ── */
.expect-bg {
background: var(–grey-light);
}
.videos-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
}
/* Add a third slot easily — just copy a .video-card block */
.video-card {
background: var(–white);
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}
.video-card .video-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-card .video-wrap iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: none;
}
.video-card-body {
padding: 20px 22px;
}
.video-card-num {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.15em;
color: var(–orange);
text-transform: uppercase;
margin-bottom: 6px;
}
.video-card-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 22px;
letter-spacing: 0.03em;
color: var(–black);
}
/* ── SURVEY CTA ── */
.survey-band {
background: var(–orange);
padding: 48px 24px;
text-align: center;
color: var(–white);
}
.survey-band h2 {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(28px, 4vw, 44px);
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.survey-band p {
font-size: 15px;
opacity: 0.9;
margin-bottom: 28px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.btn-white {
display: inline-block;
background: var(–white);
color: var(–orange);
font-family: ‘Inter’, sans-serif;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
padding: 15px 34px;
border-radius: 2px;
transition: opacity 0.2s;
}
.btn-white:hover { opacity: 0.88; }
/* ── CLIENT INTERVIEWS ── */
.interviews-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 28px;
}
.interview-card {
background: var(–grey-light);
border-radius: 4px;
overflow: hidden;
}
.interview-card .video-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.interview-card .video-wrap iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: none;
}
.interview-card-name {
padding: 14px 16px;
font-weight: 600;
font-size: 15px;
color: var(–black);
}
/* ── RESULTS GRID ── */
.results-bg {
background: var(–black);
color: var(–white);
}
.results-bg .section-title {
color: var(–white);
}
.results-bg .section-intro {
color: rgba(255,255,255,0.6);
}
.results-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 12px;
}
.results-grid img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 3px;
display: block;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.results-grid img:hover {
transform: scale(1.02);
opacity: 0.9;
}
/* ── FINAL CTA ── */
.final-cta {
background: var(–black);
color: var(–white);
text-align: center;
padding: 80px 24px;
border-top: 1px solid #222;
}
.final-cta .section-title { color: var(–white); }
.final-cta p {
color: rgba(255,255,255,0.65);
font-size: 16px;
margin-bottom: 32px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
/* ── DIVIDER ── */
.divider {
width: 40px;
height: 3px;
background: var(–orange);
margin-bottom: 32px;
}
/* ── RESPONSIVE ── */
@media (max-width: 600px) {
.section { padding: 56px 18px; }
.hero { padding: 60px 18px 56px; }
.videos-grid { grid-template-columns: 1fr; }
.interviews-grid { grid-template-columns: 1fr; }
.results-grid { grid-template-columns: repeat(2, 1fr); }
}
Untamed Fit
Your call is
booked.
Here’s what’s next.
Watch the short videos below before we speak. It’ll make our conversation more productive and make sure we hit the ground running.
Complete Your Pre-Call Survey →
Before We Speak
Watch These First
Two short videos from Glenn — what to expect on the call and what we’ll cover together.
Watch First
Your Call Is Booked — What’s Next?
Watch Second
What Needs to Change This Time
<!–
Watch Third
Video Title Here
–>
Complete Your Pre-Call Survey
Takes 3 minutes. Helps Glenn understand where you’re at so we can make the most of our time together.
Complete the Survey →
About Glenn
Who You’re Speaking With
A quick introduction from Glenn before your call.
Real Clients. Real Results.
Hear It From Them
These aren’t highlight reels. These are honest conversations with people who were exactly where you are now.
Client Transformations
The Results Speak
for Themselves
Every single one of these people started exactly where you are now.
One Last Thing
Don’t Forget Your Survey
If you haven’t done it yet, complete the pre-call survey before we speak. It takes 3 minutes and makes the call significantly more useful for both of us.
Complete the Pre-Call Survey →
Untamed Fitness 