Moon Consulting LLC
:root {
–ink: #0f0f0f;
–paper: #faf9f7;
–silver: #c8cdd4;
–moon: #e8e4dc;
–accent: #2a3a5c;
–accent-light: #4a6090;
–text-muted: #6b7280;
–border: #e5e2db;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: ‘DM Sans’, sans-serif;
background: var(–paper);
color: var(–ink);
line-height: 1.6;
overflow-x: hidden;
}
/* NAV */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5rem 4rem;
background: rgba(250,249,247,0.92);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(–border);
}
.logo {
display: flex;
align-items: center;
gap: 0.75rem;
text-decoration: none;
color: var(–ink);
}
.logo-mark {
width: 36px;
height: 36px;
position: relative;
}
.logo-text {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 0.04em;
}
.nav-links {
display: flex;
gap: 2.5rem;
list-style: none;
}
.nav-links a {
text-decoration: none;
color: var(–text-muted);
font-size: 0.85rem;
font-weight: 400;
letter-spacing: 0.06em;
text-transform: uppercase;
transition: color 0.2s;
}
.nav-links a:hover { color: var(–ink); }
.nav-cta {
background: var(–accent);
color: #fff !important;
padding: 0.6rem 1.4rem;
border-radius: 2px;
transition: background 0.2s !important;
}
.nav-cta:hover { background: var(–accent-light) !important; color: #fff !important; }
/* HERO */
.hero {
min-height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
padding: 8rem 4rem 4rem;
position: relative;
overflow: hidden;
}
.hero::before {
content: ”;
position: absolute;
top: -20%;
right: -10%;
width: 60vw;
height: 60vw;
border-radius: 50%;
background: radial-gradient(circle, rgba(200,205,212,0.18) 0%, transparent 70%);
pointer-events: none;
}
.hero-content {
max-width: 560px;
animation: fadeUp 0.9s ease both;
}
.hero-eyebrow {
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(–accent);
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.hero-eyebrow::before {
content: ”;
display: block;
width: 32px;
height: 1px;
background: var(–accent);
}
h1 {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(3rem, 5vw, 4.5rem);
font-weight: 300;
line-height: 1.1;
letter-spacing: -0.01em;
margin-bottom: 1.75rem;
color: var(–ink);
}
h1 em {
font-style: italic;
color: var(–accent);
}
.hero-sub {
font-size: 1.05rem;
color: var(–text-muted);
max-width: 440px;
margin-bottom: 2.5rem;
font-weight: 300;
line-height: 1.75;
}
.hero-actions {
display: flex;
gap: 1rem;
align-items: center;
}
.btn-primary {
background: var(–accent);
color: #fff;
border: none;
padding: 0.875rem 2rem;
font-family: ‘DM Sans’, sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.04em;
cursor: pointer;
border-radius: 2px;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
display: inline-block;
}
.btn-primary:hover { background: var(–accent-light); transform: translateY(-1px); }
.btn-ghost {
color: var(–ink);
text-decoration: none;
font-size: 0.875rem;
font-weight: 400;
display: flex;
align-items: center;
gap: 0.5rem;
transition: gap 0.2s;
}
.btn-ghost:hover { gap: 0.75rem; }
.hero-visual {
display: flex;
justify-content: center;
align-items: center;
animation: fadeIn 1.2s ease both 0.3s;
}
.moon-graphic {
width: 380px;
height: 380px;
position: relative;
}
/* STATS */
.stats-bar {
background: var(–accent);
color: #fff;
padding: 3rem 4rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
text-align: center;
}
.stat-item {}
.stat-num {
font-family: ‘Cormorant Garamond’, serif;
font-size: 2.75rem;
font-weight: 300;
line-height: 1;
margin-bottom: 0.4rem;
}
.stat-label {
font-size: 0.78rem;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.7;
}
/* SERVICES */
.services {
padding: 8rem 4rem;
}
.section-header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: end;
margin-bottom: 5rem;
}
.section-eyebrow {
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(–accent);
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.section-eyebrow::before {
content: ”;
display: block;
width: 24px;
height: 1px;
background: var(–accent);
}
h2 {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(2rem, 3.5vw, 3rem);
font-weight: 300;
line-height: 1.15;
color: var(–ink);
}
h2 em { font-style: italic; color: var(–accent); }
.section-desc {
font-size: 0.975rem;
color: var(–text-muted);
line-height: 1.8;
font-weight: 300;
align-self: end;
}
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
background: var(–border);
}
.service-card {
background: var(–paper);
padding: 3rem 2.5rem;
transition: background 0.3s;
cursor: default;
}
.service-card:hover { background: #fff; }
.service-num {
font-family: ‘Cormorant Garamond’, serif;
font-size: 3rem;
font-weight: 300;
color: var(–border);
line-height: 1;
margin-bottom: 2rem;
}
.service-icon {
width: 44px;
height: 44px;
margin-bottom: 1.5rem;
}
.service-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 1rem;
color: var(–ink);
}
.service-desc {
font-size: 0.9rem;
color: var(–text-muted);
line-height: 1.75;
font-weight: 300;
}
/* ABOUT */
.about {
padding: 8rem 4rem;
background: var(–ink);
color: var(–paper);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6rem;
align-items: center;
}
.about .section-eyebrow { color: var(–silver); }
.about .section-eyebrow::before { background: var(–silver); }
.about h2 { color: var(–paper); }
.about h2 em { color: var(–silver); }
.about-body {
font-size: 1rem;
line-height: 1.85;
color: rgba(250,249,247,0.65);
font-weight: 300;
margin: 1.75rem 0;
}
.about-features {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.about-features li {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 0.9rem;
color: rgba(250,249,247,0.75);
}
.about-features li::before {
content: ”;
width: 20px;
height: 1px;
background: var(–silver);
flex-shrink: 0;
}
.about-visual {
display: flex;
justify-content: center;
}
/* PROCESS */
.process {
padding: 8rem 4rem;
}
.process-steps {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
position: relative;
}
.process-steps::before {
content: ”;
position: absolute;
top: 28px;
left: 10%;
right: 10%;
height: 1px;
background: var(–border);
z-index: 0;
}
.process-step {
text-align: center;
padding: 0 1.5rem;
position: relative;
z-index: 1;
}
.step-circle {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1px solid var(–border);
background: var(–paper);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 2rem;
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.25rem;
font-weight: 400;
color: var(–accent);
transition: background 0.3s, border-color 0.3s;
}
.process-step:hover .step-circle {
background: var(–accent);
border-color: var(–accent);
color: #fff;
}
.step-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0.75rem;
color: var(–ink);
}
.step-desc {
font-size: 0.875rem;
color: var(–text-muted);
line-height: 1.7;
font-weight: 300;
}
/* CTA */
.cta {
padding: 8rem 4rem;
text-align: center;
background: var(–moon);
position: relative;
overflow: hidden;
}
.cta::before {
content: ”;
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, rgba(42,58,92,0.06) 0%, transparent 70%);
}
.cta-inner {
position: relative;
max-width: 640px;
margin: 0 auto;
}
.cta h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
.cta p {
font-size: 1rem;
color: var(–text-muted);
margin: 1.5rem 0 2.5rem;
font-weight: 300;
line-height: 1.75;
}
/* FOOTER */
footer {
background: var(–ink);
color: rgba(250,249,247,0.5);
padding: 3rem 4rem;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.825rem;
}
.footer-logo {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.1rem;
color: var(–paper);
font-weight: 400;
letter-spacing: 0.04em;
}
.footer-links {
display: flex;
gap: 2rem;
list-style: none;
}
.footer-links a {
color: rgba(250,249,247,0.4);
text-decoration: none;
transition: color 0.2s;
font-size: 0.8rem;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.footer-links a:hover { color: var(–paper); }
/* ANIMATIONS */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes rotateSlow {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.rotate-slow { animation: rotateSlow 40s linear infinite; }
/* RESPONSIVE */
@media (max-width: 900px) {
nav { padding: 1.25rem 2rem; }
.nav-links { display: none; }
.hero, .about { grid-template-columns: 1fr; padding: 6rem 2rem 4rem; gap: 3rem; }
.hero-visual { display: none; }
.stats-bar { grid-template-columns: repeat(2, 1fr); padding: 2rem; }
.services { padding: 5rem 2rem; }
.section-header { grid-template-columns: 1fr; gap: 1.5rem; }
.services-grid { grid-template-columns: 1fr; }
.process { padding: 5rem 2rem; }
.process-steps { grid-template-columns: 1fr 1fr; gap: 3rem; }
.process-steps::before { display: none; }
.cta { padding: 5rem 2rem; }
footer { flex-direction: column; gap: 1.5rem; text-align: center; padding: 2rem; }
}
Moon Consulting
Strategy that
illuminates
your path forward.
Moon Consulting LLC partners with businesses to craft clear marketing strategies, build stronger brands, and unlock sustainable growth.
Consulting services built for real results.
We work with businesses at every stage — from early-stage startups finding their voice to established companies ready to scale. Our approach is precise, practical, and always tailored.
Comprehensive go-to-market planning, channel selection, and campaign frameworks designed to drive measurable awareness and qualified leads.
From positioning and messaging architecture to visual identity refinement — we help you build a brand that resonates and endures.
Identify your highest-leverage growth opportunities, eliminate inefficiencies, and build repeatable systems that scale with your business.
SEO, paid media, content marketing, and email strategy — executed with precision and measured against outcomes that actually matter.
Design, launch, and optimize affiliate marketing programs — including partnerships with major retailers like Home Depot — to drive revenue through trusted referrals.
Ongoing strategic guidance for founders and leadership teams navigating competitive markets, pivots, fundraising, and operational challenges.
Clarity in complexity.
Results you can see.
Moon Consulting LLC was founded on a simple belief: that every business deserves strategic clarity. We bring the expertise of large-firm consulting with the agility and attention of a dedicated partner.
- Industry-certified strategists and former CMOs
- Deep expertise across B2B and B2C markets
- Data-informed, human-centered approach
- Transparent pricing, no long-term lock-ins
- Serving clients nationwide from McKinney, TX
A proven process,
every time.
No cookie-cutter playbooks. Every engagement begins with deep listening and ends with measurable impact. Here’s how we get there.
We start by understanding your business, goals, market position, and the challenges standing between you and growth.
We build a clear, prioritized roadmap tailored to your specific situation — not a template pulled off the shelf.
We work alongside your team to implement, test, and refine — staying hands-on throughout the process.
We measure outcomes against real KPIs and optimize continuously so your momentum compounds over time.
Ready to elevate
your business?
Whether you’re looking to launch a new marketing program, grow your brand, or build a smarter affiliate strategy — we’re ready to help. Let’s start with a conversation.
Moon Consulting LLC 