/* === HERO === */ .hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:100px;overflow:hidden} .hero-content{position:relative;z-index:2;max-width:750px} .hero-eyebrow{margin-bottom:24px} .hero h1{font-size:clamp(42px,6vw,76px);font-weight:900;line-height:1.05;margin-bottom:24px} .hero h1 .line1{display:block;color:#fff} .hero h1 .line2{display:block;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 50%,var(--accent3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero-sub{font-size:18px;color:var(--text2);line-height:1.8;margin-bottom:40px;max-width:560px} .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px} .btn-primary{padding:16px 36px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:700;font-size:16px;transition:all .3s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden} .btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--accent2),var(--accent3));opacity:0;transition:opacity .4s} .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,212,255,.35)} .btn-primary:hover::after{opacity:1} .btn-primary span{position:relative;z-index:1} .btn-secondary{padding:16px 36px;border-radius:14px;background:var(--glass2);color:#fff;font-weight:600;font-size:16px;border:1px solid var(--border2);backdrop-filter:blur(10px);transition:all .3s;cursor:pointer;display:inline-flex;align-items:center;gap:8px} .btn-secondary:hover{background:var(--glass3);border-color:var(--accent);transform:translateY(-3px)} /* Hero Stats Strip */ .hero-stats{display:flex;gap:48px;padding-top:48px;border-top:1px solid var(--border)} .hero-stat{text-align:left} .hero-stat .val{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:800;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero-stat .label{font-size:13px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-top:4px} /* Hero 3D Visual */ .hero-3d{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:650px;height:650px;z-index:1} .hero-3d canvas{width:100%;height:100%} /* Animated ring */ .hero-ring{position:absolute;right:0;top:50%;transform:translateY(-50%);width:500px;height:500px;z-index:1;opacity:.6} .hero-ring .ring{position:absolute;border-radius:50%;border:1px solid var(--border2);animation:spin3d 20s linear infinite} .hero-ring .ring:nth-child(1){inset:0;border-color:rgba(0,212,255,.15);animation-duration:25s} .hero-ring .ring:nth-child(2){inset:40px;border-color:rgba(123,47,255,.15);animation-duration:20s;animation-direction:reverse} .hero-ring .ring:nth-child(3){inset:80px;border-color:rgba(255,45,85,.1);animation-duration:30s} .hero-ring .ring:nth-child(4){inset:120px;border-color:rgba(0,255,136,.1);animation-duration:15s;animation-direction:reverse} .hero-ring .orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);top:-4px;left:50%;animation:orbit-move 8s linear infinite} @keyframes spin3d{0%{transform:rotateX(65deg) rotateZ(0deg)}100%{transform:rotateX(65deg) rotateZ(360deg)}} @keyframes orbit-move{0%{transform:rotate(0deg) translateX(60px)}100%{transform:rotate(360deg) translateX(60px)}} /* === TRUST MARQUEE === */ .trust-marquee{padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative} .marquee-track{display:flex;gap:60px;animation:marquee 30s linear infinite;width:max-content} .marquee-item{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:14px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:2px;flex-shrink:0} .marquee-item .icon{width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)} @keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* === 3D TILT CARDS === */ .card-3d{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius2);padding:40px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;perspective:1000px} .card-3d::before{content:'';position:absolute;inset:0;border-radius:var(--radius2);background:linear-gradient(135deg,rgba(0,212,255,.05),rgba(123,47,255,.05));opacity:0;transition:opacity .5s} .card-3d:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:var(--glow)} .card-3d:hover::before{opacity:1} .card-3d .card-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px;box-shadow:0 8px 32px rgba(0,212,255,.2)} .card-3d h3{font-size:22px;margin-bottom:12px;color:#fff} .card-3d p{color:var(--text2);font-size:15px;line-height:1.7} /* === SERVICES GRID === */ .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px} @media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.services-grid{grid-template-columns:1fr}} /* === ABOUT / FOUNDER === */ .founder-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center} .founder-image{position:relative} .founder-image .img-wrap{width:100%;aspect-ratio:4/5;border-radius:var(--radius3);overflow:hidden;position:relative;border:1px solid var(--border2)} .founder-image .img-wrap img{width:100%;height:100%;object-fit:cover} .founder-image .img-glow{position:absolute;inset:-2px;border-radius:var(--radius3);background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));opacity:.3;filter:blur(30px);z-index:-1} .founder-title-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:50px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:600;font-size:14px;margin-bottom:24px} .founder-content h2{font-size:clamp(32px,4vw,48px);color:#fff;margin-bottom:20px} .founder-content p{color:var(--text2);font-size:16px;line-height:1.8;margin-bottom:16px} .founder-highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px} .founder-highlight{padding:20px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);display:flex;align-items:center;gap:12px} .founder-highlight .fh-icon{width:40px;height:40px;border-radius:12px;background:var(--glass2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0} .founder-highlight .fh-text{font-size:14px;font-weight:500;color:var(--text)} @media(max-width:768px){.founder-section{grid-template-columns:1fr;gap:40px}.founder-highlights{grid-template-columns:1fr}} /* === TIMELINE === */ .timeline{position:relative;margin-top:60px;padding-left:40px} .timeline::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),var(--accent2),var(--accent3),var(--accent4))} .tl-item{position:relative;padding:0 0 48px 40px} .tl-item::before{content:'';position:absolute;left:-28px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);z-index:1} .tl-item .tl-year{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--accent);font-weight:500;margin-bottom:8px} .tl-item .tl-text{font-size:15px;color:var(--text2);line-height:1.7} /* === STATS COUNTER === */ .stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius2);overflow:hidden;margin-top:60px} .stat-cell{padding:48px 32px;text-align:center;position:relative;border-right:1px solid var(--border)} .stat-cell:last-child{border-right:none} .stat-cell .stat-val{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,4vw,52px);font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .stat-cell .stat-label{font-size:13px;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;margin-top:8px} @media(max-width:768px){.stats-strip{grid-template-columns:1fr 1fr}.stat-cell{border-bottom:1px solid var(--border)}} /* === CAMPAIGNS / LOGOS CAROUSEL === */ .campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px} .campaign-card{padding:28px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);text-align:center;transition:all .4s;position:relative;overflow:hidden} .campaign-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));transform:scaleX(0);transition:transform .4s;transform-origin:left} .campaign-card:hover::before{transform:scaleX(1)} .campaign-card:hover{border-color:var(--accent);background:var(--glass2)} .campaign-card .cc-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px} .campaign-card .cc-type{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:1px} .campaign-card .cc-icon{font-size:32px;margin-bottom:12px} @media(max-width:768px){.campaign-grid{grid-template-columns:1fr 1fr}} /* === TESTIMONIALS === */ .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px} .testimonial-card{padding:36px;border-radius:var(--radius2);background:var(--glass);border:1px solid var(--border);transition:all .4s;position:relative} .testimonial-card:hover{border-color:var(--accent2);transform:translateY(-4px)} .testimonial-card .stars{color:#ffd700;font-size:14px;margin-bottom:16px;letter-spacing:2px} .testimonial-card .quote{font-size:15px;color:var(--text2);line-height:1.8;font-style:italic;margin-bottom:24px} .testimonial-card .author{display:flex;align-items:center;gap:12px} .testimonial-card .author-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff} .testimonial-card .author-name{font-weight:600;font-size:14px;color:#fff} .testimonial-card .author-title{font-size:12px;color:var(--text3)} @media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}} /* === CONSULTING / CLICKFATHER SECTION === */ .consulting-block{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius3);padding:80px;position:relative;overflow:hidden;margin-top:60px} .consulting-block::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(123,47,255,.15),transparent 70%);pointer-events:none} .consulting-block h2{font-size:clamp(28px,3.5vw,44px);color:#fff;margin-bottom:20px} .consulting-block p{color:var(--text2);font-size:16px;line-height:1.8;max-width:700px;margin-bottom:32px} .consulting-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px} .case-card{padding:28px;border-radius:var(--radius);background:rgba(255,255,255,.02);border:1px solid var(--border);transition:all .4s} .case-card:hover{border-color:var(--accent2);background:var(--glass2)} .case-card .case-tag{display:inline-block;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px} .case-card .case-tag.emergency{background:rgba(255,45,85,.15);color:var(--accent3)} .case-card .case-tag.launch{background:rgba(0,212,255,.15);color:var(--accent)} .case-card .case-tag.overhaul{background:rgba(123,47,255,.15);color:var(--accent2)} .case-card h4{font-size:18px;color:#fff;margin-bottom:8px} .case-card p{font-size:14px;color:var(--text2);line-height:1.7} @media(max-width:768px){.consulting-block{padding:40px 24px}.consulting-cases{grid-template-columns:1fr}} /* === CONTACT SECTION === */ .contact-section{position:relative} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:60px} .contact-form{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius2);padding:48px} .form-group{margin-bottom:20px} .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px} .form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border-radius:12px;background:var(--glass2);border:1px solid var(--border);color:#fff;font-size:15px;font-family:'Inter',sans-serif;transition:all .3s;outline:none} .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 20px rgba(0,212,255,.1)} .form-group textarea{min-height:120px;resize:vertical} .form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238890a4' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center} .form-group select option{background:var(--bg2);color:#fff} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .btn-submit{width:100%;padding:18px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px} .btn-submit:hover{box-shadow:0 12px 40px rgba(0,212,255,.35);transform:translateY(-2px)} /* Contact Info Panel */ .contact-info{display:flex;flex-direction:column;gap:20px} .contact-card{padding:28px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);display:flex;align-items:center;gap:20px;transition:all .4s;cursor:pointer} .contact-card:hover{border-color:var(--accent);transform:translateX(8px)} .contact-card .cc-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0} .contact-card .cc-icon.phone{background:rgba(0,212,255,.1);color:var(--accent)} .contact-card .cc-icon.email{background:rgba(123,47,255,.1);color:var(--accent2)} .contact-card .cc-icon.cal{background:rgba(0,255,136,.1);color:var(--accent4)} .contact-card .cc-icon.linkedin{background:rgba(0,119,181,.15);color:#0077b5} .contact-card .cc-icon.telegram{background:rgba(0,136,204,.15);color:#0088cc} .contact-card .cc-icon.address{background:rgba(255,45,85,.1);color:var(--accent3)} .contact-card .cc-label{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px} .contact-card .cc-value{font-size:16px;font-weight:600;color:#fff} .contact-card .cc-sub{font-size:13px;color:var(--text2);margin-top:2px} @media(max-width:768px){.contact-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}} /* === FOOTER === */ .footer{padding:60px 0 30px;border-top:1px solid var(--border)} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px} .footer-brand p{color:var(--text3);font-size:14px;line-height:1.8;margin-top:16px;max-width:320px} .footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);margin-bottom:20px} .footer-col a{display:block;font-size:14px;color:var(--text2);margin-bottom:10px;transition:color .3s} .footer-col a:hover{color:var(--accent)} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);font-size:13px;color:var(--text3)} @media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}} /* === SCROLL REVEAL === */ .reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)} .reveal.visible{opacity:1;transform:translateY(0)} .reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s} .reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s} /* === 3D PERSPECTIVE EFFECTS === */ .perspective-container{perspective:1200px} .tilt-card{transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform} /* === GLOW BORDER EFFECT === */ .glow-border{position:relative} .glow-border::after{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3),var(--accent4));opacity:0;transition:opacity .4s;z-index:-1;filter:blur(8px)} .glow-border:hover::after{opacity:.5} /* === PARTICLE CANVAS === */ #particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none} /* === RESPONSIVE === */ @media(max-width:480px){ .hero h1{font-size:36px} .hero-stats{flex-direction:column;gap:24px} .hero-stat .val{font-size:28px} .section{padding:80px 0} }
28 years. $2B+ generated. Campaigns live in 48 hours. High-volume lead generation, pay per call, and customer acquisition for companies that don't have time to wait.
Kevin De Vincenzi got into internet marketing in 1996 — the dial-up era, when banner ads were cutting edge and most people still thought the internet was a fad. While everyone else was figuring out email, Kevin was already running high-scale campaigns on AOL.
A New York native with business in his blood, he founded Rapid Response Marketing in 1998 out of Las Vegas and never looked back. By 1999 he was running user acquisition for X.com before it became PayPal. Then came Blockbuster, AT&T, Netflix, Vonage, Uber, Lyft — and dozens of household names under NDA.
The nickname "The ClickFather" was earned almost 20 years ago by the industry itself — because when people wanted quick scale and real results, they knew exactly who to come see.
Every service is engineered for measurable, scalable results — from the first click to final conversion. No brand awareness fluff.
Insurance, legal, home services, financial, healthcare. Deep expertise in call routing, IVR design, and compliance. Higher connect rates and better conversions than generalist shops.
High-volume, high-intent leads across search, social, native, and email. Full-funnel management from media buying through lead delivery, deduplication, and real-time posting.
Google, Bing, and YouTube campaign management built on 28 years of direct response data. We don't optimize for clicks — we optimize for revenue per dollar spent.
Paid social, Google Shopping, email flows, and conversion rate optimization for DTC brands doing $1M+/year. We've scaled stores from six to eight figures.
High-deliverability, high-converting campaigns that hit inboxes and drive action. List management, segmentation, automation flows, and compliance at scale.
Direct access to Kevin De Vincenzi and senior strategists. Campaign audits, media buying strategy, publisher/network vetting, and performance turnarounds.
There's a reason the phone rings at 2AM. A campaign that was printing money yesterday just flatlined. A $500K/month media buy is hemorrhaging cash. A competitor just stole your top publisher and your revenue is in freefall. That's when people call The ClickFather.
"We were burning through $80K/week on a lead gen campaign that stopped converting overnight. Kevin diagnosed the problem in 40 minutes and rebuilt our approach — back to profitable in 72 hours."
"We had a great product, zero marketing infrastructure, and $200K to spend. Three months with Kevin and we had a full media buying operation generating six figures in monthly revenue."
"Our internal team tried to crack pay per call for 18 months. Millions spent, nothing to show. Kevin rebuilt our routing logic, publisher strategy, and compliance framework — hit our annual target in Q1."
$10K+/week minimum. Campaigns live in 48 hours. Tell us what you need.