.lp-main *,
.lp-main *::before,
.lp-main *::after {
box-sizing: border-box;
} .lp-main {
--lp-blue: #045FFF;
--lp-blue-light: #EEF4FF;
--lp-brand: #3C0314;
--lp-dark: #121f30;
--lp-text: #232425;
--lp-muted: #5a5e60;
--lp-light: #f5f2ee;
--lp-page-bg: #f5f2ee;
--lp-form-bg: #f5f2ee;
--lp-border: #E5E7EB;
--lp-white: #ffffff;
--lp-gold: #F59E0B;
--lp-radius: 20px;
--lp-radius-sm: 10px;
--lp-shadow: 0 2px 8px rgba(0,0,0,0.07);
--lp-shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
--lp-max-w: 1200px;
--lp-px: 64px;
font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
color: var(--lp-text);
background: transparent; display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 10px;
} .lp-container {
max-width: var(--lp-max-w);
margin-inline: auto;
padding-inline: var(--lp-px);
}
.lp-container--narrow {
max-width: 800px;
}
.lp-container--faq {
max-width: 960px;
}
.lp-section {
padding-block: 96px;
} .lp-main h1,
.lp-main h2,
.lp-main h3,
.lp-main h4,
.lp-main h5,
.lp-main h6 {
font-family: "Inter Tight", "Figtree", sans-serif;
}
.lp-section-header {
text-align: center;
margin-bottom: 64px;
}
.lp-tagline {
font-family: "Figtree", sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lp-blue);
margin: 0 0 16px;
}
.lp-tagline--center { text-align: center; }
.lp-tagline--muted { color: rgba(255,255,255,0.55); }
.lp-section__title {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
font-weight: 600;
line-height: 1.15;
color: var(--lp-text);
margin: 0 0 20px;
}
.lp-section__desc {
font-size: 18px;
color: var(--lp-muted);
max-width: 640px;
margin-inline: auto;
line-height: 1.65;
}
.lp-highlight { color: var(--lp-blue); } .lp-hero {
background: var(--lp-white);
padding-block: 72px 64px;
overflow: hidden;
border-radius: var(--lp-radius);
position: relative;
} .lp-hero::before {
content: '';
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(4,95,255,0.045) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
}
.lp-hero__container {
max-width: var(--lp-max-w);
margin-inline: auto;
padding-inline: var(--lp-px);
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: 72px;
align-items: center;
position: relative;
}
.lp-hero__content {
display: flex;
flex-direction: column;
gap: 28px;
} .lp-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lp-blue);
width: fit-content;
}
.lp-hero__eyebrow-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--lp-blue);
flex-shrink: 0;
animation: lp-pulse 1.8s ease-in-out infinite;
}
@keyframes lp-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(0.7); }
}
.lp-hero__headline {
font-family: "Inter Tight", "Figtree", sans-serif !important;
font-size: clamp(1.9rem, 1.2rem + 2vw, 2.75rem);
font-weight: 700;
line-height: 1.1;
color: var(--lp-text);
margin: 0;
letter-spacing: -0.01em;
}
.lp-hero__headline em { font-style: normal; }
.lp-hero__headline-tail {
font-weight: 500;
color: var(--lp-muted);
font-size: 0.78em;
letter-spacing: 0;
}
.lp-hero__headline-tail strong {
font-weight: 800;
color: var(--lp-text);
}
.lp-hero__sub {
font-size: 17px;
color: var(--lp-muted);
line-height: 1.7;
margin: 0;
max-width: 460px;
} .lp-hero__actions {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.lp-hero__cta-primary {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--lp-blue);
color: #fff;
text-decoration: none;
font-family: "Inter Tight", sans-serif;
font-size: 17px;
font-weight: 700;
padding: 16px 32px;
border-radius: 100px;
transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
box-shadow: 0 4px 20px rgba(4,95,255,0.35);
white-space: nowrap;
}
.lp-hero__cta-primary:hover {
background: #0350e6;
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(4,95,255,0.45);
} .lp-hero__trust {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: nowrap;
padding-top: 28px;
border-top: 1px solid var(--lp-border);
}
.lp-trust-item {
display: flex;
flex-direction: column;
gap: 4px;
flex-shrink: 0;
}
.lp-trust-item__value {
font-family: "Inter Tight", sans-serif;
font-size: 20px;
font-weight: 800;
color: var(--lp-text);
line-height: 1;
letter-spacing: 0;
display: flex;
align-items: baseline;
gap: 2px;
}
.lp-trust-item__value span {
font-size: 13px;
font-weight: 500;
color: var(--lp-muted);
letter-spacing: 0;
}
.lp-trust-item__label {
font-size: 11px;
color: var(--lp-muted);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.07em;
}
.lp-trust-sep {
width: 1px;
height: 32px;
background: var(--lp-border);
flex-shrink: 0;
} .lp-hero__actions {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.lp-phone-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 17px;
font-weight: 600;
color: var(--lp-text);
text-decoration: none;
transition: color 0.2s;
}
.lp-phone-link:hover { color: var(--lp-blue); } .lp-hero__visual { position: relative; }
.lp-hero__img-wrap {
position: relative;
border-radius: var(--lp-radius);
overflow: visible;
}
.lp-hero__img {
width: 100%;
height: auto;
display: block;
border-radius: var(--lp-radius);
} .lp-hero__badge {
position: absolute;
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--lp-white);
border: 1px solid var(--lp-border);
border-radius: 100px;
padding: 10px 18px;
font-size: 14px;
font-weight: 600;
color: var(--lp-text);
box-shadow: var(--lp-shadow-lg);
white-space: nowrap;
}
.lp-hero__badge svg { color: var(--lp-blue); flex-shrink: 0; }
.lp-hero__badge--delay {
bottom: -16px;
left: -24px;
}
.lp-hero__badge--price {
top: -16px;
right: -16px;
} .lp-reassurance {
background: var(--lp-dark);
padding-block: 40px;
border-radius: var(--lp-radius);
margin: 0;
}
.lp-reassurance__container {
max-width: var(--lp-max-w);
margin-inline: auto;
padding-inline: var(--lp-px);
display: flex;
align-items: center;
justify-content: space-around;
gap: 32px;
flex-wrap: wrap;
}
.lp-reassurance__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
text-align: center;
}
.lp-reassurance__number {
font-family: "Inter Tight", sans-serif;
font-size: 2.25rem;
font-weight: 700;
color: var(--lp-white);
line-height: 1;
}
.lp-reassurance__number .lp-reassurance__unit {
font-size: 1.25rem;
color: rgba(255,255,255,0.6);
}
.lp-reassurance__label {
font-size: 13px;
color: rgba(255,255,255,0.65);
font-weight: 500;
max-width: 130px;
}
.lp-reassurance__divider {
width: 1px;
height: 48px;
background: rgba(255,255,255,0.15);
flex-shrink: 0;
} .lp-for-who {
background: var(--lp-white);
border-radius: var(--lp-radius);
margin: 0;
}
.lp-for-who__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.lp-for-who__card {
background: var(--lp-light);
border-radius: var(--lp-radius);
padding: 32px 24px;
}
.lp-for-who__icon {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: var(--lp-radius-sm);
background: var(--lp-white);
color: var(--lp-text);
margin-bottom: 20px;
flex-shrink: 0;
}
.lp-for-who__title {
font-family: "Inter Tight", sans-serif;
font-size: 17px;
font-weight: 600;
color: var(--lp-text);
margin: 0 0 10px;
}
.lp-for-who__desc {
font-size: 15px;
color: var(--lp-muted);
line-height: 1.6;
margin: 0;
} .lp-compare {
background: var(--lp-white);
border-radius: var(--lp-radius);
margin: 0;
box-shadow: 0 2px 24px rgba(0,0,0,0.06);
overflow: hidden;
} .lp-compare__table-wrap {
position: relative;
padding-top: 28px;
} .lp-compare__badge {
position: absolute;
top: 0;
left: calc(1.8 / (1.8 + 1.2 + 1 + 1) * 100%);
width: calc(1.2 / (1.8 + 1.2 + 1 + 1) * 100%);
display: flex;
justify-content: center;
}
.lp-compare__badge-inner {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--lp-blue);
color: var(--lp-white);
font-family: "Inter Tight", sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 100px;
box-shadow: 0 4px 14px rgba(4,95,255,0.3);
}
.lp-compare__table {
border-radius: 0;
overflow: hidden;
background: var(--lp-white);
}
.lp-compare__row {
display: grid;
grid-template-columns: 1.8fr 1.2fr 1fr 1fr;
align-items: center;
border-bottom: 1px solid #f0f0f0;
}
.lp-compare__row:last-child { border-bottom: none; }
.lp-compare__header-row {
display: grid;
grid-template-columns: 1.8fr 1.2fr 1fr 1fr;
background: var(--lp-dark);
border-bottom: none;
}
.lp-compare__col {
padding: 16px 28px;
font-size: 14px;
color: #9ca3af;
text-align: center;
}
.lp-compare__col--label {
text-align: left;
font-size: 14px;
font-weight: 500;
color: var(--lp-text);
} .lp-compare__col--us {
background: #f8fbff;
color: var(--lp-blue);
font-weight: 700;
font-family: "Inter Tight", sans-serif;
font-size: 15px;
border-left: 1px solid rgba(4,95,255,0.12);
border-right: 1px solid rgba(4,95,255,0.12);
} .lp-compare__header-row .lp-compare__col {
padding: 20px 28px;
font-family: "Inter Tight", sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
color: rgba(255,255,255,0.85);
text-transform: uppercase;
display: flex;
align-items: flex-end;
}
.lp-compare__header-row .lp-compare__col--label { color: transparent; }
.lp-compare__header-row .lp-compare__col--us {
color: var(--lp-white);
background: var(--lp-blue);
font-size: 15px;
text-transform: none;
letter-spacing: 0;
border-color: var(--lp-blue);
font-weight: 700;
align-items: flex-end;
} .lp-compare__row--highlight .lp-compare__col--label {
font-weight: 600;
color: var(--lp-text);
}
.lp-compare__row--highlight .lp-compare__col--us {
font-size: 17px;
color: var(--lp-blue);
}
.lp-compare__row--highlight .lp-compare__col:not(.lp-compare__col--us):not(.lp-compare__col--label) {
font-size: 13px;
color: #9ca3af;
} .lp-compare__check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: transparent;
color: #16a34a;
}
.lp-compare__cross {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: transparent;
color: #d1d5db;
}
.lp-compare__neutral {
font-size: 13px;
color: #9ca3af;
font-style: normal;
}
.lp-compare__cta {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin-top: 40px;
} .lp-offer {
background: var(--lp-white);
border-radius: var(--lp-radius);
margin: 0;
}
.lp-offer__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 48px;
}
.lp-offer__card {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 28px 24px;
background: var(--lp-light);
border-radius: var(--lp-radius);
}
.lp-offer__icon {
flex-shrink: 0;
width: 44px;
height: 44px;
background: var(--lp-blue-light);
border-radius: var(--lp-radius-sm);
display: flex;
align-items: center;
justify-content: center;
color: var(--lp-blue);
}
.lp-offer__icon svg { width: 22px; height: 22px; }
.lp-offer__title {
font-family: "Inter Tight", sans-serif;
font-size: 16px;
font-weight: 600;
color: var(--lp-text);
margin: 0 0 8px;
}
.lp-offer__desc {
font-size: 14px;
color: var(--lp-muted);
line-height: 1.6;
margin: 0;
}
.lp-offer__cta {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.lp-offer__cta .btn-primary {
font-size: 17px;
padding: 14px 32px;
gap: 10px;
}
.lp-offer__cta-sub {
font-size: 14px;
color: var(--lp-muted);
margin: 0;
} .lp-process {
background: var(--lp-white);
border-radius: var(--lp-radius);
margin: 0;
} .lp-process__intro {
text-align: center;
max-width: 680px;
margin: 0 auto 56px;
}
.lp-process__title {
font-family: "Inter Tight", sans-serif;
font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
font-weight: 700;
line-height: 1.15;
color: var(--lp-text);
letter-spacing: -0.01em;
margin: 0 0 16px;
}
.lp-process__title .lp-highlight { color: var(--lp-blue); }
.lp-process__intro-desc {
font-size: 17px;
color: var(--lp-muted);
line-height: 1.7;
margin: 0;
} .lp-process__steps {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
position: relative;
align-items: start;
}
.lp-process__step {
background: var(--lp-light);
border-radius: var(--lp-radius-sm);
padding: 28px 28px 32px;
display: flex;
flex-direction: column;
gap: 0;
position: relative;
} .lp-process__step:not(.lp-process__step--last)::after {
content: '→';
position: absolute;
right: -16px;
top: 28px;
font-size: 18px;
color: var(--lp-border);
z-index: 2;
pointer-events: none;
}
.lp-process__step--last::after { display: none; } .lp-process__step:has(.lp-process__num--accent) {
background: var(--lp-blue);
}
.lp-process__step:has(.lp-process__num--accent) .lp-process__label,
.lp-process__step:has(.lp-process__num--accent) .lp-process__step-title,
.lp-process__step:has(.lp-process__num--accent) .lp-process__step-desc {
color: rgba(255,255,255,0.9);
}
.lp-process__step:has(.lp-process__num--accent) .lp-process__label {
color: rgba(255,255,255,0.6);
}
.lp-process__step:has(.lp-process__num--accent) .lp-process__time--accent {
background: rgba(255,255,255,0.18);
color: #fff;
}
.lp-process__step:has(.lp-process__num--accent) .lp-process__checklist li {
color: rgba(255,255,255,0.9);
}
.lp-process__step:has(.lp-process__num--accent) .lp-process__checklist li::before {
background-color: rgba(255,255,255,0.15);
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.lp-process__step-left {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
margin-bottom: 20px;
}
.lp-process__num {
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid var(--lp-border);
background: var(--lp-white);
display: flex;
align-items: center;
justify-content: center;
font-family: "Inter Tight", sans-serif;
font-size: 14px;
font-weight: 800;
color: var(--lp-muted);
flex-shrink: 0;
}
.lp-process__num--accent {
background: var(--lp-white);
border-color: rgba(255,255,255,0.4);
color: var(--lp-blue);
box-shadow: none;
}
.lp-process__line { display: none; }
.lp-process__step-body { padding-bottom: 0; }
.lp-process__step--last .lp-process__step-body { padding-bottom: 0; }
.lp-process__meta {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
}
.lp-process__label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.09em;
color: var(--lp-muted);
}
.lp-process__time {
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 100px;
background: rgba(0,0,0,0.06);
color: var(--lp-muted);
}
.lp-process__time--accent {
background: var(--lp-blue-light);
color: var(--lp-blue);
}
.lp-process__step-title {
font-family: "Inter Tight", sans-serif;
font-size: 19px;
font-weight: 700;
color: var(--lp-text);
margin: 0 0 10px;
line-height: 1.25;
letter-spacing: -0.01em;
}
.lp-process__step-desc {
font-size: 15px;
color: var(--lp-muted);
line-height: 1.65;
margin: 0 0 16px;
}
.lp-process__checklist {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.lp-process__checklist li {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
color: var(--lp-text);
}
.lp-process__checklist li::before {
content: '';
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--lp-blue-light);
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23045FFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
} .lp-testimonials {
background: var(--lp-white);
border-radius: var(--lp-radius);
margin: 0;
}
.lp-testimonials__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.lp-testim-card {
background: var(--lp-white);
border: 1px solid var(--lp-border);
border-radius: var(--lp-radius);
margin: 0;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
} .lp-testim-card__site-preview {
width: 100%;
height: 160px;
overflow: hidden;
background: var(--lp-light);
flex-shrink: 0;
}
.lp-testim-card__site-preview img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
}
.lp-testim-card__body {
display: flex;
flex-direction: column;
gap: 14px;
padding: 20px 24px 24px;
} .lp-testim-card__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.lp-testim-card__author {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
min-width: 0;
} .lp-testim-card__name {
display: block;
font-size: 14px;
font-weight: 600;
color: var(--lp-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lp-testim-card__role {
display: block;
font-size: 12px;
color: var(--lp-muted);
margin-top: 1px;
}
.lp-testim-card__google-logo {
flex-shrink: 0;
opacity: 0.85;
} .lp-testim-card__rating {
display: flex;
align-items: center;
gap: 10px;
}
.lp-testim-card__stars { display: flex; gap: 2px; }
.lp-testim-card__ago {
font-size: 12px;
color: var(--lp-muted);
} .lp-testim-card__quote { margin: 0; flex: 1; }
.lp-testim-card__quote p {
font-size: 14px;
color: #3c4043;
line-height: 1.6;
margin: 0;
}
.lp-testimonials__google {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 15px;
color: var(--lp-muted);
margin: 0;
}
.lp-testimonials__google svg { color: var(--lp-blue); }
.lp-testimonials__google strong { color: var(--lp-text); } .lp-faq {
background: var(--lp-light);
border-radius: var(--lp-radius);
margin: 0;
}
.lp-faq__list {
display: flex;
flex-direction: column;
gap: 0;
border: 1px solid var(--lp-border);
border-radius: var(--lp-radius);
overflow: hidden;
background: var(--lp-white);
}
.lp-faq__item {
border-bottom: 1px solid var(--lp-border);
}
.lp-faq__item:last-child { border-bottom: none; }
.lp-faq__question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 24px 28px;
background: transparent;
border: none;
cursor: pointer;
text-align: left;
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 17px;
font-weight: 600;
color: var(--lp-text);
transition: background 0.2s;
}
.lp-faq__question:hover { background: var(--lp-light); }
.lp-faq__item--open .lp-faq__question { color: var(--lp-blue); }
.lp-faq__icon {
flex-shrink: 0;
color: var(--lp-muted);
transition: transform 0.25s ease;
display: flex;
}
.lp-faq__item--open .lp-faq__icon { transform: rotate(180deg); color: var(--lp-blue); }
.lp-faq__answer {
padding: 0 28px 24px;
}
.lp-faq__answer p {
font-size: 16px;
color: var(--lp-muted);
line-height: 1.65;
margin: 0;
} .lp-cta-form {
background: var(--lp-dark);
border-radius: var(--lp-radius);
margin: 0;
}
.lp-cta-form__layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
} .lp-cta-form__pitch .lp-tagline { color: rgba(255,255,255,0.55); }
.lp-cta-form__title {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
font-weight: 700;
color: var(--lp-white);
line-height: 1.15;
margin: 0 0 20px;
}
.lp-cta-form__title .lp-highlight { color: var(--lp-blue); }
.lp-cta-form__sub {
font-size: 17px;
color: rgba(255,255,255,0.65);
line-height: 1.65;
margin: 0 0 36px;
}
.lp-cta-form__promises {
list-style: none;
padding: 0;
margin: 0 0 36px;
display: flex;
flex-direction: column;
gap: 14px;
}
.lp-cta-form__promises li {
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
color: rgba(255,255,255,0.85);
font-weight: 500;
}
.lp-cta-form__promises li svg {
flex-shrink: 0;
color: var(--lp-blue);
background: rgba(4,95,255,0.2);
border-radius: 50%;
padding: 3px;
width: 24px;
height: 24px;
}
.lp-cta-form__social {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
color: rgba(255,255,255,0.55);
}
.lp-cta-form__social svg { color: rgba(255,255,255,0.4); }
.lp-cta-form__social strong { color: rgba(255,255,255,0.85); } .lp-cta-form__card {
background: var(--lp-white);
border-radius: var(--lp-radius);
overflow: hidden;
box-shadow: var(--lp-shadow-lg);
}
.lp-cta-form__card-header {
background: var(--lp-blue);
padding: 24px 32px 20px;
}
.lp-cta-form__card-title {
font-family: "Inter Tight", sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--lp-white);
margin: 0 0 4px;
}
.lp-cta-form__card-hint {
font-size: 14px;
color: rgba(255,255,255,0.75);
margin: 0;
}
.lp-cta-form__form-wrap {
padding: 32px;
} .lp-cta-form__form-wrap .wpcf7-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.lp-cta-form__form-wrap .wpcf7-form p { margin: 0; }
.lp-cta-form__form-wrap .wpcf7-form label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--lp-text);
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.lp-cta-form__form-wrap .wpcf7-form input[type="text"],
.lp-cta-form__form-wrap .wpcf7-form input[type="email"],
.lp-cta-form__form-wrap .wpcf7-form input[type="tel"],
.lp-cta-form__form-wrap .wpcf7-form textarea {
width: 100%;
min-height: 48px;
padding: 12px 16px;
border: 1.5px solid var(--lp-border);
border-radius: var(--lp-radius-sm);
font-family: "Figtree", sans-serif;
font-size: 16px;
color: var(--lp-text);
background: var(--lp-white);
transition: border-color 0.2s, box-shadow 0.2s;
outline: none;
box-sizing: border-box;
}
.lp-cta-form__form-wrap .wpcf7-form input:focus,
.lp-cta-form__form-wrap .wpcf7-form textarea:focus {
border-color: var(--lp-blue);
box-shadow: 0 0 0 3px var(--lp-blue-light);
}
.lp-cta-form__form-wrap .wpcf7-form .wpcf7-submit,
.lp-cta-form__form-wrap .wpcf7-form input[type="submit"] {
width: 100%;
min-height: 52px;
padding: 14px 24px;
background: var(--lp-blue);
color: var(--lp-white);
border: none;
border-radius: var(--lp-radius-sm);
font-family: "Figtree", sans-serif;
font-size: 17px;
font-weight: 700;
cursor: pointer;
transition: background 0.2s, transform 0.2s;
letter-spacing: 0.01em;
}
.lp-cta-form__form-wrap .wpcf7-form .wpcf7-submit:hover {
background: #0350e6;
transform: translateY(-1px);
} .lp-cta-form__form-wrap .wpcf7-form .wpcf7-submit,
.lp-cta-form__form-wrap .wpcf7-form input[type="submit"] {
position: relative;
overflow: hidden;
}
.lp-cta-form__form-wrap .wpcf7-form .wpcf7-submit::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: lp-shimmer 2.4s ease-in-out infinite;
}
@keyframes lp-shimmer {
0% { left: -60%; }
60%, 100% { left: 120%; }
} .lp-cta-form__form-wrap .bloc-ctabanner-01__cf7-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.lp-cta-form__form-wrap .cf7-half,
.lp-cta-form__form-wrap .cf7-full {
margin: 0;
}
.lp-cta-form__privacy {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: var(--lp-muted);
padding: 0 32px 24px;
margin: 0;
}
.lp-cta-form__privacy svg { flex-shrink: 0; color: var(--lp-muted); } .lp-main .btn-primary {
background: var(--lp-blue) !important;
border-color: var(--lp-blue) !important;
color: #fff !important;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 17px;
padding: 14px 32px;
transition: background 0.2s, transform 0.15s;
}
.lp-main .btn-primary:hover {
background: #0350e6 !important;
border-color: #0350e6 !important;
transform: translateY(-1px);
} body.lp-js-ready .lp-will-reveal {
opacity: 0;
transform: translateY(22px);
transition: opacity 0.55s ease, transform 0.55s ease;
}
body.lp-js-ready .lp-revealed {
opacity: 1;
transform: translateY(0);
} @media (max-width: 1024px) {
.lp-main { --lp-px: 40px; }
.lp-hero { padding-block: 56px 48px; }
.lp-hero__container {
grid-template-columns: 1fr;
gap: 48px;
}
.lp-hero__visual { order: -1; }
.lp-hero__img-wrap { max-width: 540px; margin-inline: auto; }
.lp-for-who__grid { grid-template-columns: repeat(2, 1fr); }
.lp-offer__grid { grid-template-columns: repeat(2, 1fr); }
.lp-testimonials__grid { grid-template-columns: repeat(2, 1fr); }
.lp-cta-form__layout {
grid-template-columns: 1fr;
gap: 48px;
}
.lp-reassurance__divider { display: none; }
.lp-hero__trust { display: none; }
.lp-compare__row,
.lp-compare__header-row { grid-template-columns: 1.5fr 1.2fr 1fr 1fr; }
.lp-process__intro { grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px; }
} @media (max-width: 768px) {
.lp-main { --lp-px: 20px; }
.lp-section { padding-block: 64px; }
.lp-section-header { margin-bottom: 40px; }
.lp-hero { padding-block: 40px 36px; }
.lp-hero__headline { font-size: clamp(1.7rem, 6vw, 2.2rem); }
.lp-hero__sub { font-size: 15px; }
.lp-hero__actions { flex-direction: column; align-items: stretch; gap: 12px; }
.lp-hero__cta-primary { justify-content: center; font-size: 16px; }
.lp-phone-link { justify-content: center; font-size: 15px; }
.lp-hero__trust {
gap: 0;
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 20px;
column-gap: 0;
justify-items: center;
}
.lp-trust-sep { display: none; }
.lp-trust-item { align-items: center; text-align: center; }
.lp-trust-item__value { font-size: 18px; }
.lp-hero__badge { display: none; }
.lp-hero__visual { display: none; }
.lp-testim-card__site-preview { height: 130px; }
.lp-reassurance { padding-block: 32px; margin: 0; }
.lp-reassurance__container { justify-content: center; gap: 24px 40px; }
.lp-for-who { margin: 0 8px; }
.lp-for-who__grid { grid-template-columns: 1fr; }
.lp-compare { margin: 0; overflow: hidden; }
.lp-compare__table-wrap { padding-top: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.lp-compare__badge { display: none; }
.lp-compare__col:nth-child(3),
.lp-compare__col:nth-child(4),
.lp-compare__header-row .lp-compare__col:nth-child(3),
.lp-compare__header-row .lp-compare__col:nth-child(4) { display: flex; }
.lp-compare__table { min-width: 560px; }
.lp-compare__row,
.lp-compare__header-row { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
.lp-compare__col { padding: 10px 8px; font-size: 12px; display: flex; align-items: flex-start; gap: 6px; text-align: left; }
.lp-compare__col--label { font-size: 12px; font-weight: 500; }
.lp-compare__check, .lp-compare__cross { flex-shrink: 0; }
.lp-compare__header-row .lp-compare__col { padding: 12px 8px; font-size: 10px; display: flex; align-items: flex-end; }
.lp-compare__header-row .lp-compare__col--us {
font-size: 13px;
font-weight: 700;
padding: 14px 10px;
border-radius: 0;
}
.lp-offer { margin: 0; }
.lp-offer__grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 28px; }
.lp-offer__card { padding: 18px 16px; gap: 14px; border-radius: var(--lp-radius-sm); }
.lp-offer__icon { width: 36px; height: 36px; border-radius: 8px; }
.lp-offer__icon svg { width: 18px; height: 18px; }
.lp-offer__title { font-size: 15px; margin-bottom: 4px; }
.lp-offer__desc { font-size: 13px; }
.lp-offer__cta-sub { font-size: 13px; text-align: center; }
.lp-process { margin: 0; }
.lp-process__intro { grid-template-columns: 1fr; gap: 10px; margin-bottom: 28px; text-align: center; }
.lp-process__title { font-size: clamp(1.5rem, 5vw, 2rem); letter-spacing: 0; }
.lp-process__intro-desc { font-size: 14px; }
.lp-process__step-title { font-size: 17px; }
.lp-process__steps {
grid-template-columns: 1fr;
gap: 12px;
}
.lp-process__step { padding: 22px 20px 24px; }
.lp-process__step:not(.lp-process__step--last)::after { display: none; }
.lp-process__steps::before { display: none; }
.lp-process__step-left { margin-bottom: 12px; }
.lp-process__meta { flex-wrap: wrap; }
.lp-process__step-desc { font-size: 14px; }
.lp-testimonials { margin: 0; }
.lp-testimonials__grid { grid-template-columns: 1fr; }
.lp-testimonials__google {
flex-direction: column;
gap: 4px;
font-size: 14px;
margin-top: 24px;
}
.lp-faq { margin: 0 8px; }
.lp-faq__question { padding: 18px 20px; font-size: 15px; }
.lp-faq__answer { padding: 0 20px 18px; }
.lp-cta-form { margin: 0 8px 8px; }
.lp-cta-form__form-wrap .bloc-ctabanner-01__cf7-row { grid-template-columns: 1fr; }
.lp-cta-form__layout { gap: 32px; }
.lp-cta-form__form-wrap { padding: 20px; }
.lp-phone-link { font-size: 16px; }
.lp-reassurance__number { font-size: 1.75rem; }
.lp-section__title { font-size: clamp(1.6rem, 5vw, 2.2rem); }
.lp-compare__col { padding: 14px 12px; font-size: 13px; }
.lp-compare__col--label { font-size: 13px; } .lp-faq { order: 1; } .lp-faq .lp-section-header,
.lp-faq .lp-tagline,
.lp-faq .lp-tagline--center,
.lp-faq .lp-section__title {
text-align: left !important;
}
}