:root {
--eg-navy:#09283d;
--eg-deep:#061927;
--eg-blue:#168ed1;
--eg-cyan:#43b9dc;
--eg-red:#cf2d2f;
--eg-orange:#f26f3d;
--eg-gold:#f5aa24;
--eg-cream:#fbf8ef;
--eg-ink:#08141c;
--eg-muted:#5d6a73;
--eg-line:rgba(8,20,28,.14);
--eg-rail:1500px;
--eg-shadow:0 26px 80px rgba(8,20,28,.18);
}
body.page .page-header,
body.page .entry-title { display:none !important; }
body.page .site-main,
body.page .page-content,
body.page .entry-content {
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}
body.page .ekit-template-content-header {
position:absolute;
inset:0 0 auto;
z-index:100;
}
body.page .ekit-template-content-header .nav { margin-top:18px; }
body.page { overflow-x:hidden; }
.eg-page,
.eg-page * { box-sizing:border-box; }
.eg-page {
overflow:visible;
color:var(--eg-ink);
background:var(--eg-cream);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.eg-page a { color:inherit; text-decoration:none; }
.eg-page img,
.eg-page video,
.eg-page iframe { display:block; max-width:100%; }
.eg-rail {
width:min(var(--eg-rail), calc(100vw - clamp(34px, 7vw, 112px)));
margin:0 auto;
}
.eg-kicker {
display:flex;
justify-content:center;
align-items:center;
gap:14px;
margin:0 0 22px;
color:currentColor;
font-size:13px;
font-weight:950;
line-height:1.1;
text-transform:uppercase;
}
.eg-kicker::before {
content:"";
width:clamp(52px, 5vw, 86px);
height:4px;
background:var(--eg-red);
flex:0 0 auto;
}
.eg-page h1,
.eg-page h2,
.eg-page h3,
.eg-page p { margin-top:0; }
.eg-page h1 {
max-width:980px;
margin:0 auto 18px;
color:#fff;
font-size:clamp(42px, 5.4vw, 82px);
line-height:.95;
letter-spacing:0;
text-align:center;
text-transform:uppercase;
}
.eg-subtitle {
max-width:1040px;
margin:0 auto 18px;
color:#fff;
font-size:clamp(24px, 3vw, 44px);
line-height:1.08;
font-weight:850;
text-align:center;
}
.eg-lead {
max-width:880px;
margin:0 auto;
color:rgba(255,255,255,.82);
font-size:clamp(18px, 1.6vw, 24px);
line-height:1.45;
text-align:center;
}
.eg-section .eg-lead {
color:var(--eg-muted);
text-align:left;
}
.eg-btn-row {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
margin-top:28px;
}
.eg-btn {
display:inline-flex;
min-height:48px;
align-items:center;
justify-content:center;
padding:0 22px;
border-radius:999px;
font-weight:950;
line-height:1;
white-space:nowrap;
transition:transform .18s ease, box-shadow .18s ease;
}
.eg-btn:hover { transform:translateY(-2px); box-shadow:0 16px 38px rgba(8,20,28,.18); }
.eg-btn.primary { color:#fff; background:linear-gradient(135deg,var(--eg-red),var(--eg-orange)); }
.eg-btn.dark { color:#fff; background:var(--eg-navy); }
.eg-btn.light { color:var(--eg-navy); background:#fff; }
.eg-hero {
position:relative;
min-height:86svh;
display:grid;
align-items:center;
padding:clamp(168px, 18vw, 230px) 0 clamp(72px, 9vw, 120px);
color:#fff;
isolation:isolate;
background:var(--eg-navy);
}
.eg-hero-media {
position:absolute;
inset:0;
z-index:-3;
overflow:hidden;
}
.eg-hero-media img,
.eg-hero-media iframe {
width:100%;
height:100%;
object-fit:cover;
opacity:.42;
filter:saturate(.92) contrast(1.02);
}
.eg-hero::before {
content:"";
position:absolute;
inset:0;
z-index:-2;
background:
radial-gradient(circle at 20% 18%, rgba(207,45,47,.42), transparent 31%),
radial-gradient(circle at 86% 20%, rgba(22,142,209,.28), transparent 36%),
linear-gradient(135deg, rgba(6,25,39,.9), rgba(9,40,61,.74));
}
.eg-hero::after {
content:"";
position:absolute;
inset:auto 0 0;
height:25%;
z-index:-1;
background:linear-gradient(transparent, var(--eg-cream));
}
.eg-hero-inner { text-align:center; }
.eg-hero-stats {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1px;
max-width:940px;
margin:clamp(34px, 5vw, 66px) auto 0;
overflow:hidden;
border:1px solid rgba(255,255,255,.2);
border-radius:8px;
background:rgba(255,255,255,.14);
backdrop-filter:blur(16px);
}
.eg-hero-stat {
padding:clamp(18px, 2.4vw, 28px);
background:rgba(9,40,61,.38);
}
.eg-hero-stat strong {
display:block;
font-size:clamp(30px, 3.4vw, 52px);
line-height:.9;
}
.eg-hero-stat span {
display:block;
margin-top:9px;
color:rgba(255,255,255,.72);
font-size:12px;
font-weight:950;
line-height:1.25;
text-transform:uppercase;
}
.eg-section { padding:clamp(72px, 9vw, 132px) 0; }
.eg-section.tight { padding-top:clamp(46px, 6vw, 82px); }
.eg-section h2 {
margin:0;
color:var(--eg-navy);
font-size:clamp(34px, 4.2vw, 62px);
line-height:.98;
letter-spacing:0;
text-transform:uppercase;
}
.eg-section h3 {
margin:0 0 12px;
color:var(--eg-navy);
font-size:clamp(22px, 2vw, 34px);
line-height:1.06;
}
.eg-head {
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(300px,.5fr);
gap:clamp(24px, 6vw, 92px);
align-items:end;
margin-bottom:clamp(34px, 5vw, 72px);
}
.eg-head .eg-kicker { justify-content:flex-start; color:var(--eg-navy); }
.eg-grid-3 {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(16px, 2.2vw, 28px);
}
.eg-card,
.eg-case,
.eg-quote-card {
border:1px solid var(--eg-line);
border-radius:8px;
background:#fff;
box-shadow:0 18px 50px rgba(8,20,28,.07);
overflow:hidden;
}
.eg-card { padding:clamp(22px, 2.5vw, 34px); }
.eg-card b {
display:inline-flex;
width:42px;
height:42px;
align-items:center;
justify-content:center;
margin-bottom:18px;
border-radius:50%;
color:#fff;
background:var(--eg-red);
font-weight:1000;
}
.eg-card p,
.eg-case p,
.eg-quote-card p {
margin-bottom:0;
color:var(--eg-muted);
line-height:1.55;
}
.eg-motion {
min-height:auto;
}
.eg-motion-wrap {
display:grid;
grid-template-columns:minmax(280px,340px) minmax(0,1fr);
gap:clamp(24px, 3.5vw, 52px);
align-items:start;
position:relative;
}
.eg-motion-side {
position:sticky;
top:118px;
display:grid;
gap:14px;
}
.eg-motion-nav {
padding:22px;
border:1px solid var(--eg-line);
border-radius:8px;
background:#fff;
box-shadow:0 18px 50px rgba(8,20,28,.06);
}
.eg-motion-nav .eg-kicker { justify-content:flex-start; color:var(--eg-navy); }
.eg-motion-nav a {
display:block;
padding:13px 0;
border-bottom:1px solid rgba(8,20,28,.08);
color:rgba(9,40,61,.74);
font-weight:950;
}
.eg-motion-nav a:last-child { border-bottom:0; }
.eg-motion-nav a.active,
.eg-motion-nav a:hover { color:var(--eg-red); }
.eg-motion-stage {
position:relative;
display:grid;
gap:clamp(22px, 3vw, 34px);
align-items:start;
min-height:0;
}
.eg-panel {
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(320px,.72fr);
gap:clamp(24px, 4vw, 58px);
align-items:center;
padding:clamp(30px, 4vw, 58px);
border:1px solid var(--eg-line);
border-radius:8px;
background:#fff;
box-shadow:var(--eg-shadow);
}
.eg-panel:not(.active) { display:grid; }
.eg-panel p {
color:var(--eg-muted);
font-size:clamp(18px, 1.6vw, 23px);
line-height:1.52;
}
.eg-media-card {
position:relative;
min-height:360px;
border-radius:8px;
overflow:hidden;
background:linear-gradient(135deg,var(--eg-navy),#123b56);
}
.eg-media-card img,
.eg-media-card iframe {
width:100%;
height:100%;
min-height:360px;
object-fit:cover;
opacity:.78;
}
.eg-media-card::after {
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(207,45,47,.4), transparent 58%);
pointer-events:none;
}
.eg-dark {
color:#fff;
background:
radial-gradient(circle at 18% 24%, rgba(207,45,47,.32), transparent 32%),
radial-gradient(circle at 86% 76%, rgba(22,142,209,.26), transparent 34%),
linear-gradient(135deg, var(--eg-deep), var(--eg-navy));
}
.eg-dark h2,
.eg-dark h3 { color:#fff; }
.eg-dark .eg-kicker { color:#fff; }
.eg-dark .eg-lead { color:rgba(255,255,255,.76); }
.eg-case {
background:rgba(255,255,255,.08);
border-color:rgba(255,255,255,.16);
box-shadow:none;
}
.eg-case img {
width:100%;
aspect-ratio:1.5/1;
object-fit:cover;
opacity:.82;
}
.eg-case-body { padding:clamp(22px, 2.6vw, 34px); }
.eg-case-metrics {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1px;
margin-top:22px;
background:rgba(255,255,255,.14);
border-radius:8px;
overflow:hidden;
}
.eg-case-metrics span {
display:grid;
gap:6px;
padding:14px;
color:rgba(255,255,255,.74);
background:rgba(255,255,255,.06);
font-size:11px;
font-weight:950;
line-height:1.15;
text-transform:uppercase;
}
.eg-case-metrics strong {
color:#fff;
font-size:clamp(24px, 2.6vw, 38px);
line-height:.95;
}
.eg-proof-scroll { min-height:190vh; }
.eg-proof-layout {
display:grid;
grid-template-columns:minmax(300px,.52fr) minmax(0,1fr);
gap:clamp(28px, 6vw, 96px);
align-items:start;
}
.eg-proof-copy {
position:sticky;
top:34px;
}
.eg-proof-copy .eg-kicker { justify-content:flex-start; color:var(--eg-navy); }
.eg-quote-stack {
display:grid;
gap:24px;
}
.eg-quote-card {
min-height:300px;
padding:clamp(26px, 3vw, 44px);
}
.eg-quote-card p {
color:var(--eg-navy);
font-size:clamp(22px, 2.4vw, 36px);
line-height:1.16;
font-weight:850;
}
.eg-quote-card span {
display:block;
margin-top:24px;
color:var(--eg-red);
font-size:13px;
font-weight:950;
text-transform:uppercase;
}
.eg-faq {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eg-faq article {
padding:clamp(22px, 2.5vw, 34px);
border:1px solid var(--eg-line);
border-radius:8px;
background:#fff;
}
.eg-faq p { margin-bottom:0; color:var(--eg-muted); line-height:1.55; }
.eg-final {
text-align:center;
color:#fff;
background:
radial-gradient(circle at 16% 24%, rgba(207,45,47,.36), transparent 30%),
radial-gradient(circle at 84% 70%, rgba(22,142,209,.34), transparent 32%),
var(--eg-navy);
}
.eg-final h2 {
max-width:960px;
margin:0 auto;
color:#fff;
text-align:center;
}
.eg-final p {
max-width:760px;
margin:20px auto 0;
color:rgba(255,255,255,.78);
font-size:clamp(19px, 2vw, 25px);
line-height:1.35;
text-align:center;
}
.eg-reveal {
opacity:0;
transform:translateY(32px);
transition:opacity .7s ease, transform .7s ease;
}
.eg-reveal.visible {
opacity:1;
transform:translateY(0);
}
.eg-fly-left { transform:translateX(-42px); }
.eg-fly-right { transform:translateX(42px); }
.eg-fly-left.visible,
.eg-fly-right.visible { transform:translateX(0); }
@media (max-width:1080px) {
body.page .ekit-template-content-header .nav { margin-top:10px; }
.eg-head,
.eg-motion-wrap,
.eg-panel,
.eg-proof-layout { grid-template-columns:1fr; }
.eg-motion { min-height:auto; }
.eg-motion-side,
.eg-motion-stage,
.eg-proof-copy { position:relative; top:auto; }
.eg-motion-stage { min-height:0; }
.eg-panel:not(.active) { display:grid; }
.eg-grid-3 { grid-template-columns:1fr 1fr; }
}
@media (max-width:680px) {
.eg-rail { width:min(100% - 32px, var(--eg-rail)); }
.eg-hero { min-height:78svh; padding-top:142px; }
.eg-page h1 { font-size:clamp(38px, 12vw, 58px); }
.eg-subtitle { font-size:clamp(22px, 7vw, 32px); }
.eg-grid-3,
.eg-faq,
.eg-case-metrics { grid-template-columns:1fr; }
.eg-hero-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
.eg-hero-stat { padding:16px 8px; }
.eg-hero-stat strong { font-size:clamp(25px, 8vw, 34px); }
.eg-hero-stat span { font-size:9px; }
.eg-btn { width:100%; }
.eg-btn-row { align-items:stretch; }
.eg-media-card,
.eg-media-card img,
.eg-media-card iframe { min-height:260px; }
}
Built for search, trust, and conversion
A page should rank, sell, and prove the next step.
Every interior page is built like a focused growth asset: clear SEO intent, sharp positioning, proof, motion, CTAs, and a reason for the right patient or practice owner to keep moving.
01Market clarity
Know what patients search, what competitors own, and where the practice can win attention.
02Conversion focus
Create the pages, proof, and CTAs that make the next step feel obvious.
03Measurement discipline
Track calls, forms, appointments, and revenue signals so growth is not guesswork.
01 Growth step
Diagnose the opportunity
We identify demand, search gaps, conversion gaps, call gaps, and proof gaps.
02 Growth step
Build the growth path
The site, campaigns, content, and follow-up system are aligned to one practical outcome.
03 Growth step
Scale what works
Performance signals show where to invest, what to fix, and what to expand.
Case-study style proof
Growth Path Framework
Each practice type needs a different path. The framework connects stage, service mix, local demand, and patient conversion.

Conversion path
Focused messaging, proof, and follow-up connected campaign attention to real patient opportunity.
90Days6LeversROITracked

Patient trust
Education, reviews, provider credibility, and service clarity reduce hesitation before patients ever reach the front desk.
TrustSignalsCTAClarityCallsTracked

Growth visibility
Marketing should show which pages, channels, and conversations create valuable patient movement.
ROIModelLeadSourceBookRate
Questions that convert
Answer the objections before they slow the lead down.
These sections are written for SEO and buyer confidence. They can expand later into deeper FAQs, schema, and supporting blog content.
What should this page rank for?
Multi-Location Dental Marketing, dental marketing strategy, patient acquisition, and related service-stage searches.
Can this page use real video?
Yes. The hero and motion sections are built so placeholder imagery can be replaced with video backgrounds or GIFs.
Can we add case studies later?
Yes. The proof blocks are structured to accept real client results when approved.
Ready to become the obvious choice?
Let’s build the page, campaign, and follow-up path that makes growth measurable.
Bring us the goal. We will map the smartest next move and show where Energize can create momentum.
(() => {
const io = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) entry.target.classList.add('visible');
});
}, { threshold: 0.12 });
document.querySelectorAll('.eg-reveal').forEach((el) => io.observe(el));
document.querySelectorAll('.eg-motion').forEach((section) => {
const links = [...section.querySelectorAll('[data-eg-tab]')];
const panels = [...section.querySelectorAll('[data-eg-panel]')];
if (!links.length || !panels.length) return;
const setActive = (index) => {
links.forEach((link, i) => link.classList.toggle('active', i === index));
panels.forEach((panel, i) => panel.classList.toggle('active', i === index));
};
links.forEach((link, index) => link.addEventListener('click', (event) => {
event.preventDefault();
const target = panels[index].getBoundingClientRect().top + window.scrollY - 120;
window.scrollTo({ top: target, behavior: 'smooth' });
setActive(index);
}));
const panelObserver = new IntersectionObserver((entries) => {
const visible = entries
.filter((entry) => entry.isIntersecting)
.sort((a, b) => b.intersectionRatio - a.intersectionRatio)[0];
if (!visible) return;
const index = panels.indexOf(visible.target);
if (index >= 0) setActive(index);
}, { threshold: [0.25, 0.45, 0.65], rootMargin: "-18% 0px -42% 0px" });
panels.forEach((panel) => panelObserver.observe(panel));
setActive(0);
});
})();