.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__table-wrap--5col .lp-compare__badge {
left: calc((1.6 + 0.9 + 0.9) / (1.6 + 0.9 + 0.9 + 1.2 + 0.9) * 100%);
width: calc(1.2 / (1.6 + 0.9 + 0.9 + 1.2 + 0.9) * 100%);
} .lp-compare__table-wrap--2col .lp-compare__row,
.lp-compare__table-wrap--2col .lp-compare__header-row {
grid-template-columns: 1.8fr 1.2fr 1.2fr;
}
.lp-compare__table-wrap--2col .lp-compare__badge {
left: calc(1.8 / (1.8 + 1.2 + 1.2) * 100%);
width: calc(1.2 / (1.8 + 1.2 + 1.2) * 100%);
}  .lp-compare__table-wrap--2col .lp-compare__table {
border-radius: 24px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.04),
0 30px 60px -24px rgba(15, 23, 42, 0.18),
0 18px 40px -20px rgba(4, 95, 255, 0.12);
border: 1px solid rgba(15, 23, 42, 0.05);
background: #ffffff;
} .lp-compare__table-wrap--2col .lp-compare__badge {
top: -22px;
z-index: 2;
pointer-events: none;
}
.lp-compare__table-wrap--2col .lp-compare__badge-inner {
padding: 9px 20px;
font-size: 11.5px;
letter-spacing: 0.1em;
font-weight: 800;
background: linear-gradient(135deg, #045FFF 0%, #1e7aff 100%);
color: #ffffff;
border-radius: 999px;
box-shadow:
0 14px 32px -10px rgba(4, 95, 255, 0.55),
0 3px 8px rgba(4, 95, 255, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.lp-compare__table-wrap--2col .lp-compare__badge-inner svg {
color: #F59E0B;
width: 13px;
height: 13px;
} .lp-compare__table-wrap--2col .lp-compare__header-row {
background: linear-gradient(135deg, #0c1726 0%, #121f30 100%);
height: 78px;
align-items: stretch;
}
.lp-compare__table-wrap--2col .lp-compare__header-row .lp-compare__col {
padding: 22px 24px;
display: flex;
align-items: center;
justify-content: center;
}
.lp-compare__table-wrap--2col .lp-compare__header-row .lp-compare__col--label {
background: transparent;
} .lp-compare__table-wrap--2col .lp-compare__header-row .lp-compare__col--us {
background: linear-gradient(135deg, #045FFF 0%, #1e7aff 100%);
color: #ffffff;
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 17px;
font-weight: 700;
letter-spacing: -0.01em;
text-transform: none;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 8px 24px -12px rgba(4, 95, 255, 0.6);
position: relative;
} .lp-compare__table-wrap--2col .lp-compare__header-row .lp-compare__col:not(.lp-compare__col--us):not(.lp-compare__col--label) {
color: rgba(255, 255, 255, 0.55);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
} .lp-compare__table-wrap--2col .lp-compare__row {
border-bottom: 1px solid rgba(15, 23, 42, 0.05);
align-items: stretch;
min-height: 64px;
transition: background 0.2s ease;
}
.lp-compare__table-wrap--2col .lp-compare__row:hover {
background: rgba(248, 250, 252, 0.5);
}
.lp-compare__table-wrap--2col .lp-compare__row:last-child {
border-bottom: none;
} .lp-compare__table-wrap--2col .lp-compare__row .lp-compare__col--label {
padding: 20px 28px;
font-family: "Figtree", sans-serif;
font-weight: 500;
color: #121f30;
font-size: 14.5px;
line-height: 1.45;
background: transparent;
display: flex;
align-items: center;
text-align: left;
justify-content: flex-start;
} .lp-compare__table-wrap--2col .lp-compare__row .lp-compare__col {
padding: 18px 20px;
display: flex;
align-items: center;
justify-content: center;
} .lp-compare__table-wrap--2col .lp-compare__row .lp-compare__col--us {
background: linear-gradient(180deg, rgba(4, 95, 255, 0.04) 0%, rgba(4, 95, 255, 0.06) 100%);
border-left: 1px solid rgba(4, 95, 255, 0.10);
border-right: 1px solid rgba(4, 95, 255, 0.10);
color: #121f30;
font-weight: 600;
} .lp-compare__table-wrap--2col .lp-compare__row--highlight .lp-compare__col--us {
background: linear-gradient(180deg, rgba(4, 95, 255, 0.07) 0%, rgba(4, 95, 255, 0.10) 100%);
}
.lp-compare__table-wrap--2col .lp-compare__row--highlight .lp-compare__col--label {
font-weight: 600;
} .lp-compare__table-wrap--2col .lp-compare__row .lp-compare__col:not(.lp-compare__col--us):not(.lp-compare__col--label) {
color: rgba(15, 23, 42, 0.55);
font-weight: 500;
font-size: 14px;
} .lp-compare__table-wrap--2col .lp-compare__check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
border-radius: 50%;
box-shadow:
0 6px 14px -4px rgba(16, 185, 129, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.lp-compare__table-wrap--2col .lp-compare__check svg {
width: 16px;
height: 16px;
color: #ffffff;
stroke-width: 3;
} .lp-compare__table-wrap--2col .lp-compare__cross {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: rgba(15, 23, 42, 0.05);
border-radius: 50%;
color: rgba(15, 23, 42, 0.32);
}
.lp-compare__table-wrap--2col .lp-compare__cross svg {
width: 14px;
height: 14px;
stroke-width: 2.8;
} .lp-compare__table-wrap--2col .lp-compare__neutral {
font-size: 14.5px;
font-weight: 600;
color: #121f30;
letter-spacing: -0.01em;
}
.lp-compare__table-wrap--2col .lp-compare__row .lp-compare__col:not(.lp-compare__col--us) .lp-compare__neutral {
color: rgba(15, 23, 42, 0.55);
font-weight: 500;
} @media (max-width: 768px) {
.lp-compare__table-wrap--2col .lp-compare__table { border-radius: 18px; }
.lp-compare__table-wrap--2col .lp-compare__header-row { height: 64px; }
.lp-compare__table-wrap--2col .lp-compare__header-row .lp-compare__col { padding: 14px 12px; }
.lp-compare__table-wrap--2col .lp-compare__header-row .lp-compare__col--us { font-size: 14px; }
.lp-compare__table-wrap--2col .lp-compare__header-row .lp-compare__col:not(.lp-compare__col--us):not(.lp-compare__col--label) { font-size: 10px; letter-spacing: 0.08em; }
.lp-compare__table-wrap--2col .lp-compare__row { min-height: 56px; }
.lp-compare__table-wrap--2col .lp-compare__row .lp-compare__col--label { padding: 14px 14px; font-size: 13px; }
.lp-compare__table-wrap--2col .lp-compare__row .lp-compare__col { padding: 12px 8px; }
.lp-compare__table-wrap--2col .lp-compare__check { width: 26px; height: 26px; }
.lp-compare__table-wrap--2col .lp-compare__check svg { width: 13px; height: 13px; }
.lp-compare__table-wrap--2col .lp-compare__cross { width: 22px; height: 22px; }
.lp-compare__table-wrap--2col .lp-compare__cross svg { width: 11px; height: 11px; }
.lp-compare__table-wrap--2col .lp-compare__neutral { font-size: 12.5px; }
}
.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__table-wrap--5col .lp-compare__row,
.lp-compare__table-wrap--5col .lp-compare__header-row {
grid-template-columns: 1.6fr 0.9fr 0.9fr 1.2fr 0.9fr;
}
.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__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 400px;
gap: 56px;
align-items: start;
}
.lp-offer__left {
display: flex;
flex-direction: column;
gap: 36px;
min-width: 0;
} .lp-section-header--left {
text-align: left;
margin-bottom: 0;
max-width: 600px;
}
.lp-section-header--left .lp-tagline,
.lp-section-header--left .lp-section__title,
.lp-section-header--left .lp-section__desc {
text-align: left;
}
.lp-section-header--left .lp-tagline { margin-left: 0; } .lp-offer__grid--two-col {
grid-template-columns: 1fr !important;
gap: 14px !important;
} .lp-offer__pricing {
position: sticky; top: 104px;
align-self: start;
}
.lp-offer__pricing-card {
background: #0a2a5c; border-radius: 28px;
padding: 44px 36px 36px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.10),
0 30px 60px -24px rgba(8, 35, 80, 0.45),
0 18px 40px -20px rgba(4, 95, 255, 0.20);
color: #ffffff;
position: relative;
overflow: hidden;
} .lp-offer__pricing-desc        { color: rgba(255, 255, 255, 0.72); }
.lp-offer__pricing-price-wrap  { border-bottom-color: rgba(255, 255, 255, 0.14); }
.lp-offer__pricing-price-prefix{ color: rgba(255, 255, 255, 0.6); }
.lp-offer__pricing-price       { color: #ffffff; }
.lp-offer__pricing-currency    { color: rgba(255, 255, 255, 0.55); }
.lp-offer__pricing-price-sub   { color: rgba(255, 255, 255, 0.55); }
.lp-offer__pricing-feature     { color: rgba(255, 255, 255, 0.92); }
.lp-offer__pricing-cta-sub     { color: rgba(255, 255, 255, 0.55); }
.lp-offer__pricing-pill        { background: #ffffff; color: #0a2a5c; } .lp-offer__pricing-card::before {
content: '';
position: absolute;
top: -40%;
left: -20%;
width: 80%;
height: 80%;
background: radial-gradient(closest-side, rgba(4, 95, 255, 0.06), transparent 70%);
pointer-events: none;
}
.lp-offer__pricing-card > * { position: relative; z-index: 1; } .lp-offer__pricing-pill {
display: inline-block;
background: #0c1726;
color: #ffffff;
padding: 8px 18px;
border-radius: 999px;
font-family: "Figtree", sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 24px;
} .lp-offer__pricing-title {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 30px;
font-weight: 700;
color: #0c1726;
letter-spacing: -0.025em;
margin: 0 0 14px;
line-height: 1.05;
font-style: italic;
}
.lp-offer__pricing-desc {
color: rgba(15, 23, 42, 0.6);
font-size: 14px;
line-height: 1.6;
margin: 0 0 30px;
padding: 0 4px;
} .lp-offer__pricing-price-wrap {
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.lp-offer__pricing-price-prefix {
font-family: "Figtree", sans-serif;
font-size: 12px;
color: rgba(15, 23, 42, 0.5);
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 8px;
} .lp-offer__pricing-value {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 30px;
font-weight: 800;
color: #ffffff;
letter-spacing: -0.025em;
line-height: 1.1;
margin: 0 0 12px;
}
.lp-offer__pricing-price {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 56px;
font-weight: 800;
color: #0c1726;
letter-spacing: -0.04em;
line-height: 1;
margin: 0 0 10px;
display: flex;
align-items: baseline;
justify-content: center;
gap: 6px;
}
.lp-offer__pricing-currency {
font-size: 22px;
font-weight: 600;
color: rgba(15, 23, 42, 0.5);
letter-spacing: 0.04em;
}
.lp-offer__pricing-price-sub {
color: rgba(15, 23, 42, 0.55);
font-size: 12.5px;
margin: 0;
font-style: italic;
letter-spacing: 0.01em;
} .lp-offer__pricing-features {
list-style: none;
padding: 0;
margin: 0 0 32px;
display: flex;
flex-direction: column;
gap: 12px;
text-align: left;
}
.lp-offer__pricing-feature {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
color: #121f30;
font-weight: 500;
line-height: 1.4;
}
.lp-offer__pricing-feature svg {
flex: 0 0 auto;
width: 18px;
height: 18px;
padding: 3px;
background: #045FFF;
color: #ffffff;
border-radius: 50%;
box-shadow: 0 4px 10px rgba(4, 95, 255, 0.28);
} .lp-offer__pricing-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #045FFF;
color: #ffffff !important;
padding: 16px 28px;
border-radius: 999px;
text-decoration: none;
font-family: "Figtree", sans-serif;
font-weight: 700;
font-size: 15.5px;
margin-bottom: 14px;
box-shadow: 0 14px 28px -8px rgba(4, 95, 255, 0.5);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
width: 100%;
box-sizing: border-box;
}
.lp-offer__pricing-cta:hover {
background: #0353db;
transform: translateY(-1px);
box-shadow: 0 18px 32px -8px rgba(4, 95, 255, 0.6);
}
.lp-offer__pricing-cta-sub {
color: rgba(15, 23, 42, 0.5);
font-size: 12px;
margin: 0;
line-height: 1.4;
} @media (max-width: 1024px) {
.lp-offer__layout {
grid-template-columns: 1fr;
gap: 40px;
}
.lp-offer__pricing {
position: static;
max-width: 460px;
margin: 0 auto;
width: 100%;
}
.lp-section-header--left,
.lp-section-header--left .lp-tagline,
.lp-section-header--left .lp-section__title,
.lp-section-header--left .lp-section__desc {
text-align: center;
}
.lp-section-header--left { max-width: none; }
} @media (max-width: 768px) {
.lp-offer__layout { gap: 32px; }
.lp-offer__grid--two-col {
grid-template-columns: 1fr !important;
}
.lp-offer__pricing-card { padding: 36px 24px 28px; }
.lp-offer__pricing-title { font-size: 26px; }
.lp-offer__pricing-price { font-size: 46px; }
.lp-offer__pricing-currency { font-size: 18px; }
} .lp-offer__grid--legacy-anchor { }
.lp-offer__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 48px;
}
.lp-offer__card {
position: relative;
display: flex;
gap: 18px;
align-items: center; padding: 20px 24px;
background: #ffffff;
border-radius: 16px;
border: 1px solid rgba(15, 23, 42, 0.07);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
list-style: none;
overflow: hidden;
} .lp-offer__card::after { content: none !important; display: none !important; }
.lp-offer__text { flex: 1 1 auto; min-width: 0; }
.lp-offer__title { margin: 0 0 4px; }
.lp-offer__desc { font-size: 13.5px; line-height: 1.55; }
.lp-offer__card::before {
content: '';
position: absolute;
top: 0; left: 24px; right: 24px;
height: 2px;
background: linear-gradient(to right, transparent, rgba(4, 95, 255, 0.55), transparent);
opacity: 0;
transition: opacity .25s ease;
}
.lp-offer__card:hover {
transform: translateY(-3px);
border-color: rgba(4, 95, 255, 0.18);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03), 0 24px 48px -22px rgba(15, 23, 42, 0.18), 0 8px 20px -12px rgba(4, 95, 255, 0.12);
}
.lp-offer__card:hover::before { opacity: 1; }
.lp-offer__icon {
flex-shrink: 0;
width: 46px;
height: 46px;
background: linear-gradient(160deg, rgba(4, 95, 255, 0.10) 0%, rgba(4, 95, 255, 0.04) 100%);
border: 1px solid rgba(4, 95, 255, 0.10);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: var(--lp-blue);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.lp-offer__icon svg { width: 22px; height: 22px; }
.lp-offer__title {
font-family: "Inter Tight", sans-serif;
font-size: 16px;
font-weight: 700;
color: var(--lp-text);
margin: 2px 0 8px;
letter-spacing: -0.01em;
line-height: 1.25;
}
.lp-offer__desc {
font-size: 14px;
color: var(--lp-muted);
line-height: 1.6;
margin: 0;
} .lp-offer__grid { list-style: none; padding-left: 0; }
.lp-offer__grid > *::marker { content: none; }
.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: minmax(0, 1fr) minmax(0, 460px);
gap: 64px;
align-items: start;
justify-content: space-between;
}
.lp-cta-form__pitch,
.lp-cta-form__card { min-width: 0; } .lp-cta-form__title .lp-highlight {
white-space: normal;
display: inline;
padding: .04em .35em .12em;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'><path d='M 12 8 C 80 4, 180 6, 260 4 C 330 2, 376 6, 392 12 C 398 36, 400 70, 394 102 C 380 114, 290 118, 210 116 C 130 114, 60 118, 16 112 C 6 84, 4 40, 12 8 Z' fill='%232563eb'/></svg>");
background-repeat: no-repeat;
background-size: 100% 100%;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.lp-cta-form__title .lp-highlight::before { content: none !important; } .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: 14px;
}
.lp-cta-form__form-wrap .wpcf7-form p { margin: 0; } .lp-cta-form__form-wrap .wpcf7-form p > br { display: none; }
.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-compare__table-wrap--5col .lp-compare__row,
.lp-compare__table-wrap--5col .lp-compare__header-row {
grid-template-columns: 1.5fr 0.9fr 0.9fr 1.1fr 0.9fr;
}
.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__col:nth-child(5),
.lp-compare__header-row .lp-compare__col:nth-child(3),
.lp-compare__header-row .lp-compare__col:nth-child(4),
.lp-compare__header-row .lp-compare__col:nth-child(5) { 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__table-wrap--5col .lp-compare__table { min-width: 720px; }
.lp-compare__table-wrap--5col .lp-compare__row,
.lp-compare__table-wrap--5col .lp-compare__header-row {
grid-template-columns: 1.3fr 0.9fr 0.9fr 1.1fr 0.9fr;
} .lp-compare__table-wrap--2col .lp-compare__table { min-width: 0; }
.lp-compare__table-wrap--2col .lp-compare__row,
.lp-compare__table-wrap--2col .lp-compare__header-row {
grid-template-columns: 1.4fr 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-br-desktop { display: none; } .lp-section__title .lp-highlight,
.lp-hero__headline .lp-highlight,
.lp-process__title .lp-highlight {
white-space: normal;
display: inline;
padding: .04em .35em .12em;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'><path d='M 12 8 C 80 4, 180 6, 260 4 C 330 2, 376 6, 392 12 C 398 36, 400 70, 394 102 C 380 114, 290 118, 210 116 C 130 114, 60 118, 16 112 C 6 84, 4 40, 12 8 Z' fill='%232563eb'/></svg>");
background-repeat: no-repeat;
background-size: 100% 100%;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.lp-section__title .lp-highlight::before,
.lp-hero__headline .lp-highlight::before,
.lp-process__title .lp-highlight::before { content: none !important; }
.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;
}
} .lp-founders { padding-block: 88px; } .lp-founders__card {
position: relative;
background: #0a2a5c; border-radius: 32px;
padding: 72px 64px 60px;
color: #ffffff;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.10),
0 50px 100px -36px rgba(8, 35, 80, 0.55);
} .lp-founders .lp-tagline       { color: rgba(255, 255, 255, 0.55); }
.lp-founders .lp-section__title{ color: #ffffff; }
.lp-founders__intro            { color: rgba(255, 255, 255, 0.78); }
.lp-founders__intro strong     { color: #ffffff; }
.lp-founders__stats            { border-top-color: rgba(255, 255, 255, 0.12); }
.lp-founders__stat-value       { color: #ffffff; }
.lp-founders__stat-label       { color: rgba(255, 255, 255, 0.55); }
.lp-founders__stat + .lp-founders__stat::before {
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.16), transparent);
}
.lp-founders__stats::before {
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.45), transparent);
} .lp-founders__card {
border-top: 1px solid rgba(4, 95, 255, 0.22);
}
.lp-founders__card::before { content: '';
position: absolute;
top: -50%;
right: -10%;
width: 70%;
height: 100%;
background: radial-gradient(closest-side, rgba(4, 95, 255, 0.05), transparent 70%);
pointer-events: none;
}
.lp-founders__card::after { display: none;
}
.lp-founders__card > * { position: relative; z-index: 1; }
.lp-section-header--founders { margin-bottom: 48px; }
.lp-founders .lp-tagline {
color: rgba(15, 23, 42, 0.45);
}
.lp-founders .lp-section__title {
color: #121f30;
font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.4rem);
line-height: 1.2;
}
.lp-founders__intro {
color: rgba(15, 23, 42, 0.65);
font-size: 16px;
line-height: 1.65;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.lp-founders__intro strong { color: #121f30; font-weight: 700; } .lp-founders__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
margin-bottom: 40px;
}
.lp-founders__person {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 32px 28px 32px;
background: #ffffff;
border: 1px solid rgba(15, 23, 42, 0.05);
border-radius: 22px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .25s ease;
}
.lp-founders__person:hover {
transform: translateY(-4px);
border-color: rgba(15, 23, 42, 0.10);
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.04),
0 24px 48px -20px rgba(15, 23, 42, 0.18);
}
.lp-founders__photo {
position: relative;
width: 240px;
height: 240px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 28px;
box-shadow:
0 18px 48px -20px rgba(15, 23, 42, 0.22),
0 2px 0 rgba(15, 23, 42, 0.04),
0 0 0 6px rgba(255, 255, 255, 0.95),
0 0 0 7px rgba(4, 95, 255, 0.18);
flex: 0 0 auto;
}
.lp-founders__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
} .lp-founders__photo--bg-blue {
background:
radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.4), transparent 60%),
linear-gradient(160deg, #e8e1d4 0%, #d6cbb8 50%, #c5b89e 100%);
}
.lp-founders__photo--bg-warm {
background:
radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.4), transparent 60%),
linear-gradient(160deg, #e0e3e8 0%, #cdd2d9 50%, #b9c0c9 100%);
}
.lp-founders__person-body {
display: flex;
flex-direction: column;
gap: 14px;
width: 100%;
}
.lp-founders__person-id {
display: flex;
flex-direction: column;
gap: 4px;
}
.lp-founders__person-name {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 26px;
font-weight: 700;
color: #121f30;
margin: 0;
line-height: 1.1;
letter-spacing: -0.02em;
}
.lp-founders__person-last {
color: rgba(15, 23, 42, 0.40);
font-weight: 500;
}
.lp-founders__person-role {
font-size: 12px;
font-weight: 600;
color: rgba(4, 95, 255, 0.85);
margin: 6px 0 0;
letter-spacing: 0.12em;
text-transform: uppercase;
} .lp-founders__quote {
position: relative;
margin: 14px 0 4px;
padding: 4px 0 4px 16px;
background: transparent;
border-left: 1px solid rgba(4, 95, 255, 0.35);
border-radius: 0;
color: rgba(15, 23, 42, 0.78);
font-size: 14.5px;
line-height: 1.65;
font-style: italic;
text-align: left;
letter-spacing: 0.005em;
}
.lp-founders__quote p { margin: 0; }
.lp-founders__quote p::before {
content: '“';
font-family: "Georgia", "Times New Roman", serif;
font-size: 26px;
line-height: 0;
color: rgba(4, 95, 255, 0.5);
position: relative;
top: 6px;
margin-right: 2px;
font-style: normal;
}
.lp-founders__quote p::after {
content: '”';
font-family: "Georgia", "Times New Roman", serif;
font-size: 26px;
line-height: 0;
color: rgba(4, 95, 255, 0.5);
position: relative;
top: 6px;
margin-left: 2px;
font-style: normal;
} .lp-founders__team-others {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 auto 40px;
padding: 12px 20px;
background: #ffffff;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 999px;
color: rgba(15, 23, 42, 0.7);
font-size: 14px;
line-height: 1.4;
width: fit-content;
box-shadow: 0 2px 4px rgba(15, 23, 42, 0.02);
}
.lp-founders__team-others svg { color: #045FFF; flex: 0 0 auto; }
.lp-founders__team-others strong { color: #121f30; font-weight: 700; } .lp-founders__stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: center;
gap: 0;
padding-top: 44px;
margin-top: 8px;
border-top: 1px solid rgba(15, 23, 42, 0.08);
position: relative;
} .lp-founders__stats::before {
content: '';
position: absolute;
top: -1px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 2px;
background: linear-gradient(to right, transparent, rgba(4, 95, 255, 0.5), transparent);
}
.lp-founders__stat {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 6px 18px;
}
.lp-founders__stat + .lp-founders__stat::before {
content: '';
position: absolute;
left: 0;
top: 18%;
bottom: 18%;
width: 1px;
background: linear-gradient(to bottom, transparent, rgba(15, 23, 42, 0.14), transparent);
}
.lp-founders__stat-value {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 38px;
font-weight: 800;
color: #121f30;
letter-spacing: -0.03em;
line-height: 1;
margin-bottom: 10px;
}
.lp-founders__stat-label {
font-size: 11px;
color: rgba(15, 23, 42, 0.5);
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1.4;
}  .lp-founders__card > .lp-founders__team-others {
display: flex;
margin-left: auto;
margin-right: auto;
} @media (max-width: 1024px) {
.lp-founders { padding-block: 64px; }
.lp-founders__card { padding: 48px 36px 40px; }
.lp-founders__photo { width: 180px; height: 180px; }
.lp-founders__stats {
grid-template-columns: repeat(2, 1fr);
row-gap: 26px;
} .lp-founders__stat:nth-child(odd) + .lp-founders__stat::before { display: block; }
.lp-founders__stat:nth-child(2n+1)::before { display: none; }
} @media (max-width: 768px) {
.lp-founders { padding-block: 48px; }
.lp-founders__card {
padding: 36px 22px 32px;
border-radius: 22px;
}
.lp-section-header--founders { margin-bottom: 32px; }
.lp-founders__intro {
font-size: 14.5px;
line-height: 1.6;
}
.lp-founders__grid {
grid-template-columns: 1fr;
gap: 18px;
margin-bottom: 28px;
}
.lp-founders__person {
padding: 28px 20px 24px;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
}
.lp-founders__photo {
width: 140px;
height: 140px;
margin-bottom: 4px;
flex: 0 0 auto;
}
.lp-founders__person-body {
gap: 14px;
width: 100%;
}
.lp-founders__person-name { font-size: 20px; }
.lp-founders__person-role { font-size: 13px; }
.lp-founders__quote {
font-size: 14px;
line-height: 1.55;
padding: 14px 16px 12px;
text-align: left;
}
.lp-founders__team-others {
font-size: 13px;
padding: 10px 14px;
flex-wrap: wrap;
justify-content: center;
text-align: center;
line-height: 1.4;
}
.lp-founders__stats {
grid-template-columns: repeat(2, 1fr);
row-gap: 24px;
padding-top: 26px;
}
.lp-founders__stat-value { font-size: 26px; }
.lp-founders__stat-label { font-size: 11px; } .lp-founders__stat:nth-child(2n+1)::before { display: none; }
} .lp-contact-card {
background: #ffffff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0,0,0,0.12);
color: #232425;
font-family: "Figtree", sans-serif;
display: flex;
flex-direction: column;
} .lp-contact-card__header {
padding: 22px 26px 18px;
background: #ffffff;
color: #121f30;
border-bottom: 1px solid #f0eee9;
}
.lp-contact-card__pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
background: rgba(4, 95, 255, 0.10);
color: #045FFF;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 12px;
}
.lp-contact-card__pill svg { color: #F59E0B; }
.lp-contact-card__title {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.2;
margin: 0 0 6px;
color: #121f30;
}
.lp-contact-card__sub {
font-size: 13.5px;
line-height: 1.45;
margin: 0;
color: #5a5e60;
} .lp-contact-tabs {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
background: #f1efea;
border-bottom: 1px solid #E5E7EB;
padding: 8px;
}
.lp-contact-tab {
appearance: none;
-webkit-appearance: none;
border: 1.5px solid transparent;
background: transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 11px 10px;
border-radius: 10px;
font-family: "Figtree", sans-serif;
font-size: 13.5px;
font-weight: 600;
color: #5a5e60;
transition: background .2s ease, color .2s ease, box-shadow .2s ease,
border-color .2s ease, transform .15s ease;
line-height: 1.2;
text-align: center;
}
.lp-contact-tab:hover {
color: #232425;
background: rgba(255,255,255,0.55);
}
.lp-contact-tab:focus-visible {
outline: 2px solid #045FFF;
outline-offset: 2px;
}
.lp-contact-tab svg {
flex: 0 0 auto;
color: currentColor;
}
.lp-contact-tab.is-active {
background: #045FFF;
color: #ffffff;
border-color: #045FFF;
box-shadow:
0 6px 16px rgba(4,95,255,0.32),
inset 0 1px 0 rgba(255,255,255,0.25);
transform: translateY(-1px);
}
.lp-contact-tab.is-active svg { color: #ffffff; } .lp-contact-panel {
padding: 20px 24px 4px;
flex: 1 1 auto;
}
.lp-contact-panel[hidden] { display: none !important; }
.lp-contact-panel__form-wrap { }
.lp-contact-panel__form-wrap .wpcf7-form {
display: flex;
flex-direction: column;
gap: 14px;
}
.lp-contact-panel__form-wrap .wpcf7-form p { margin: 0; }
.lp-contact-panel__form-wrap .wpcf7-form p > br { display: none; }
.lp-contact-panel__form-wrap .wpcf7-form label {
display: block;
font-size: 13px;
font-weight: 600;
color: #232425;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.lp-contact-panel__form-wrap .wpcf7-form input[type="text"],
.lp-contact-panel__form-wrap .wpcf7-form input[type="email"],
.lp-contact-panel__form-wrap .wpcf7-form input[type="tel"],
.lp-contact-panel__form-wrap .wpcf7-form textarea {
width: 100%;
min-height: 46px;
padding: 11px 14px;
border: 1.5px solid #E5E7EB;
border-radius: 10px;
font-family: "Figtree", sans-serif;
font-size: 15px;
color: #232425;
background: #ffffff;
transition: border-color 0.2s, box-shadow 0.2s;
outline: none;
box-sizing: border-box;
}
.lp-contact-panel__form-wrap .wpcf7-form input:focus,
.lp-contact-panel__form-wrap .wpcf7-form textarea:focus {
border-color: #045FFF;
box-shadow: 0 0 0 3px #EEF4FF;
}
.lp-contact-panel__form-wrap .wpcf7-form .wpcf7-submit {
width: 100%;
min-height: 50px;
padding: 13px 24px;
background: #045FFF;
color: #ffffff;
border: none;
border-radius: 10px;
font-family: "Figtree", sans-serif;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background .18s ease, transform .12s ease, box-shadow .18s ease;
box-shadow: 0 8px 18px rgba(4,95,255,0.28);
}
.lp-contact-panel__form-wrap .wpcf7-form .wpcf7-submit:hover {
background: #0353db;
transform: translateY(-1px);
box-shadow: 0 12px 22px rgba(4,95,255,0.36);
}
.lp-contact-panel__form-wrap .bloc-ctabanner-01__cf7-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.lp-contact-panel__foot {
display: flex;
align-items: center;
gap: 8px;
font-size: 12.5px;
color: #5a5e60;
padding: 14px 0 18px;
margin: 14px 0 0;
border-top: 1px solid #f0eee9;
}
.lp-contact-panel__foot svg { color: #94a3b8; flex: 0 0 auto; }
.lp-contact-panel__foot a {
color: #045FFF;
font-weight: 600;
text-decoration: none;
}
.lp-contact-panel__foot a:hover { text-decoration: underline; } .lp-contact-panel__meeting-intro {
margin-bottom: 14px;
}
.lp-contact-panel__meeting-badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 10px;
}
.lp-contact-panel__badge {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 9px;
background: #EEF4FF;
color: #045FFF;
border-radius: 999px;
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.02em;
}
.lp-contact-panel__meeting-text {
font-size: 13.5px;
line-height: 1.55;
color: #232425;
margin: 0;
}
.lp-contact-panel__calendly {
position: relative;
min-height: 620px;
margin: 0 -24px;
}
.lp-contact-panel__calendly .calendly-inline-widget {
width: 100% !important;
min-width: 320px !important;
}
.lp-contact-panel__calendly-placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
color: #5a5e60;
font-size: 13.5px;
background: #f5f2ee;
}
.lp-spinner {
width: 28px;
height: 28px;
border: 3px solid rgba(4,95,255,0.2);
border-top-color: #045FFF;
border-radius: 50%;
animation: lp-spin .9s linear infinite;
display: inline-block;
}
@keyframes lp-spin { to { transform: rotate(360deg); } } .lp-contact-panel--meeting .lp-contact-panel__foot {
margin-top: 16px;
} .lp-cta-form__layout > .lp-contact-card {
min-width: 0;
width: 100%;
} .lp-cta-form .lp-cta-form__layout {
grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
} @media (max-width: 768px) {
.lp-contact-card { border-radius: 16px; }
.lp-contact-card__header { padding: 18px 18px 14px; }
.lp-contact-card__title { font-size: 19px; }
.lp-contact-card__sub { font-size: 13px; }
.lp-contact-tab {
padding: 10px 8px;
font-size: 12.5px;
}
.lp-contact-tab span { white-space: nowrap; }
.lp-contact-panel { padding: 16px 18px 4px; }
.lp-contact-panel__form-wrap .bloc-ctabanner-01__cf7-row {
grid-template-columns: 1fr;
}
.lp-contact-panel__calendly {
margin: 0 -18px;
min-height: 580px;
}
.lp-contact-panel__calendly .calendly-inline-widget {
height: 580px !important;
}
} .lp-realisations { padding-block: 88px; overflow: hidden; }
.lp-realisations__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-top: 40px;
} .lp-realisations__viewport {
margin-top: 48px;
overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 80px, #000 calc(100% - 80px), transparent);
mask-image: linear-gradient(to right, transparent, #000 80px, #000 calc(100% - 80px), transparent);
}
.lp-realisations__track { --rea-card-w: 360px;
--rea-gap: 28px;
--rea-count: 8;
display: flex;
gap: var(--rea-gap);
width: max-content;
animation: lp-realisations-scroll 60s linear infinite;
will-change: transform;
}
.lp-realisations__viewport:hover .lp-realisations__track,
.lp-realisations__track:focus-within {
animation-play-state: paused;
}
@keyframes lp-realisations-scroll {
from { transform: translateX(0); }
to   { transform: translateX(calc(-1 * var(--rea-count) * (var(--rea-card-w) + var(--rea-gap)))); }
}
@media (prefers-reduced-motion: reduce) {
.lp-realisations__track { animation: none; }
}
.lp-realisations__viewport .lp-realisation {
flex: 0 0 var(--rea-card-w, 360px);
width: var(--rea-card-w, 360px);
}
.lp-realisation {
background: #ffffff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
border: 1px solid rgba(15, 23, 42, 0.06);
transition:
transform .4s cubic-bezier(.22, 1, .36, 1),
box-shadow .4s cubic-bezier(.22, 1, .36, 1),
border-color .3s ease;
}
.lp-realisation:hover {
transform: translateY(-6px);
box-shadow: 0 20px 48px -16px rgba(15, 23, 42, 0.22);
border-color: rgba(4, 95, 255, 0.32);
}
.lp-realisation__link {
display: block;
text-decoration: none;
color: inherit;
height: 100%;
} .lp-realisation__visual {
position: relative;
aspect-ratio: 4 / 3;
background: linear-gradient(135deg, #f5f2ee 0%, #eef4ff 100%);
overflow: hidden;
border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.lp-realisation__visual img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}
.lp-realisation:hover .lp-realisation__visual img {
transform: scale(1.04);
} .lp-realisation__placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
color: rgba(15, 23, 42, 0.5);
text-align: center;
padding: 24px;
}
.lp-realisation__placeholder svg { color: rgba(4, 95, 255, 0.55); }
.lp-realisation__placeholder-name {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 18px;
font-weight: 700;
color: #232425;
}
.lp-realisation__placeholder-hint {
font-size: 12px;
color: #94a3b8;
font-style: italic;
} .lp-realisation__body {
padding: 22px 24px 24px;
display: flex;
flex-direction: column;
gap: 10px;
}
.lp-realisation__name {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 20px;
font-weight: 700;
color: #121f30;
margin: 0;
line-height: 1.2;
letter-spacing: -0.01em;
}
.lp-realisation__meta {
font-size: 13px;
color: #5a5e60;
margin: 0;
font-weight: 500;
letter-spacing: 0.01em;
}
.lp-realisation__dot { color: #cbd5e1; }
.lp-realisation__quote {
margin: 4px 0 0;
padding: 0;
border-left: 2px solid rgba(4, 95, 255, 0.6);
padding-left: 12px;
color: #232425;
font-size: 14px;
line-height: 1.55;
font-style: italic;
}
.lp-realisation__quote p { margin: 0; }
.lp-realisation__cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 6px;
color: #045FFF;
font-size: 14px;
font-weight: 600;
transition: gap .2s ease;
}
.lp-realisation__cta svg {
transition: transform .25s cubic-bezier(.22, 1, .36, 1);
}
.lp-realisation:hover .lp-realisation__cta svg {
transform: translate(3px, -3px);
} @media (max-width: 1024px) {
.lp-realisations { padding-block: 64px; }
.lp-realisations__grid {
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}
.lp-realisation:nth-child(3) {
grid-column: 1 / -1;
max-width: 50%;
margin: 0 auto;
}
} @media (max-width: 768px) {
.lp-realisations { padding-block: 48px; }
.lp-realisations__grid {
grid-template-columns: 1fr;
gap: 18px;
margin-top: 28px;
}
.lp-realisation:nth-child(3) {
max-width: none;
}
.lp-realisation__body { padding: 18px 18px 20px; }
.lp-realisation__name { font-size: 18px; }
.lp-realisation__quote { font-size: 13.5px; } .lp-realisations__viewport {
margin-top: 32px;
-webkit-mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent);
mask-image: linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent);
} .lp-realisations__track {
--rea-card-w: 280px;
--rea-gap: 18px;
animation-duration: 50s;
}
} .lp-hero__guarantees {
list-style: none;
padding: 0;
margin: 22px 0 26px;
display: flex;
flex-direction: column;
gap: 10px;
}
.lp-hero__guarantee {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
background: rgba(4, 95, 255, 0.06);
border: 1px solid rgba(4, 95, 255, 0.18);
border-radius: 12px;
font-family: "Figtree", sans-serif;
font-size: 14.5px;
line-height: 1.4;
color: #232425;
transition: background .18s ease, border-color .18s ease, transform .15s ease;
}
.lp-hero__guarantee:hover {
background: rgba(4, 95, 255, 0.09);
border-color: rgba(4, 95, 255, 0.32);
transform: translateX(2px);
}
.lp-hero__guarantee svg {
flex: 0 0 auto;
color: #ffffff;
background: #045FFF;
border-radius: 50%;
padding: 3px;
width: 22px;
height: 22px;
box-shadow: 0 4px 10px rgba(4, 95, 255, 0.28);
}
.lp-hero__guarantee strong {
color: #045FFF;
font-weight: 700;
}
@media (max-width: 768px) {
.lp-hero__guarantees {
margin: 18px 0 22px;
gap: 8px;
}
.lp-hero__guarantee {
padding: 10px 12px;
font-size: 13.5px;
gap: 10px;
}
.lp-hero__guarantee svg {
width: 20px;
height: 20px;
}
} .lp-hero__cta-meeting {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 14px;
padding: 8px 14px;
background: rgba(4,95,255,0.06);
border: 1px dashed rgba(4,95,255,0.35);
border-radius: 999px;
color: #045FFF;
font-family: "Figtree", sans-serif;
font-size: 13.5px;
font-weight: 600;
text-decoration: none;
transition: background .18s ease, border-color .18s ease, transform .12s ease;
cursor: pointer;
}
.lp-hero__cta-meeting:hover {
background: rgba(4,95,255,0.12);
border-color: rgba(4,95,255,0.6);
transform: translateY(-1px);
}
.lp-hero__cta-meeting svg { flex: 0 0 auto; }
.lp-hero__cta-meeting svg:last-child {
transition: transform .2s ease;
}
.lp-hero__cta-meeting:hover svg:last-child {
transform: translateX(3px);
}
@media (max-width: 768px) {
.lp-hero__cta-meeting {
font-size: 12.5px;
padding: 8px 12px;
margin-top: 12px;
flex-wrap: wrap;
justify-content: center;
text-align: center;
line-height: 1.3;
}
} .lp-sticky-cta.lp-sticky-cta--dual {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 80; transform: none;
opacity: 1;
border-radius: 0;
box-shadow: 0 -8px 30px rgba(0,0,0,0.18);
padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
background: rgba(18,31,48,0.96);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-top: 1px solid rgba(255,255,255,0.08);
gap: 8px;
}
.lp-sticky-cta.lp-sticky-cta--dual .lp-sticky-cta__btn {
flex: 1 1 0;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 12px 10px;
border-radius: 999px;
font-family: "Figtree", sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: transform .12s ease, background .18s ease, box-shadow .18s ease;
}
.lp-sticky-cta.lp-sticky-cta--dual .lp-sticky-cta__btn--phone {
background: rgba(255,255,255,0.1);
color: #ffffff;
border: 1px solid rgba(255,255,255,0.2);
}
.lp-sticky-cta.lp-sticky-cta--dual .lp-sticky-cta__btn--phone:hover {
background: rgba(255,255,255,0.16);
}
.lp-sticky-cta.lp-sticky-cta--dual .lp-sticky-cta__btn--book {
background: #045FFF;
color: #ffffff;
box-shadow: 0 8px 22px rgba(4,95,255,0.4);
}
.lp-sticky-cta.lp-sticky-cta--dual .lp-sticky-cta__btn--book:hover {
background: #0353db;
transform: translateY(-1px);
box-shadow: 0 12px 26px rgba(4,95,255,0.5);
}
@media (max-width: 768px) {
.lp-sticky-cta.lp-sticky-cta--dual { display: flex; } body.page-template-page-landing-abonnement,
body.page-template-page-landing-wordpress {
padding-bottom: 88px;
}
} .lp-trustbadge-wrap {
display: flex;
justify-content: center;
padding: 20px 24px 0;
} .lp-hero__content .lp-trustbadge-wrap {
justify-content: flex-start;
padding: 0;
margin: 14px 0 22px;
}
.lp-hero__content .lp-trustbadge {
padding: 6px 14px;
font-size: 12.5px;
gap: 10px;
}
.lp-hero__content .lp-trustbadge__star {
width: 18px;
height: 18px;
}
.lp-hero__content .lp-trustbadge__star svg {
inset: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
}
.lp-trustbadge {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 18px;
background: #121f30;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 999px;
text-decoration: none;
color: #ffffff;
font-family: "Figtree", sans-serif;
font-size: 14px;
line-height: 1;
box-shadow: 0 10px 30px -10px rgba(4,95,255,0.35);
transition: transform .18s ease, box-shadow .18s ease;
}
a.lp-trustbadge:hover {
transform: translateY(-1px);
box-shadow: 0 14px 36px -10px rgba(4,95,255,0.5);
}
.lp-trustbadge__label {
font-weight: 700;
letter-spacing: 0.01em;
} .lp-trustbadge__stars {
display: inline-flex;
gap: 3px;
}
.lp-trustbadge__star {
position: relative;
width: 22px;
height: 22px;
border-radius: 3px;
overflow: hidden; background:
linear-gradient(
to right,
#045FFF 0,
#045FFF var(--lp-star-fill, 0%),
rgba(255,255,255,0.16) var(--lp-star-fill, 0%),
rgba(255,255,255,0.16) 100%
);
}
.lp-trustbadge__star svg {
position: absolute;
inset: 3px;
width: calc(100% - 6px);
height: calc(100% - 6px);
fill: #ffffff;
}
.lp-trustbadge__rating {
color: rgba(255,255,255,0.85);
}
.lp-trustbadge__rating strong {
color: #ffffff;
font-weight: 600;
}
.lp-trustbadge__source {
display: inline-flex;
align-items: center;
gap: 6px;
padding-left: 12px;
margin-left: 2px;
border-left: 1px solid rgba(255,255,255,0.12);
font-weight: 600;
color: #ffffff;
}
.lp-trustbadge__source-icon {
display: inline-flex;
width: 14px;
height: 14px;
}
.lp-trustbadge__source-icon svg {
width: 100%;
height: 100%;
fill: #045FFF;
}
@media (max-width: 768px) {
.lp-trustbadge-wrap { padding: 14px 12px 0; }
.lp-trustbadge {
gap: 7px;
padding: 6px 10px;
font-size: 11.5px;
}
.lp-trustbadge__stars { gap: 2px; }
.lp-trustbadge__star { width: 16px; height: 16px; }
.lp-trustbadge__star svg { inset: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } .lp-trustbadge__rating { white-space: nowrap; }
.lp-trustbadge__source { padding-left: 7px; } .lp-hero__content .lp-trustbadge {
padding: 5px 10px;
font-size: 11px;
gap: 6px;
}
.lp-hero__content .lp-trustbadge__star { width: 15px; height: 15px; }
.lp-hero__content .lp-trustbadge-wrap { margin: 10px 0 16px; }
} @media (max-width: 768px) {
body.page-template-page-landing-abonnement .usine-float-cta,
body.page-template-page-landing-wordpress .usine-float-cta {
display: none !important;
}
} .lp-landing-header {
position: sticky;
top: 0;
z-index: 100;
background: #ffffff;
border-bottom: 1px solid #E5E7EB;
}
.lp-landing-header__inner {
max-width: 1200px;
margin: 0 auto;
padding: 14px 64px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.lp-landing-header__logo {
display: inline-flex;
align-items: center;
text-decoration: none;
flex: 0 0 auto; cursor: default;
user-select: none;
}
.lp-landing-header__logo-img {
display: block;
height: 40px;
width: auto;
}
.lp-landing-header__logo-text {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 22px;
font-weight: 700;
color: #121f30;
} .lp-landing-header__phone {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 9px 20px 9px 14px;
border-radius: 999px;
background: #045FFF;
text-decoration: none;
box-shadow: 0 6px 18px rgba(4,95,255,0.28);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.lp-landing-header__phone:hover {
background: #0353db;
transform: translateY(-1px);
box-shadow: 0 8px 22px rgba(4,95,255,0.36);
}
.lp-landing-header__phone-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: rgba(255,255,255,0.18);
color: #ffffff;
flex: 0 0 auto;
}
.lp-landing-header__phone-text {
display: flex;
flex-direction: column;
line-height: 1.25;
}
.lp-landing-header__phone-label {
font-family: "Figtree", sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: rgba(255,255,255,0.72);
}
.lp-landing-header__phone-number {
font-family: "Inter Tight", "Figtree", sans-serif;
font-size: 17px;
font-weight: 700;
color: #ffffff;
}
@media (max-width: 768px) {
.lp-landing-header__inner { padding: 10px 20px; gap: 12px; }
.lp-landing-header__logo-img { height: 32px; }
.lp-landing-header__logo-text { font-size: 18px; }
.lp-landing-header__phone {
padding: 9px;
gap: 0;
}
.lp-landing-header__phone-icon { width: 36px; height: 36px; } .lp-landing-header__phone-text { display: none; }
}  .lp-founders__card .lp-tagline,
.lp-founders .lp-tagline            { color: rgba(255, 255, 255, 0.55); }
.lp-founders .lp-section__title     { color: #ffffff; }
.lp-founders__intro                 { color: rgba(255, 255, 255, 0.78); }
.lp-founders__intro strong          { color: #ffffff; }
.lp-founders__stats                 { border-top-color: rgba(255, 255, 255, 0.12); }
.lp-founders__stat-value            { color: #ffffff; }
.lp-founders__stat-label            { color: rgba(255, 255, 255, 0.55); }  .lp-offer__pricing-title            { color: #ffffff; }
.lp-offer__pricing-desc             { color: rgba(255, 255, 255, 0.72); }
.lp-offer__pricing-price-wrap       { border-bottom-color: rgba(255, 255, 255, 0.14); }
.lp-offer__pricing-price-prefix     { color: rgba(255, 255, 255, 0.60); }
.lp-offer__pricing-price            { color: #ffffff; }
.lp-offer__pricing-currency         { color: rgba(255, 255, 255, 0.55); }
.lp-offer__pricing-price-sub        { color: rgba(255, 255, 255, 0.55); }
.lp-offer__pricing-feature          { color: rgba(255, 255, 255, 0.92); }
.lp-offer__pricing-cta-sub          { color: rgba(255, 255, 255, 0.55); }
.lp-offer__pricing-pill             { background: #ffffff; color: #0a2a5c; }