/* The original SaaS reel becomes the decorative first-screen background. */
.lp-header { background:transparent; backdrop-filter:none; }
.lp-header .lp-brand { color:#f5f8f2; }
.lp-header .lp-login { border-color:#ffffff40; background:#ffffff0d; color:#fff; }
.lp-header .lp-login:hover { border-color:#ffffff80; background:#ffffff1a; }
.lp-hero--wall { display:grid; align-items:center; isolation:isolate; min-height:100vh; min-height:100svh; padding:132px 0 108px; background:#19241e; }
.lp-hero--wall::before { display:none; }
.lp-hero--wall > .lp-shell { position:relative; z-index:2; min-width:0; }
.lp-revenue-ticker { position:relative; width:100%; margin:0 auto 42px; }
.lp-revenue-ticker__viewport { overflow:hidden; padding:4px 0; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.lp-revenue-ticker__track { display:flex; width:max-content; animation:lp-revenue-scroll 100s linear infinite; animation-play-state:paused; }
.lp-revenue-ticker__list { display:flex; flex:0 0 auto; gap:12px; margin:0; padding:0 12px 0 0; list-style:none; }
.lp-revenue-ticker__item { display:flex; align-items:center; gap:10px; height:60px; padding:0 18px; border:1px solid #ffffff24; border-radius:14px; background:linear-gradient(120deg,#292b30f2,#1b1d21f5); box-shadow:inset 0 1px 0 #ffffff06; white-space:nowrap; }
.lp-revenue-ticker__item img { flex:0 0 30px; width:30px; height:30px; border-radius:9px; object-fit:contain; background:#fff; }
.lp-revenue-ticker__name { color:#e5e7eb; font:600 15px/1.2 'Barlow',sans-serif; }
.lp-revenue-ticker__value { display:flex; align-items:baseline; gap:3px; margin-left:12px; padding-left:16px; border-left:1px solid #ffffff24; }
.lp-revenue-ticker__value strong { color:#fff; font:600 20px/1.2 'Barlow',sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.35px; }
.lp-revenue-ticker__value small { color:#aeb1b8; font:400 12px/1.2 'Barlow',sans-serif; }
.lp-revenue-ticker__viewport:focus-visible { outline:2px solid #d1d5db; outline-offset:3px; }
.lp-hero--wall[data-moving="true"] .lp-revenue-ticker__track { animation-play-state:running; }
@keyframes lp-revenue-scroll { to { transform:translate3d(-50%,0,0); } }
@media(max-width:760px) {
    .lp-revenue-ticker { margin-bottom:30px; }
    .lp-revenue-ticker__item { height:52px; gap:8px; padding:0 12px; border-radius:12px; }
    .lp-revenue-ticker__list { gap:8px; padding-right:8px; }
    .lp-revenue-ticker__item img { width:26px; height:26px; flex-basis:26px; border-radius:7px; }
    .lp-revenue-ticker__name { font-size:14px; }
    .lp-revenue-ticker__value { margin-left:5px; padding-left:10px; }
    .lp-revenue-ticker__value strong { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
    .lp-revenue-ticker__track { animation:none; }
    .lp-revenue-ticker__viewport { overflow-x:auto; scrollbar-width:thin; }
    .lp-revenue-ticker__list[aria-hidden] { display:none; }
}
.lp-hero--wall .lp-hero__copy { max-width:1050px; margin:0 auto; }
.lp-hero--wall h1 { color:#fff; font-size:clamp(53px,6.9vw,96px); line-height:1.06; letter-spacing:-.055em; text-shadow:0 3px 28px #06150e44; }
.lp-hero--wall h1 span { color:#fff; }
.lp-hero--wall h1 .lp-hero__opening { display:block; color:#fff; white-space:nowrap; }
.lp-hero--wall h1 .lp-hero__closing { color:#fff; white-space:nowrap; }
html[lang="fr"] .lp-hero--wall h1 { font-size:clamp(48px,5.6vw,79px); }
html[lang="fr"] .lp-hero--wall h1 .lp-hero__opening,
html[lang="fr"] .lp-hero--wall h1 .lp-hero__closing { white-space:normal; }
.lp-hero__takeoff { display:inline-flex; align-items:center; gap:.14em; white-space:nowrap; }
.lp-hero__growth-icon { display:block; width:.72em; height:.72em; flex:0 0 .72em; }
.lp-hero--wall .lp-hero__actions { margin-top:40px; }
.lp-hero--wall .lp-hero__actions .lp-button { min-width:380px; min-height:76px; gap:14px; padding-inline:32px; border-color:#fff; border-radius:14px; background:#fff; color:#17221b; font-size:20px; font-weight:800; box-shadow:0 12px 36px #0006; }
.lp-hero--wall .lp-hero__actions .lp-button:hover { background:#f2f4f2; border-color:#f2f4f2; transform:translateY(-2px); }
.lp-hero--wall .lp-hero__actions .lp-button:focus-visible { outline:3px solid #fff; outline-offset:6px; }
.lp-hero--wall .lp-google-icon { width:32px; height:32px; flex-basis:32px; padding:4px; border-radius:50%; background:#fff; }
.lp-hero-wall { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; contain:layout paint; }
.lp-hero-wall::after { position:absolute; inset:0; content:''; background:linear-gradient(#000000a6,#000000a6),linear-gradient(180deg,#0a1914b3,transparent 25%,#0a191426 80%,#0a191473),radial-gradient(ellipse at 50% 48%,#071b16eb 0%,#0a1b17b3 40%,#10231b38 100%); }
.lp-hero-wall__wall { position:absolute; left:50%; top:-320px; display:flex; align-items:flex-start; gap:19px; width:max(125vw,1150px); transform:translateX(-50%) rotate(-9deg); transform-origin:50% 45vh; }
/* Reserve all five columns even while the browser is still parsing the cards. */
.lp-hero-wall__reel { flex:0 0 calc((100% - 76px)/5); min-width:0; animation:lp-hero-reel 88s linear infinite; animation-play-state:paused; will-change:transform; }
.lp-hero-wall__reel:nth-child(2) { animation-duration:104s; animation-delay:-28s; }
.lp-hero-wall__reel:nth-child(3) { animation-duration:82s; animation-delay:-12s; }
.lp-hero-wall__reel:nth-child(4) { animation-duration:98s; animation-delay:-42s; }
.lp-hero-wall__reel:nth-child(5) { animation-duration:92s; animation-delay:-20s; }
.lp-hero-wall__reel-group { display:grid; gap:19px; padding-bottom:19px; }
.lp-hero--wall[data-moving="true"] .lp-hero-wall__reel { animation-play-state:running; }
@keyframes lp-hero-reel { from { transform:translate3d(0,0,0); } to { transform:translate3d(0,-50%,0); } }
/* Crisp product cards, with their recorded traffic and monthly growth. */
.lp-hero-wall__card { overflow:hidden; border:1px solid #dce7df; border-radius:16px; background:#fff; box-shadow:0 8px 28px #051c1426; color:#21362b; }
.lp-hero-wall__card-preview { position:relative; aspect-ratio:230/130; overflow:hidden; border-bottom:1px solid #e6eee8; background:#edf2ef; }
.lp-hero-wall__card-preview img { position:absolute; inset:25px 0 0; display:block; width:100%; height:calc(100% - 25px); object-fit:cover; object-position:top; }
.lp-hero-wall__browser { position:absolute; z-index:1; inset:0 0 auto; display:flex; align-items:center; gap:4px; height:25px; padding:0 10px; border-bottom:1px solid #e4eae6; background:#f6f8f6; }
.lp-hero-wall__browser i { width:4px; height:4px; flex:0 0 4px; border-radius:50%; background:#bccbc1; }
.lp-hero-wall__browser span { flex:1; overflow:hidden; padding-right:20px; color:#697b70; font-size:8px; font-weight:500; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.lp-hero-wall__card-body { padding:16px 16px 12px; }
.lp-hero-wall__identity { display:flex; align-items:center; gap:9px; }
.lp-hero-wall__mark { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; overflow:hidden; border:1px solid #e2e8e3; border-radius:9px; background:#fff; }
.lp-hero-wall__mark img { display:block; width:24px; height:24px; object-fit:contain; border-radius:5px; }
.lp-hero-wall__card-name { overflow:hidden; color:#233a2c; font:600 23px/1.2 'Barlow',sans-serif; letter-spacing:-.3px; text-overflow:ellipsis; white-space:nowrap; }
.lp-hero-wall__status { display:grid; place-items:center; width:23px; height:23px; flex:0 0 23px; margin-left:auto; border-radius:50%; background:#ecf7ee; color:#459262; font:600 15px/1 'Manrope',sans-serif; }
.lp-hero-wall__card-metrics { display:flex; justify-content:space-between; align-items:flex-end; gap:10px; margin-top:18px; }
.lp-hero-wall__card-metrics small { display:block; font-size:8px; line-height:1.5; color:#7b8d80; }
.lp-hero-wall__card-metrics b { display:block; margin-top:3px; color:#1e3929; font:600 31px/1 'Barlow',sans-serif; letter-spacing:-.8px; white-space:nowrap; }
.lp-hero-wall__growth-group { flex:0 0 auto; padding-bottom:1px; text-align:right; }
.lp-hero-wall__growth { display:inline-flex; align-items:center; padding:4px 7px; border:1px solid #d8eddf; border-radius:6px; background:#ecf8ee; color:#237b45; font-size:11px; line-height:1.35; font-weight:800; white-space:nowrap; }
.lp-hero-wall__growth-group small { margin-top:5px; font-size:7px; }
.lp-hero-wall__card-body > .lp-hero-wall__chart { display:block; width:100%; height:52px; margin:18px 0 8px; overflow:visible; }
.lp-hero-wall__card-footer { display:flex; justify-content:space-between; padding-top:7px; border-top:1px solid #edf2ee; font-size:8px; line-height:1.3; color:#809185; }

.lp-header a:focus-visible { outline:3px solid #c9f490; outline-offset:4px; }
@media(min-width:1800px) { .lp-hero-wall__card-body { padding:20px; } .lp-hero-wall__card-name { font-size:28px; } .lp-hero-wall__card-body > .lp-hero-wall__chart { height:62px; } }
@media(max-width:760px) {
    .lp-hero--wall { padding:112px 0 94px; }
    .lp-hero--wall h1 { font-size:clamp(38px,10.1vw,64px); line-height:1.12; letter-spacing:-.048em; }
    html[lang="en"] .lp-hero--wall h1 { font-size:min(calc((100vw - 28px) / 11.1),64px); }
    html[lang="fr"] .lp-hero--wall h1 { font-size:clamp(35px,9.7vw,64px); }
    .lp-hero--wall .lp-hero__actions { display:flex; margin-top:32px; }
    .lp-hero--wall .lp-hero__actions .lp-button { min-width:0; width:min(100%,380px); padding-inline:18px; min-height:70px; gap:12px; font-size:18px; }
    .lp-hero-wall::after { background:linear-gradient(#000000a6,#000000a6),linear-gradient(180deg,#0a191499,transparent 25%,#0a191440),radial-gradient(ellipse at 50% 47%,#071b16eb,#0a1b17b3 50%,#10231b59); }
    .lp-hero-wall__wall { width:1080px; top:-220px; }
}
@media(prefers-reduced-motion:reduce) { .lp-hero-wall__reel { animation:none; will-change:auto; } }