html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
}
#ssds-paid-page-v1,
#ssds-paid-page-v1 * {
box-sizing: border-box;
}
#ssds-paid-page-v1 {
font-family: "Outfit", sans-serif;
color: #111111;
background: #ffffff;
width: 100%;
max-width: 100%;
margin: 0 auto;
position: relative;
}
#ssds-paid-page-v1 img {
max-width: 100%;
height: auto;
display: block;
}
#ssds-paid-page-v1 a {
transition: all 0.25s ease;
}
/* HEADER */
.ssds-paid-header-v1 {
position: absolute;
top: 28px;
left: 0;
width: 100%;
z-index: 20;
padding: 0 56px;
}
.ssds-paid-header-inner-v1 {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
}
.ssds-paid-logo-v1 {
display: inline-flex;
align-items: center;
text-decoration: none !important;
line-height: 1;
flex: 0 0 auto;
}
.ssds-paid-logo-v1 img {
width: auto;
height: 34px;
max-height: 34px;
object-fit: contain;
}
.ssds-paid-nav-wrap-v1,
.ssds-paid-nav-v1 {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 18px;
flex-wrap: nowrap;
}
.ssds-paid-nav-v1 a,
.ssds-paid-nav-v1 a:visited,
.ssds-paid-nav-v1 a:hover,
.ssds-paid-nav-v1 a:focus {
color: #ffffff !important;
text-decoration: none !important;
}
.ssds-paid-nav-v1 a {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1;
white-space: nowrap;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.28);
}
.ssds-paid-nav-v1 a:hover {
opacity: 0.92;
transform: translateY(-1px);
}
.ssds-paid-nav-cta-v1 {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 11px 18px;
border-radius: 999px;
background: linear-gradient(135deg, #111111 0%, #11111b 100%);
border: 1px solid rgba(255,255,255,0.88);
font-weight: 700 !important;
letter-spacing: 0.04em;
box-shadow:
0 14px 32px rgba(0,0,0,0.24),
0 0 16px rgba(255,20,147,0.16);
}
.ssds-paid-nav-cta-v1:hover {
transform: translateY(-2px) scale(1.03);
background: linear-gradient(135deg, #ff1493 0%, #ff63ba 100%);
box-shadow:
0 18px 38px rgba(0,0,0,0.26),
0 0 22px rgba(255,20,147,0.30);
}
/* HERO */
.ssds-paid-hero-v1 {
position: relative;
width: 100%;
min-height: 680px;
overflow: hidden;
display: flex;
align-items: center;
background:
radial-gradient(circle at 78% 20%, rgba(255,20,147,0.28), transparent 28%),
linear-gradient(135deg, #050816 0%, #11111b 42%, #2a0f22 100%);
}
.ssds-paid-hero-overlay-v1 {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(
90deg,
rgba(5, 8, 22, 0.82) 0%,
rgba(17, 17, 27, 0.58) 42%,
rgba(255, 20, 147, 0.16) 100%
);
}
.ssds-paid-hero-content-v1 {
position: relative;
z-index: 2;
width: 100%;
max-width: 1352px;
margin: 0 auto;
padding: 170px 56px 120px;
}
.ssds-paid-hero-copy-v1 {
max-width: 660px;
}
.ssds-paid-badge-row-v1 {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
}
.ssds-paid-badge-row-v1 .ssds-paid-kicker-v1 {
margin-bottom: 0;
}
.ssds-paid-check-v1 {
flex: 0 0 auto;
width: 52px;
height: 52px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #ff1493 0%, #ff63ba 100%);
color: #ffffff;
box-shadow:
0 14px 34px rgba(0,0,0,0.24),
0 0 24px rgba(255,20,147,0.36);
}
.ssds-paid-check-v1 svg {
width: 26px;
height: 26px;
fill: currentColor;
}
.ssds-paid-kicker-v1 {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
padding: 9px 16px;
border-radius: 999px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.18);
color: #ffffff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.ssds-paid-hero-copy-v1 h1 {
margin: 0 0 16px;
color: #ffffff;
font-size: 46px;
line-height: 1.05;
font-weight: 800;
letter-spacing: -0.025em;
text-shadow: 0 3px 14px rgba(0,0,0,0.30);
}
.ssds-paid-lead-v1 {
max-width: 620px;
margin: 0 0 26px;
color: rgba(255,255,255,0.94);
font-size: 17px;
line-height: 1.74;
font-weight: 400;
}
.ssds-paid-actions-v1 {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.ssds-paid-btn-primary-v1,
.ssds-paid-btn-secondary-v1 {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 14px 28px;
border-radius: 999px;
text-decoration: none !important;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.03em;
}
.ssds-paid-btn-primary-v1 {
background: linear-gradient(135deg, #ff1493 0%, #ff63ba 100%);
color: #ffffff !important;
border: 1px solid rgba(255,255,255,0.22);
box-shadow:
0 14px 34px rgba(0,0,0,0.24),
0 0 18px rgba(255,20,147,0.30);
}
.ssds-paid-btn-primary-v1:hover {
transform: translateY(-2px) scale(1.05);
background: linear-gradient(135deg, #ff2aa0 0%, #ff7cc8 100%);
box-shadow:
0 18px 38px rgba(0,0,0,0.26),
0 0 24px rgba(255,20,147,0.34);
}
.ssds-paid-btn-secondary-v1 {
background: rgba(255,255,255,0.10);
color: #ffffff !important;
border: 1px solid rgba(255,255,255,0.24);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.ssds-paid-btn-secondary-v1:hover {
transform: translateY(-2px) scale(1.05);
background: rgba(255,20,147,0.16);
border-color: rgba(255,20,147,0.55);
box-shadow: 0 0 18px rgba(255,20,147,0.20);
}
/* QUICK STRIP */
.ssds-paid-quick-strip-v1 {
position: relative;
z-index: 4;
margin-top: -58px;
padding: 0 56px;
}
.ssds-paid-quick-grid-v1 {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.ssds-paid-quick-card-v1 {
background: #ffffff;
border: 1px solid rgba(255,20,147,0.10);
border-radius: 24px;
padding: 24px 22px;
box-shadow: 0 18px 45px rgba(17,17,27,0.10);
transition: all 0.25s ease;
}
.ssds-paid-quick-card-v1:hover {
transform: translateY(-4px);
background: #fff4f9;
border-color: rgba(255,20,147,0.25);
box-shadow: 0 24px 50px rgba(17,17,27,0.12);
}
.ssds-paid-quick-card-v1 strong {
display: block;
margin-bottom: 8px;
font-size: 17px;
font-weight: 700;
color: #111111;
transition: color 0.25s ease;
}
.ssds-paid-quick-card-v1 span {
display: block;
color: #555555;
font-size: 15px;
line-height: 1.6;
}
.ssds-paid-quick-card-v1:hover strong {
color: #ff1493;
}
/* SECTION BASE */
.ssds-paid-section-v1 {
width: 100%;
padding: 90px 56px;
}
.ssds-paid-section-soft-v1 {
background: #fff8fc;
}
.ssds-paid-head-v1 {
max-width: 780px;
margin: 0 auto 42px;
text-align: center;
}
.ssds-paid-label-v1 {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
padding: 8px 14px;
border-radius: 999px;
background: #ffdff1;
color: #ff1493;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ssds-paid-head-v1 h2,
.ssds-paid-cta-inner-v1 h2 {
margin: 0 0 16px;
color: #111111;
font-size: 42px;
line-height: 1.08;
font-weight: 800;
letter-spacing: -0.02em;
}
.ssds-paid-head-v1 p,
.ssds-paid-step-card-v1 p,
.ssds-paid-cta-inner-v1 p {
color: #555555;
font-size: 17px;
line-height: 1.75;
margin: 0;
}
/* NEXT STEPS */
.ssds-paid-steps-grid-v1 {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.ssds-paid-step-card-v1 {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #ffffff 0%, #fff8fc 100%);
border: 1px solid rgba(17,17,17,0.08);
border-radius: 28px;
padding: 32px 26px 28px;
box-shadow: 0 18px 45px rgba(17,17,27,0.08);
transition: all 0.25s ease;
}
.ssds-paid-step-card-v1::before {
content: "";
position: absolute;
top: 0;
left: 26px;
right: 26px;
height: 4px;
border-radius: 999px;
background: linear-gradient(90deg, #ff1493 0%, #ff63ba 100%);
opacity: 0.9;
}
.ssds-paid-step-card-v1:hover {
transform: translateY(-5px);
border-color: rgba(255,20,147,0.24);
box-shadow: 0 26px 54px rgba(17,17,27,0.10);
}
.ssds-paid-step-num-v1 {
width: 46px;
height: 46px;
margin-bottom: 18px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #fff0f7 0%, #ffdff1 100%);
color: #ff1493;
font-size: 18px;
font-weight: 800;
box-shadow: inset 0 0 0 1px rgba(255,20,147,0.12);
transition: all 0.25s ease;
}
.ssds-paid-step-card-v1:hover .ssds-paid-step-num-v1 {
background: linear-gradient(135deg, #ff1493 0%, #ff63ba 100%);
color: #ffffff;
transform: scale(1.05);
}
.ssds-paid-step-card-v1 h3 {
margin: 0 0 10px;
color: #111111;
font-size: 22px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -0.01em;
}
/* PREP CHECKLIST */
.ssds-paid-prep-wrap-v1 {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
.ssds-paid-prep-card-v1 {
background: #ffffff;
border: 1px solid rgba(17,17,17,0.07);
border-radius: 30px;
padding: 42px 46px;
box-shadow: 0 18px 45px rgba(17,17,27,0.06);
}
.ssds-paid-check-list-v1 {
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 900px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 32px;
text-align: left;
}
.ssds-paid-check-list-v1 li {
position: relative;
padding-left: 30px;
color: #333333;
font-size: 15px;
line-height: 1.65;
}
.ssds-paid-check-list-v1 li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: #ff1493;
font-weight: 800;
}
/* CTA */
.ssds-paid-cta-v1 {
width: 100%;
padding: 90px 56px 90px;
}
.ssds-paid-cta-inner-v1 {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 60px 42px;
border-radius: 34px;
background: linear-gradient(135deg, #111111 0%, #11111b 56%, #2a0f22 100%);
box-shadow: 0 28px 70px rgba(17,17,27,0.18);
text-align: center;
}
.ssds-paid-cta-inner-v1 .ssds-paid-label-v1 {
background: rgba(255,255,255,0.10);
color: #ffffff;
border: 1px solid rgba(255,255,255,0.12);
}
.ssds-paid-cta-inner-v1 h2 {
color: #ffffff;
}
.ssds-paid-cta-inner-v1 p {
max-width: 760px;
margin: 0 auto 28px;
color: rgba(255,255,255,0.88);
}
.ssds-paid-cta-inner-v1 .ssds-paid-actions-v1 {
justify-content: center;
}
/* DOMAIN & HOSTING */
.ssds-paid-section-v1.ssds-paid-section-flush-v1 {
padding-bottom: 0;
}
.ssds-paid-dh-grid-v1 {
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.ssds-paid-dh-grid-v1 .ssds-paid-step-num-v1 svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.ssds-paid-dh-intro-v1 {
margin: 0 0 18px !important;
}
.ssds-paid-opt-v1 {
background: #ffffff;
border: 1px solid rgba(255,20,147,0.12);
border-radius: 18px;
padding: 18px 20px;
transition: all 0.25s ease;
}
.ssds-paid-opt-v1 + .ssds-paid-opt-v1 {
margin-top: 14px;
}
.ssds-paid-opt-v1:hover {
border-color: rgba(255,20,147,0.30);
box-shadow: 0 10px 24px rgba(17,17,27,0.06);
}
.ssds-paid-opt-head-v1 {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 10px;
margin-bottom: 6px;
}
.ssds-paid-opt-head-v1 strong {
color: #111111;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
}
.ssds-paid-opt-tag-v1 {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 999px;
background: #ffdff1;
color: #ff1493;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.2;
}
.ssds-paid-step-card-v1 .ssds-paid-opt-v1 p {
font-size: 15px;
line-height: 1.65;
color: #555555;
}
/* HERO ANIMATION */
.ssds-paid-check-v1,
.ssds-paid-kicker-v1,
.ssds-paid-hero-copy-v1 h1,
.ssds-paid-lead-v1,
.ssds-paid-hero-copy-v1 .ssds-paid-actions-v1 {
opacity: 0;
transform: translateY(28px);
animation: ssdsPaidFadeUp 0.85s ease forwards;
}
.ssds-paid-check-v1 { animation-delay: 0.05s; }
.ssds-paid-kicker-v1 { animation-delay: 0.15s; }
.ssds-paid-hero-copy-v1 h1 { animation-delay: 0.3s; }
.ssds-paid-lead-v1 { animation-delay: 0.45s; }
.ssds-paid-hero-copy-v1 .ssds-paid-actions-v1 { animation-delay: 0.6s; }
@keyframes ssdsPaidFadeUp {
from { opacity: 0; transform: translateY(28px); }
to { opacity: 1; transform: translateY(0); }
}
/* RESPONSIVE */
@media (max-width: 1024px) {
.ssds-paid-header-v1,
.ssds-paid-section-v1,
.ssds-paid-quick-strip-v1,
.ssds-paid-hero-content-v1,
.ssds-paid-cta-v1 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.ssds-paid-nav-wrap-v1,
.ssds-paid-nav-v1 {
gap: 14px;
}
.ssds-paid-nav-v1 a {
font-size: 13px;
}
.ssds-paid-nav-cta-v1 {
padding: 10px 14px;
min-height: 38px;
font-size: 13px;
}
.ssds-paid-hero-v1 {
min-height: 640px;
}
.ssds-paid-hero-content-v1 {
max-width: 1304px;
padding-top: 150px;
padding-bottom: 100px;
}
.ssds-paid-hero-copy-v1 h1 {
font-size: 38px;
}
.ssds-paid-head-v1 h2,
.ssds-paid-cta-inner-v1 h2 {
font-size: 36px;
}
.ssds-paid-section-v1 {
padding-top: 72px;
padding-bottom: 72px;
}
.ssds-paid-cta-v1 {
padding-top: 72px;
padding-bottom: 72px;
}
}
@media (max-width: 900px) {
.ssds-paid-quick-grid-v1,
.ssds-paid-steps-grid-v1,
.ssds-paid-dh-grid-v1 {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.ssds-paid-header-v1,
.ssds-paid-section-v1,
.ssds-paid-quick-strip-v1,
.ssds-paid-hero-content-v1,
.ssds-paid-cta-v1 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.ssds-paid-header-v1 {
top: 18px;
}
.ssds-paid-header-inner-v1 {
gap: 12px;
}
.ssds-paid-logo-v1 img {
height: 26px;
max-height: 26px;
}
.ssds-paid-nav-wrap-v1,
.ssds-paid-nav-v1 {
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
.ssds-paid-nav-v1 a {
font-size: 12px;
}
.ssds-paid-nav-cta-v1 {
min-height: 36px;
padding: 9px 12px;
font-size: 12px;
}
.ssds-paid-hero-v1 {
min-height: 600px;
}
.ssds-paid-hero-content-v1 {
padding-top: 130px;
padding-bottom: 90px;
}
.ssds-paid-badge-row-v1 {
gap: 12px;
margin-bottom: 16px;
}
.ssds-paid-check-v1 {
width: 44px;
height: 44px;
}
.ssds-paid-check-v1 svg {
width: 22px;
height: 22px;
}
.ssds-paid-kicker-v1 {
margin-bottom: 14px;
font-size: 11px;
}
.ssds-paid-hero-copy-v1 h1 {
font-size: 30px;
line-height: 1.08;
margin-bottom: 14px;
}
.ssds-paid-lead-v1 {
font-size: 15px;
line-height: 1.65;
margin-bottom: 22px;
}
.ssds-paid-actions-v1 {
flex-direction: column;
align-items: stretch;
}
.ssds-paid-btn-primary-v1,
.ssds-paid-btn-secondary-v1 {
width: 100%;
}
.ssds-paid-section-v1 {
padding-top: 60px;
padding-bottom: 60px;
}
.ssds-paid-head-v1 {
margin-bottom: 30px;
}
.ssds-paid-head-v1 h2,
.ssds-paid-cta-inner-v1 h2 {
font-size: 30px;
line-height: 1.12;
}
.ssds-paid-head-v1 p,
.ssds-paid-step-card-v1 p,
.ssds-paid-cta-inner-v1 p {
font-size: 15px;
line-height: 1.7;
}
.ssds-paid-step-card-v1,
.ssds-paid-prep-card-v1,
.ssds-paid-cta-inner-v1 {
border-radius: 22px;
}
.ssds-paid-step-card-v1 {
padding: 28px 22px 24px;
}
.ssds-paid-prep-card-v1,
.ssds-paid-cta-inner-v1 {
padding: 34px 22px;
}
.ssds-paid-check-list-v1 {
grid-template-columns: 1fr;
}
.ssds-paid-opt-v1 {
padding: 16px 16px;
}
.ssds-paid-cta-v1 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 480px) {
.ssds-paid-header-inner-v1 {
flex-direction: column;
align-items: flex-start;
}
.ssds-paid-nav-wrap-v1,
.ssds-paid-nav-v1 {
width: 100%;
justify-content: flex-start;
}
.ssds-paid-hero-content-v1 {
padding-top: 150px;
}
.ssds-paid-hero-copy-v1 h1 {
font-size: 28px;
}
}
Payment Confirmed
Payment received. Thank you!
Your spot is officially locked in, and I am so excited to build your new website. Here is exactly what happens next, so you always know where things stand.
Your spot is reservedYour payment is complete and your project is officially on the schedule.
Everything is includedOne flat price with no hidden fees and no surprise upsells along the way.
Live in 4-6 weeksMost website builds are completed within 4-6 weeks from kickoff.
What Happens Next
Three simple steps to launch
You do not need to do anything complicated. Here is how your project moves forward from here.
1
Check your email
Your Stripe receipt is on its way to the email you used at checkout. Keep it for your records.
2
Your kickoff
Within 1 business day, I will reach out personally to schedule your kickoff and gather your business details.
3
Your website goes live
I build, you review, and your finished website launches within 4-6 weeks, with updates at every step.
Get A Head Start
Helpful things to gather
Have these ready if you can. If you do not have something yet, that is completely fine. We will work through it together.
- Your business name and a short description of what you do
- Your logo, if you already have one
- Photos of your work, team, products, or location
- Your services and any pricing you want listed
- Your current website link, if you have one
- Your social media links
Domain & Hosting
Your domain and hosting
Every website needs a domain (your web address) and hosting (where your website lives online). Here is how we will handle both.
Your domain
Your domain is your web address, such as yourbusiness.com.
Already have a domain?
Send me the login for the company where your domain is registered, such as GoDaddy, Namecheap, or Google, so I can connect it to your new website.
Need a domain?
You can purchase your own domain through Namecheap. I will walk you through it step by step, and it stays in your name.
Your hosting
If you do not already have hosting, choose the option that works best for you.
Option 1: Your own HostGator hosting
Most affordable
I work with HostGator. I will send you my link for the best available discount and walk you through setup, so your hosting is in your name.
Option 2: I host it for you
$25 / month
Prefer to skip the setup? I can host your website for you for $25 per month.
Questions?
I am here whenever you need me
If you have any questions before your kickoff, reach out anytime. Mon - Thurs: 9am - 7pm, Fri - Sat: 9am - 2pm.
(function () {
const root = document.getElementById('ssds-paid-page-v1');
if (!root) return;
let parent = root.parentElement;
let depth = 0;
while (parent && depth < 10) {
parent.style.width = '100%';
parent.style.maxWidth = '100%';
parent.style.marginLeft = '0';
parent.style.marginRight = '0';
if (
parent.classList.contains('elementor-container') ||
parent.classList.contains('elementor-column') ||
parent.classList.contains('elementor-widget-wrap') ||
parent.classList.contains('elementor-widget-container') ||
parent.classList.contains('ast-container') ||
parent.classList.contains('site-content') ||
parent.classList.contains('entry-content')
) {
parent.style.paddingLeft = '0';
parent.style.paddingRight = '0';
}
parent = parent.parentElement;
depth += 1;
}
})();