.how-section,.tools-section{height:100svh;min-height:900px;overflow:hidden}.works-band{height:126px;background:#EEF0FC;display:flex;align-items:center}.works-row{display:flex;align-items:center;gap:45px}.works-row h2{font:500 14px/1 DM;white-space:nowrap;color:var(--muted);margin:0}.names-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 96%,transparent)}.names-track{display:flex;width:max-content;animation:works-slide 32s linear infinite}.names-track ul{display:flex;align-items:center;gap:50px;margin:0;padding:0 50px 0 0;list-style:none}.names-track li{font:700 21px/1.5 PJS;color:var(--blue);white-space:nowrap}.names-window:hover .names-track{animation-play-state:paused}@keyframes works-slide{to{transform:translateX(-50%)}}.how-content{padding-top:65px}.section-kicker{font:700 11px/1.5 DM;letter-spacing:.14em;color:var(--blue)}.section-heading h2{font:700 50px/1.17 PJS;letter-spacing:-2px;margin:14px 0 0}.section-heading h2 span{color:var(--blue)}.steps-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:42px}.step-card{position:relative;background:#F0F2FB;padding:30px 30px 38px;border-radius:26px;min-height:365px;outline:0;transition:background .22s,transform .22s,box-shadow .22s}.step-card:hover,.step-card:focus-visible{background:var(--citron);transform:translateY(-6px);box-shadow:0 20px 36px #4458ac0c}.step-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.step-top{display:flex;align-items:center;justify-content:space-between}.step-number{font:700 58px/1 PJS;letter-spacing:-3px;color:#BAC3E7}.step-icon{display:flex;align-items:center;justify-content:center;width:78px;height:78px;background:white;border-radius:23px;color:var(--blue);transform:rotate(-5deg);transition:transform .2s}.step-icon svg{width:43px;height:43px}.step-card:hover .step-icon,.step-card:focus-visible .step-icon{transform:rotate(4deg)}.step-card:hover .step-number,.step-card:focus-visible .step-number{color:var(--blue)}.step-copy h3{font:700 24px/1.3 PJS;letter-spacing:-.6px;margin:35px 0 13px}.step-copy p{font-size:15px;line-height:1.65;margin:0;color:var(--muted);max-width:340px}.step-flow{display:block;position:absolute;right:26px;bottom:20px;color:var(--blue);font-size:24px}.tools-section{background:var(--soft)}.tools-content{padding-top:72px}.tools-heading{display:flex;align-items:flex-end;justify-content:space-between}.tools-heading p{font-size:18px;line-height:1.6;margin:0 0 5px;color:var(--muted)}.tool-families{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:39px}.tool-family h3{font:500 15px/1.5 DM;color:var(--blue);margin:0 0 18px}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.big-tool-card{position:relative;display:block;background:white;border-radius:22px;padding:25px 26px 24px;min-height:223px;transition:background .2s,transform .2s,box-shadow .2s}.card-icon{display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--blue);border-radius:15px;width:52px;height:52px;transition:background .2s}.card-icon svg{width:31px;height:31px}.card-arrow{position:absolute;right:25px;top:28px;font-size:24px;opacity:0;color:var(--blue);transition:opacity .2s}.big-tool-card h4{font:700 20px/1.4 PJS;margin:17px 0 7px;letter-spacing:-.4px}.big-tool-card p{font-size:14px;line-height:1.5;color:var(--muted);margin:0;max-width:230px}.big-tool-card:hover,.big-tool-card:focus-visible{background:var(--citron);transform:translateY(-3px);box-shadow:0 10px 24px #4458ac0b;color:var(--blue)}.big-tool-card:hover .card-icon,.big-tool-card:focus-visible .card-icon{background:white}.big-tool-card:hover .card-arrow,.big-tool-card:focus-visible .card-arrow{opacity:1}
@media(max-width:760px){.how-section,.tools-section{height:100svh;min-height:900px}.works-band{height:92px}.works-row{gap:19px}.works-row h2{font-size:11px}.names-track ul{gap:28px;padding-right:28px}.names-track li{font-size:16px}.how-content{padding-top:28px}.section-kicker{font-size:9px;letter-spacing:.12em}.section-heading h2{font-size:31px;line-height:1.2;letter-spacing:-1.3px;margin-top:9px}.steps-grid{grid-template-columns:1fr;gap:12px;margin-top:23px}.step-card{min-height:183px;border-radius:18px;padding:18px 18px 18px 87px;display:flex;align-items:center}.step-top{position:absolute;left:17px;top:18px;flex-direction:column-reverse;gap:11px}.step-icon{width:48px;height:48px;border-radius:14px}.step-icon svg{width:29px;height:29px}.step-number{font-size:30px;letter-spacing:-1.5px}.step-copy h3{font-size:18px;letter-spacing:-.4px;margin:0 0 8px}.step-copy p{font-size:12px;line-height:1.55}.step-flow{font-size:17px;right:15px;bottom:10px}.step-card:hover,.step-card:focus-visible{transform:translateY(-2px)}.tools-content{padding-top:30px}.tools-heading{display:block}.tools-heading h2 br{display:none}.tools-heading p{font-size:12px;line-height:1.5;margin:12px 0 0}.tools-heading p br{display:none}.tool-families{grid-template-columns:1fr;gap:23px;margin-top:23px}.tool-family h3{font-size:12px;margin-bottom:10px}.cards-grid{gap:10px}.big-tool-card{min-height:141px;padding:14px 14px 12px;border-radius:15px}.card-icon{width:31px;height:31px;border-radius:9px}.card-icon svg{width:22px;height:22px}.card-arrow{right:14px;top:15px;font-size:18px}.big-tool-card h4{font-size:14px;letter-spacing:-.3px;margin:9px 0 5px}.big-tool-card p{font-size:11px;line-height:1.45}.tools-heading h2{font-size:31px}.tools-heading h2 span{display:inline}.tools-heading h2 br:after{content:' '}}
@media(prefers-reduced-motion:reduce){.names-track{animation:none}.names-track ul[aria-hidden=true]{display:none}.names-window{mask-image:none;overflow:visible}.names-track{width:auto}.names-track ul{flex-wrap:wrap;gap:10px 20px;padding:0}.names-track li{font-size:14px}.step-card,.step-icon,.big-tool-card{transition:none}.step-card:hover,.big-tool-card:hover{transform:none}}

/* LEAD PRODUIT23:05: fixednamesdesktop,manualhorizontalmobile, nopause. */
.names-window{flex:1;min-width:0;overflow-x:auto;mask-image:none;scrollbar-width:none}.names-window::-webkit-scrollbar{display:none}.names-track{animation:none!important;transform:none!important;width:100%}.names-track ul{padding:0;gap:26px;width:100%;justify-content:space-between}.names-track li{font-size:18px}.names-window:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:5px}@media(max-width:760px){.names-track{width:max-content}.names-track ul{gap:28px;width:max-content}.names-track li{font-size:16px}}
