.jlf-geo-facts {
box-sizing: border-box;
margin: clamp(24px, 4vw, 44px) 0;
padding: clamp(22px, 4vw, 34px);
border: 1px solid rgba(17, 17, 17, .12);
border-radius: 20px;
background: #fff9d9;
color: #111;
box-shadow: 0 14px 34px rgba(17, 17, 17, .07);
}
.jlf-geo-facts *, .jlf-runtime-proof * { box-sizing: border-box; }
.jlf-geo-facts__eyebrow {
margin: 0 0 8px;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.jlf-geo-facts__title {
margin: 0 0 10px;
font-size: clamp(24px, 3vw, 36px);
line-height: 1.08;
}
.jlf-geo-facts__answer {
max-width: 850px;
margin: 0 0 18px;
font-size: 17px;
line-height: 1.65;
}
.jlf-geo-facts__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 18px;
margin: 0;
padding: 0;
list-style: none;
}
.jlf-geo-facts__list li {
display: flex;
align-items: flex-start;
gap: 9px;
margin: 0;
font-weight: 750;
line-height: 1.45;
}
.jlf-geo-facts__list li span {
flex: 0 0 auto;
width: 22px;
height: 22px;
border-radius: 999px;
background: #111;
color: #fff;
font-size: 13px;
line-height: 22px;
text-align: center;
}
.jlf-geo-facts__cta { margin: 22px 0 0; }
.jlf-geo-facts__cta a {
display: inline-flex;
min-height: 46px;
align-items: center;
justify-content: center;
padding: 11px 18px;
border-radius: 999px;
background: #111;
color: #fff !important;
font-weight: 850;
text-decoration: none !important;
}
.jlf-geo-facts__cta a:hover,
.jlf-geo-facts__cta a:focus-visible {
background: #2c2c2c;
transform: translateY(-1px);
}
.jlf-geo-facts__actions {
margin-top: 22px;
display: grid;
grid-template-columns: repeat(2, minmax(0, max-content));
gap: 10px;
}
.jlf-channel-link {
min-height: 50px;
padding: 12px 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid #111;
border-radius: 999px;
font-size: 14px;
font-weight: 950;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.jlf-channel-link:hover,
.jlf-channel-link:focus-visible {
transform: translateY(-1px);
box-shadow: 0 9px 20px rgba(17, 17, 17, .16);
}
.jlf-channel-link--email-primary {
background: #f6df22;
color: #111 !important;
}
.jlf-channel-link--whatsapp {
border-color: #117a36;
background: #25d366;
color: #071f10 !important;
}
.jlf-channel-link--email-secondary {
background: #fff;
color: #111 !important;
}
.jlf-channel-link--whatsapp-inline {
min-height: 48px;
margin: 10px 0 16px;
padding: 11px 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid #117a36;
border-radius: 999px;
background: #25d366;
color: #071f10 !important;
font-weight: 950;
line-height: 1.3;
text-align: center;
text-decoration: none !important;
box-shadow: 0 8px 18px rgba(17, 122, 54, .17);
} .jlf-offer-choice {
width: fit-content;
max-width: 100%;
min-height: 54px;
margin: 10px 0 24px;
padding: 13px 19px;
display: inline-flex !important;
align-items: center;
justify-content: space-between;
gap: 14px;
border: 2px solid #111;
border-radius: 14px;
background: #f6df22;
color: #111 !important;
font-size: 15px;
font-weight: 950 !important;
line-height: 1.3;
text-decoration: none !important;
box-shadow: 5px 5px 0 #111;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.jlf-offer-choice::after {
content: "→";
flex: 0 0 auto;
font-size: 21px;
line-height: 1;
}
.jlf-offer-choice:hover,
.jlf-offer-choice:focus-visible {
background: #ffe930;
transform: translate(-1px, -1px);
box-shadow: 7px 7px 0 #111;
}
.jlf-hub-offers {
margin: clamp(24px, 4vw, 42px) 0;
padding: clamp(22px, 4vw, 36px);
border: 2px solid #111;
border-radius: 22px;
background: #fff9d9;
color: #111;
box-shadow: 0 16px 38px rgba(17, 17, 17, .09);
}
.jlf-hub-offers__eyebrow {
margin: 0 0 8px !important;
color: #7c6c00;
font-size: 12px;
font-weight: 950;
letter-spacing: .09em;
text-transform: uppercase;
}
.jlf-hub-offers h2 {
max-width: 820px;
margin: 0 0 10px !important;
color: #111;
font-size: clamp(26px, 3.5vw, 41px);
line-height: 1.08;
letter-spacing: -.03em;
}
.jlf-hub-offers__lead {
max-width: 820px;
margin: 0 0 20px !important;
color: #414141;
font-size: 15px;
line-height: 1.62;
}
.jlf-hub-offers__actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.jlf-hub-offers__actions .jlf-offer-choice {
width: 100%;
margin: 0;
}
.jlf-runtime-proof { animation: jlfProofIn .35s ease-out both; }
@keyframes jlfProofIn {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 700px) {
.jlf-geo-facts__list { grid-template-columns: 1fr; }
.jlf-geo-facts__answer { font-size: 16px; }
.jlf-geo-facts__actions { grid-template-columns: 1fr; }
.jlf-channel-link,
.jlf-channel-link--whatsapp-inline,
.jlf-offer-choice { width: 100%; }
.jlf-hub-offers__actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
.jlf-runtime-proof { animation: none; }
.jlf-geo-facts__cta a,
.jlf-channel-link,
.jlf-offer-choice { transition: none; }
} .jlf-enterprise-geo,
.jlf-enterprise-geo * {
box-sizing: border-box;
}
.jlf-enterprise-geo {
width: 100%;
margin: clamp(30px, 5vw, 58px) 0;
overflow: hidden;
border: 1px solid rgba(17, 17, 17, .13);
border-radius: 28px;
background: #fffdf4;
color: #111;
box-shadow: 0 22px 58px rgba(17, 17, 17, .11);
}
.jlf-enterprise-geo__hero {
padding: clamp(28px, 5vw, 58px);
background:
radial-gradient(circle at 92% 0, rgba(246, 223, 34, .28), transparent 31%),
#111;
color: #fff;
}
.jlf-enterprise-geo__eyebrow,
.jlf-enterprise-geo__kicker {
margin: 0 0 10px !important;
color: #c5ad00;
font-size: 12px;
font-weight: 950;
line-height: 1.35;
letter-spacing: .105em;
text-transform: uppercase;
}
.jlf-enterprise-geo__eyebrow { color: #f6df22; }
.jlf-enterprise-geo__hero h2 {
max-width: 900px;
margin: 0 0 18px !important;
color: #fff;
font-size: clamp(34px, 5vw, 64px);
line-height: .98;
letter-spacing: -.045em;
}
.jlf-enterprise-geo__answer {
max-width: 960px;
margin: 0 !important;
color: rgba(255, 255, 255, .84);
font-size: clamp(16px, 1.7vw, 19px);
line-height: 1.68;
}
.jlf-enterprise-geo__answer strong { color: #fff; }
.jlf-enterprise-geo__stats {
margin-top: clamp(24px, 4vw, 38px);
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 11px;
}
.jlf-enterprise-geo__stats > div {
min-width: 0;
padding: 17px;
display: grid;
gap: 5px;
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 17px;
background: rgba(255, 255, 255, .065);
}
.jlf-enterprise-geo__stats strong {
color: #f6df22;
font-size: clamp(25px, 3vw, 38px);
line-height: 1;
}
.jlf-enterprise-geo__stats span {
color: rgba(255, 255, 255, .75);
font-size: 12px;
line-height: 1.4;
}
.jlf-enterprise-geo__content {
padding: clamp(28px, 5vw, 58px);
}
.jlf-enterprise-geo__section + .jlf-enterprise-geo__section {
margin-top: clamp(38px, 6vw, 68px);
}
.jlf-enterprise-geo__section > h3,
.jlf-enterprise-geo__cta h3 {
max-width: 860px;
margin: 0 0 20px !important;
color: #111;
font-size: clamp(27px, 3.5vw, 43px);
line-height: 1.06;
letter-spacing: -.035em;
}
.jlf-enterprise-geo__cards,
.jlf-enterprise-geo__qa {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.jlf-enterprise-geo__cards article,
.jlf-enterprise-geo__qa article {
min-width: 0;
padding: clamp(18px, 3vw, 27px);
border: 1px solid rgba(17, 17, 17, .12);
border-radius: 18px;
background: #fff;
}
.jlf-enterprise-geo__cards article:first-child,
.jlf-enterprise-geo__qa article:first-child {
border-color: rgba(197, 173, 0, .5);
background: #fff9d9;
}
.jlf-enterprise-geo__cards h4,
.jlf-enterprise-geo__qa h4 {
margin: 0 0 9px !important;
color: #111;
font-size: 19px;
line-height: 1.2;
}
.jlf-enterprise-geo__cards p,
.jlf-enterprise-geo__qa p,
.jlf-enterprise-geo__area p,
.jlf-enterprise-geo__area li {
margin-top: 0 !important;
color: #3f3f3f;
font-size: 15px;
line-height: 1.65;
}
.jlf-enterprise-geo__cards p,
.jlf-enterprise-geo__qa p { margin-bottom: 0 !important; }
.jlf-enterprise-geo__area {
padding: clamp(24px, 4vw, 40px);
border-radius: 22px;
background: #f6df22;
}
.jlf-enterprise-geo__area .jlf-enterprise-geo__kicker { color: #111; }
.jlf-enterprise-geo__area ul {
margin: 18px 0 0 !important;
padding-left: 21px !important;
}
.jlf-enterprise-geo__area li + li { margin-top: 8px !important; }
.jlf-enterprise-geo__area li::marker { color: #111; }
.jlf-enterprise-geo__cta {
margin-top: clamp(38px, 6vw, 68px);
padding: clamp(24px, 4vw, 40px);
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 24px;
border-radius: 22px;
background: #111;
color: #fff;
}
.jlf-enterprise-geo__cta .jlf-enterprise-geo__kicker { color: #f6df22; }
.jlf-enterprise-geo__cta h3 {
margin-bottom: 8px !important;
color: #fff;
}
.jlf-enterprise-geo__cta p:last-child {
margin: 0 !important;
color: rgba(255, 255, 255, .72);
font-size: 14px;
}
.jlf-enterprise-geo__cta > a {
min-height: 54px;
padding: 14px 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #f6df22;
color: #111 !important;
font-size: 14px;
font-weight: 950;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.jlf-enterprise-geo__cta > a:hover,
.jlf-enterprise-geo__cta > a:focus-visible {
background: #ffe930;
transform: translateY(-1px);
box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
}
@media (max-width: 920px) {
.jlf-enterprise-geo__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jlf-enterprise-geo__cta { grid-template-columns: 1fr; }
.jlf-enterprise-geo__cta > a { justify-self: start; }
}
@media (max-width: 680px) {
.jlf-enterprise-geo { border-radius: 21px; }
.jlf-enterprise-geo__hero,
.jlf-enterprise-geo__content { padding: 25px 19px; }
.jlf-enterprise-geo__hero h2 { font-size: clamp(33px, 11vw, 47px); }
.jlf-enterprise-geo__stats,
.jlf-enterprise-geo__cards,
.jlf-enterprise-geo__qa { grid-template-columns: 1fr; }
.jlf-enterprise-geo__stats > div {
grid-template-columns: auto 1fr;
align-items: baseline;
}
.jlf-enterprise-geo__cta > a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.jlf-enterprise-geo__cta > a { transition: none; }
} .jlf-enterprise-quote {
position: relative;
margin-top: 18px;
padding: clamp(24px, 4vw, 42px);
border: 2px solid #111;
border-radius: 22px;
background: #fff;
box-shadow: 0 18px 42px rgba(17, 17, 17, .09);
}
.jlf-enterprise-quote__heading {
max-width: 850px;
margin-bottom: 24px;
}
.jlf-enterprise-quote__heading h3 {
margin: 0 0 11px !important;
color: #111;
font-size: clamp(27px, 3.5vw, 43px);
line-height: 1.06;
letter-spacing: -.035em;
}
.jlf-enterprise-quote__heading > p:last-child {
margin: 0 !important;
color: #444;
font-size: 16px;
line-height: 1.65;
}
.jlf-enterprise-quote__status {
margin: 0 0 22px;
padding: 15px 17px;
border: 1px solid;
border-radius: 14px;
font-size: 14px;
line-height: 1.55;
}
.jlf-enterprise-quote__status--success {
border-color: #2f7d32;
background: #edf8ee;
color: #174719;
}
.jlf-enterprise-quote__status--error {
border-color: #a51616;
background: #fff0f0;
color: #741010;
}
.jlf-enterprise-quote__hp {
position: absolute !important;
left: -10000px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.jlf-enterprise-quote__privacy {
margin: 2px 0 17px !important;
color: #555;
font-size: 12px;
line-height: 1.55;
}
.jlf-enterprise-quote__privacy a {
color: #111 !important;
font-weight: 850;
text-decoration: underline !important;
}
.jlf-enterprise-quote__secondary {
margin-top: 22px;
padding-top: 18px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
border-top: 1px solid rgba(17, 17, 17, .12);
color: #555;
font-size: 13px;
line-height: 1.4;
}
.jlf-enterprise-quote__secondary span { font-weight: 850; }
.jlf-enterprise-quote__secondary a {
padding: 8px 12px;
border: 1px solid rgba(17, 17, 17, .22);
border-radius: 999px;
background: #fff;
color: #111 !important;
font-weight: 900;
text-decoration: none !important;
}
.jlf-enterprise-quote__secondary a:first-of-type {
border-color: #25d366;
background: #effcf3;
}
.jlf-enterprise-quote .jlf-devis-form__submit:disabled {
cursor: wait;
opacity: .72;
transform: none;
}
@media (max-width: 680px) {
.jlf-enterprise-quote {
margin-top: 14px;
padding: 23px 17px;
border-radius: 18px;
}
.jlf-enterprise-quote__secondary {
align-items: stretch;
flex-direction: column;
}
.jlf-enterprise-quote__secondary a { text-align: center; }
} .jlf-devis-conversion,
.jlf-devis-conversion * {
box-sizing: border-box;
}
.jlf-devis-conversion {
width: min(1180px, 100%);
max-width: 1180px !important;
margin: 0 auto clamp(42px, 7vw, 76px) !important;
display: grid;
grid-template-columns: minmax(280px, .75fr) minmax(480px, 1.25fr);
overflow: hidden;
border: 1px solid rgba(17, 17, 17, .13);
border-radius: 30px;
background: #111;
color: #fff;
box-shadow: 0 26px 70px rgba(17, 17, 17, .18);
}
.jlf-devis-conversion__intro {
min-width: 0;
padding: clamp(28px, 4vw, 52px);
display: flex;
flex-direction: column;
justify-content: center;
background:
radial-gradient(circle at 0 0, rgba(246, 223, 34, .24), transparent 34%),
#111;
}
.jlf-devis-conversion__eyebrow,
.jlf-devis-conversion__step {
margin: 0 0 10px !important;
font-size: 12px;
line-height: 1.25;
font-weight: 950;
letter-spacing: .11em;
text-transform: uppercase;
}
.jlf-devis-conversion__eyebrow { color: #f6df22; }
.jlf-devis-conversion__intro h2 {
margin: 0 0 16px !important;
color: #fff;
font-size: clamp(32px, 4vw, 54px);
line-height: .99;
letter-spacing: -.045em;
}
.jlf-devis-conversion__lead {
margin: 0 0 24px !important;
color: rgba(255, 255, 255, .82);
font-size: 17px;
line-height: 1.62;
}
.jlf-devis-conversion__proofs {
margin: 0 0 26px !important;
padding: 0 !important;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
list-style: none !important;
}
.jlf-devis-conversion__proofs li {
min-width: 0;
margin: 0 !important;
padding: 14px;
display: grid;
gap: 3px;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 15px;
background: rgba(255, 255, 255, .065);
}
.jlf-devis-conversion__proofs strong {
color: #f6df22;
font-size: 18px;
line-height: 1.1;
}
.jlf-devis-conversion__proofs span {
color: rgba(255, 255, 255, .74);
font-size: 12px;
line-height: 1.35;
}
.jlf-devis-conversion__direct {
display: grid;
gap: 10px;
}
.jlf-devis-direct {
min-height: 48px;
padding: 11px 16px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
font-size: 13px;
font-weight: 950;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.jlf-devis-direct:hover,
.jlf-devis-direct:focus-visible { transform: translateY(-1px); }
.jlf-devis-direct--whatsapp {
background: #25d366;
color: #071f10 !important;
}
.jlf-devis-direct--email {
border: 2px solid #f6df22;
background: #f6df22;
color: #111 !important;
}
.jlf-devis-direct--phone {
border: 1px solid rgba(255, 255, 255, .24);
background: transparent;
color: #fff !important;
}
.jlf-devis-conversion__privacy {
margin: 18px 0 0 !important;
color: rgba(255, 255, 255, .55);
font-size: 11px;
line-height: 1.5;
}
.jlf-devis-conversion__form-card {
min-width: 0;
padding: clamp(26px, 4vw, 48px);
background: #fffdf4;
color: #111;
}
.jlf-devis-conversion__step {
display: inline-flex;
padding: 7px 10px;
border-radius: 999px;
background: #f6df22;
color: #111;
}
.jlf-devis-conversion__form-card h3 {
margin: 2px 0 24px !important;
font-size: clamp(27px, 3vw, 39px);
line-height: 1.05;
letter-spacing: -.035em;
}
.jlf-devis-form {
width: 100%;
margin: 0;
}
.jlf-devis-form__row {
width: 100%;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}
.jlf-devis-form__row--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.jlf-devis-form label:not(.jlf-devis-form__consent) {
min-width: 0;
margin: 0 0 15px !important;
display: grid;
gap: 7px;
color: #111;
font-size: 12px;
font-weight: 900;
line-height: 1.35;
letter-spacing: .055em;
text-transform: uppercase;
}
.jlf-devis-form label > span[aria-hidden="true"] { color: #a51616; }
.jlf-devis-form input:not([type="checkbox"]),
.jlf-devis-form select,
.jlf-devis-form textarea {
width: 100%;
min-width: 0;
min-height: 52px;
margin: 0;
padding: 13px 14px;
border: 1px solid rgba(17, 17, 17, .22);
border-radius: 13px;
background: #fff;
color: #111;
font: inherit;
font-size: 16px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.4;
text-transform: none;
box-shadow: none;
outline: none;
transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.jlf-devis-form textarea {
min-height: 128px;
resize: vertical;
}
.jlf-devis-form input:not([type="checkbox"]):focus,
.jlf-devis-form select:focus,
.jlf-devis-form textarea:focus {
border-color: #111;
background: #fff;
box-shadow: 0 0 0 4px rgba(246, 223, 34, .46);
}
.jlf-devis-form__consent {
margin: 3px 0 17px !important;
display: grid !important;
grid-template-columns: 22px 1fr;
align-items: start;
gap: 10px;
color: #333;
font-size: 13px;
font-weight: 700;
line-height: 1.45;
letter-spacing: 0;
text-transform: none;
}
.jlf-devis-form__consent input {
width: 20px;
height: 20px;
margin: 0;
accent-color: #111;
}
.jlf-devis-form__submit {
width: 100%;
min-height: 58px;
margin: 0;
padding: 14px 22px;
border: 2px solid #111;
border-radius: 999px;
background: #f6df22;
color: #111;
cursor: pointer;
font-size: 15px;
font-weight: 950;
line-height: 1.25;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.jlf-devis-form__submit:hover,
.jlf-devis-form__submit:focus-visible {
background: #ffe930;
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(17, 17, 17, .16);
}
.jlf-devis-form__note,
.jlf-devis-form__noscript {
margin: 12px 0 0 !important;
color: #5f5f5f;
font-size: 11px;
line-height: 1.5;
text-align: center;
}
.jlf-devis-form__noscript {
padding: 10px;
border-radius: 10px;
background: #fff3c2;
}
.jlf-devis-conversion:target,
#jlf-devis-form:target,
#jlf-enterprise-quote-form:target {
scroll-margin-top: 120px;
}
@media (max-width: 980px) {
.jlf-devis-conversion {
grid-template-columns: 1fr;
width: 100%;
}
.jlf-devis-conversion__intro {
padding-bottom: 30px;
}
}
@media (max-width: 720px) {
.jlf-devis-conversion {
margin-top: 0 !important;
border-radius: 22px;
}
.jlf-devis-conversion__intro,
.jlf-devis-conversion__form-card {
padding: 24px 19px;
}
.jlf-devis-conversion__intro h2 {
font-size: clamp(31px, 10vw, 43px);
}
.jlf-devis-conversion__proofs,
.jlf-devis-form__row,
.jlf-devis-form__row--three {
grid-template-columns: 1fr;
}
.jlf-devis-conversion__proofs { gap: 8px; }
.jlf-devis-conversion__proofs li {
grid-template-columns: auto 1fr;
align-items: baseline;
gap: 8px;
}
.jlf-devis-form input:not([type="checkbox"]),
.jlf-devis-form select,
.jlf-devis-form textarea {
font-size: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.jlf-devis-direct,
.jlf-devis-form__submit { transition: none; }
}