<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,⛪”>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–navy: #0f2a4a; –navy-mid: #1a3d6b; –gold: #d4a017; –gold-light: #f5c842;
–cream: #fdf8f0; –warm-gray: #f5f0e8; –white: #ffffff;
–gray: #6b7280; –gray-light: #e5e7eb; –text: #111827;
}
body { font-family: ‘Segoe UI’, system-ui, -apple-system, sans-serif; color: var(–text); overflow-x: hidden; }
a { text-decoration: none; color: inherit; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 40px; }
.badge { display: inline-block; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(–gold); background: rgba(212,160,23,0.12); padding: 5px 14px; border-radius: 20px; margin-bottom: 16px; }
.btn-gold { display: inline-block; background: var(–gold); color: white; font-weight: 700; padding: 14px 28px; border-radius: 8px; font-size: 0.95rem; transition: background 0.2s; }
.btn-gold:hover { background: #b8860b; }
.btn-outline { display: inline-block; background: transparent; color: var(–navy); font-weight: 700; padding: 14px 28px; border-radius: 8px; font-size: 0.95rem; border: 2px solid var(–navy); transition: all 0.2s; }
.btn-outline:hover { background: var(–navy); color: white; }
.btn-outline-white { display: inline-block; background: rgba(255,255,255,0.12); color: white; font-weight: 700; padding: 14px 28px; border-radius: 8px; font-size: 0.95rem; border: 2px solid rgba(255,255,255,0.35); transition: all 0.2s; }
/* NAV */
nav { position: sticky; top: 0; z-index: 100; background: white; border-bottom: 1px solid var(–gray-light); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.nav-logo { font-size: 1.35rem; font-weight: 900; color: var(–navy); }
.nav-logo span { color: var(–gold); }
.nav-links { display: flex; gap: 28px; }
.nav-links a { font-size: 0.875rem; font-weight: 500; color: #4b5563; }
.nav-links a:hover { color: var(–gold); }
.nav-ctas { display: flex; gap: 10px; align-items: center; }
.nav-login { font-size: 0.875rem; font-weight: 600; color: var(–navy); padding: 8px 14px; border: 1px solid var(–gray-light); border-radius: 6px; }
.nav-demo { font-size: 0.875rem; font-weight: 700; color: white; background: var(–gold); padding: 9px 18px; border-radius: 7px; }
/* HERO */
.page-hero { background: linear-gradient(160deg, #fef9ec 0%, #fdf3d0 50%, #f0e8c8 100%); padding: 80px 0 0; overflow: hidden; }
.hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.hero-text { padding-bottom: 80px; }
.hero-text h1 { font-size: 2.8rem; font-weight: 900; line-height: 1.1; color: var(–navy); margin-bottom: 20px; }
.hero-text h1 em { color: var(–gold); font-style: normal; }
.hero-text p { font-size: 1rem; color: #374151; line-height: 1.75; margin-bottom: 32px; }
.hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; }
.hero-check-row { display: flex; flex-wrap: wrap; gap: 16px; }
.hero-check { display: flex; align-items: center; gap: 6px; font-size: 0.82rem; color: #374151; }
.hero-check::before { content: ‘✓’; color: var(–gold); font-weight: 900; }
/* Pipeline visual */
.pipeline-visual { background: white; border-radius: 16px 16px 0 0; box-shadow: 0 -8px 60px rgba(15,42,74,0.15); overflow: hidden; }
.pv-topbar { background: var(–navy); height: 40px; display: flex; align-items: center; padding: 0 16px; gap: 6px; }
.pv-dot { width: 8px; height: 8px; border-radius: 50%; }
.pv-title { font-size: 0.6rem; color: rgba(255,255,255,0.6); margin-left: 12px; font-weight: 600; }
.pv-body { padding: 16px; background: #f8fafc; }
.pv-stages { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 12px; }
.pv-stage { background: white; border-radius: 8px; padding: 8px; border: 1px solid var(–gray-light); }
.pv-stage-label { font-size: 0.5rem; font-weight: 800; text-transform: uppercase; color: var(–gray); margin-bottom: 6px; }
.pv-stage-count { font-size: 1.1rem; font-weight: 900; color: var(–navy); }
.pv-stage-sub { font-size: 0.45rem; color: var(–gray); }
.pv-rows { display: flex; flex-direction: column; gap: 6px; }
.pv-row { display: flex; align-items: center; gap: 8px; background: white; border-radius: 8px; padding: 8px 10px; border: 1px solid var(–gray-light); }
.pv-avatar { width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 0.5rem; font-weight: 700; color: white; }
.pv-info { flex: 1; }
.pv-name { font-size: 0.58rem; font-weight: 700; color: var(–navy); }
.pv-detail { font-size: 0.48rem; color: var(–gray); }
.pv-tag { font-size: 0.42rem; font-weight: 700; padding: 2px 7px; border-radius: 10px; }
.tag-new { background: rgba(34,197,94,0.12); color: #16a34a; }
.tag-follow { background: rgba(212,160,23,0.12); color: #92700a; }
.tag-member { background: rgba(15,42,74,0.1); color: var(–navy); }
.pv-ai { background: rgba(212,160,23,0.07); border: 1px solid rgba(212,160,23,0.2); border-radius: 8px; padding: 8px 10px; display: flex; gap: 8px; align-items: flex-start; }
.pv-ai-label { font-size: 0.5rem; font-weight: 800; color: var(–gold); white-space: nowrap; }
.pv-ai-text { font-size: 0.5rem; color: var(–navy); line-height: 1.4; }
/* PROBLEM */
.problem { background: white; padding: 72px 0; border-top: 1px solid var(–gray-light); }
.problem-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.problem-text h2 { font-size: 2rem; font-weight: 900; color: var(–navy); margin-bottom: 16px; line-height: 1.2; }
.problem-text p { font-size: 0.95rem; color: var(–gray); line-height: 1.75; margin-bottom: 24px; }
.problem-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }
.problem-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 0.9rem; color: var(–navy); line-height: 1.5; }
.problem-list li::before { content: ‘✗’; color: #dc2626; font-weight: 900; font-size: 1rem; flex-shrink: 0; margin-top: 1px; }
.problem-visual { background: var(–warm-gray); border-radius: 16px; padding: 28px; }
.stat-block { background: white; border-radius: 12px; padding: 20px 24px; margin-bottom: 14px; border: 1px solid var(–gray-light); }
.stat-num { font-size: 2.4rem; font-weight: 900; color: var(–navy); }
.stat-label { font-size: 0.82rem; color: var(–gray); margin-top: 4px; line-height: 1.5; }
.stat-source { font-size: 0.65rem; color: #9ca3af; margin-top: 8px; }
/* HOW IT WORKS */
.how-it-works { background: var(–cream); padding: 72px 0; border-top: 3px solid rgba(212,160,23,0.2); }
.hiw-header { text-align: center; margin-bottom: 56px; }
.hiw-header h2 { font-size: 2.2rem; font-weight: 900; color: var(–navy); margin-bottom: 12px; }
.hiw-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; position: relative; }
.hiw-steps::before { content: ”; position: absolute; top: 28px; left: 60px; right: 60px; height: 2px; background: linear-gradient(to right, var(–gold), rgba(212,160,23,0.2)); z-index: 0; }
.hiw-step { background: white; border-radius: 16px; padding: 28px 24px; border: 1px solid var(–gray-light); box-shadow: 0 4px 16px rgba(15,42,74,0.06); position: relative; z-index: 1; }
.hiw-num { width: 44px; height: 44px; border-radius: 50%; background: var(–gold); color: white; font-weight: 900; font-size: 1rem; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.hiw-step h3 { font-size: 1rem; font-weight: 800; color: var(–navy); margin-bottom: 8px; }
.hiw-step p { font-size: 0.82rem; color: var(–gray); line-height: 1.6; }
/* FEATURES */
.features-deep { background: white; padding: 72px 0; border-top: 1px solid var(–gray-light); }
.fd-header { text-align: center; margin-bottom: 56px; }
.fd-header h2 { font-size: 2.2rem; font-weight: 900; color: var(–navy); margin-bottom: 12px; }
.fd-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.fd-card { background: var(–cream); border-radius: 16px; padding: 28px; border: 1px solid rgba(212,160,23,0.12); }
.fd-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(212,160,23,0.12); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; margin-bottom: 16px; }
.fd-card h3 { font-size: 1rem; font-weight: 800; color: var(–navy); margin-bottom: 8px; }
.fd-card p { font-size: 0.82rem; color: var(–gray); line-height: 1.65; }
/* VS TABLE */
.vs-section { background: var(–navy); padding: 72px 0; }
.vs-header { text-align: center; margin-bottom: 48px; }
.vs-header h2 { font-size: 2rem; font-weight: 900; color: white; margin-bottom: 8px; }
.vs-header p { font-size: 0.95rem; color: rgba(255,255,255,0.55); }
.vs-table { background: rgba(255,255,255,0.05); border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); max-width: 860px; margin: 0 auto; }
.vs-row { display: grid; grid-template-columns: 2fr 1fr 1fr; border-bottom: 1px solid rgba(255,255,255,0.06); }
.vs-row:last-child { border-bottom: none; }
.vs-row.header { background: rgba(255,255,255,0.07); }
.vs-cell { padding: 14px 20px; font-size: 0.82rem; color: rgba(255,255,255,0.65); display: flex; align-items: center; }
.vs-row.header .vs-cell { font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255,255,255,0.4); }
.vs-cell.ca { color: var(–gold-light); font-weight: 700; }
.vs-check { color: #4ade80; font-weight: 900; }
.vs-x { color: #f87171; font-weight: 900; }
/* PRICING CTA */
.pricing-cta-section { background: var(–cream); padding: 72px 0; border-top: 3px solid rgba(212,160,23,0.2); }
.pcs-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 800px; margin: 0 auto; }
.pcs-header { text-align: center; margin-bottom: 40px; }
.pcs-header h2 { font-size: 2rem; font-weight: 900; color: var(–navy); margin-bottom: 8px; }
.price-card { background: white; border-radius: 20px; overflow: hidden; border: 1px solid var(–gray-light); box-shadow: 0 4px 20px rgba(15,42,74,0.06); }
.price-card.featured { border-color: var(–gold); box-shadow: 0 8px 40px rgba(212,160,23,0.2); }
.price-header { padding: 28px 28px 20px; border-bottom: 1px solid var(–gray-light); }
.price-card.featured .price-header { background: var(–navy); border-color: transparent; }
.price-badge { display: inline-block; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; background: var(–gold); color: white; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }
.price-name { font-size: 1rem; font-weight: 800; color: var(–navy); margin-bottom: 6px; }
.price-card.featured .price-name { color: white; }
.price-amount { font-size: 2.4rem; font-weight: 900; color: var(–navy); }
.price-card.featured .price-amount { color: white; }
.price-amount sup { font-size: 1rem; font-weight: 600; opacity: 0.6; }
.price-amount span { font-size: 1rem; font-weight: 500; opacity: 0.5; }
.price-desc { font-size: 0.8rem; color: var(–gray); margin-top: 6px; }
.price-card.featured .price-desc { color: rgba(255,255,255,0.55); }
.price-body { padding: 24px 28px; }
.price-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
.price-features li { font-size: 0.82rem; color: var(–navy); display: flex; gap: 8px; }
.price-features li::before { content: ‘✓’; color: var(–gold); font-weight: 900; flex-shrink: 0; }
.price-cta { display: block; text-align: center; font-weight: 700; font-size: 0.9rem; padding: 13px; border-radius: 10px; border: 2px solid var(–navy); color: var(–navy); transition: all 0.2s; }
.price-card.featured .price-cta { background: var(–gold); border-color: var(–gold); color: white; }
.price-cta:hover { background: var(–navy); color: white; }
/* FINAL CTA */
.final-cta { padding: 80px 0; background: linear-gradient(160deg, var(–navy) 0%, #1a3d6b 100%); text-align: center; overflow: hidden; position: relative; }
.final-cta::before { content: ”; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(212,160,23,0.15) 0%, transparent 70%); }
.final-cta h2 { font-size: 2.4rem; font-weight: 900; color: white; margin-bottom: 14px; position: relative; }
.final-cta p { font-size: 1rem; color: rgba(255,255,255,0.65); margin-bottom: 36px; position: relative; }
.final-ctas { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }
/* FOOTER */
footer { background: #060f1a; padding: 40px 0 24px; }
.footer-bottom { display: flex; justify-content: space-between; font-size: 0.75rem; color: rgba(255,255,255,0.35); flex-wrap: wrap; gap: 8px; }
.footer-brand { font-size: 1.1rem; font-weight: 900; color: white; margin-bottom: 16px; }
.footer-brand span { color: var(–gold); }
@media (max-width: 900px) {
.hero-inner, .problem-inner { grid-template-columns: 1fr; }
.hero-text { padding-bottom: 0; }
.hiw-steps { grid-template-columns: 1fr 1fr; }
.hiw-steps::before { display: none; }
.fd-grid { grid-template-columns: 1fr 1fr; }
.pcs-inner { grid-template-columns: 1fr; max-width: 440px; }
}
@media (max-width: 640px) {
.container { padding: 0 20px; }
.hero-text h1 { font-size: 2rem; }
nav .nav-links { display: none; }
.hiw-steps, .fd-grid { grid-template-columns: 1fr; }
.vs-row { grid-template-columns: 2fr 1fr 1fr; }
}
/* ── QA FIX: mobile overflow ── */
html, body { overflow-x: hidden; max-width: 100%; }
.container, .inner, .section-inner, [class*=”container”], [class*=”inner”] {
max-width: 100% !important;
box-sizing: border-box;
}
@media (max-width: 768px) {
[style*=”min-width”] { min-width: 0 !important; }
table { display: block; overflow-x: auto; width: 100%; }
.grid, [class*=”grid”] { grid-template-columns: 1fr !important; }
img, video, iframe { max-width: 100% !important; height: auto !important; }
}
Stop Losing Visitors
After First Sunday
ChurchAutomate’s visitor pipeline tracks every person from first contact to membership — with AI follow-ups that sound like your pastor, not a robot.
Most Churches Lose 60% of First-Time Visitors
Not because they don’t care — but because follow-up is manual, inconsistent, and always feels late.
- Visitor cards sit in a pile until Monday — or Tuesday, or never
- Pastor is too drained after Sunday to write personal messages
- No one knows who followed up, what was said, or what the next step is
- Spreadsheets get stale and eventually abandoned
- Families visit 2-3 times and disappear with no one noticing
From First Sunday to Membership — Automatically
Visitor Checks In
Via SMS text, a kiosk QR code, or your website welcome form. No app download needed. Works on any phone.
Pipeline Created Instantly
Visitor is added to your pipeline with their name, contact info, how they heard about you, and any notes your greeter adds.
AI Follow-Up Drafted
Within minutes, ChurchAutomate drafts a warm, personal message in your pastor’s voice. One tap to approve and send — or let it go automatically.
Journey Tracked
Visitor moves through pipeline stages — First Visit → Follow-Up → Connected → Member. AI surfaces the right next step at each stage.
Everything Your Visitor Pipeline Needs
SMS + Web Check-In
Visitors text a number or scan a QR code. Their info flows directly into the pipeline — no manual entry, no paper forms.
AI Follow-Up in Your Voice
ChurchAutomate learns your church’s tone. Every message sounds personal because it’s trained on how your pastor actually communicates.
Visual Pipeline Board
See every visitor and where they are in their journey. Drag and drop to update stages. Nothing falls through the cracks.
Pastor Alerts
Get notified about high-priority visitors — someone who’s visited 3 times, mentioned a life event, or hasn’t been back in 30 days.
Full Contact History
Every message sent, every stage change, every note — in one timeline per person. No searching through texts or emails.
Planning Center & Breeze Sync
Already using a ChMS? ChurchAutomate syncs automatically. No duplicate data entry. Your existing tools get smarter.
ChurchAutomate vs. The Alternatives
See how we compare to spreadsheets, generic CRMs, and doing nothing.
Church CRM is Included in Every Plan
No add-on fees. No per-contact pricing. Just flat monthly pricing that scales with your church.
- Full visitor pipeline CRM
- AI follow-up messages
- SMS + web check-in
- Planning Center sync
- Email support
- Everything in Neighborhood
- Multilingual follow-up (20+ languages)
- Advanced pipeline automation
- Giving insights + lapsed giver alerts
- Groups & volunteer management
- Priority support
Stop Losing Visitors
After First Sunday
Book a free 30-minute strategy call. We’ll walk through your current visitor follow-up process and show you exactly what it would look like automated.