/* Bannières photographiques avec texte HTML accessible superposé. */
.hero-carousel{--hero-image:url('assets/hero-marge.png');background-image:linear-gradient(90deg,rgba(250,250,247,.98) 0%,rgba(250,250,247,.94) 26%,rgba(250,250,247,.78) 43%,rgba(250,250,247,.09) 64%,transparent 100%),var(--hero-image);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:calc(100svh - 96px)}
.hero-carousel[data-theme=activite]{--hero-image:url('assets/hero-activite.png')}.hero-carousel[data-theme=caisse]{--hero-image:url('assets/hero-caisse.png')}.hero-carousel[data-theme=temperature]{--hero-image:url('assets/hero-temperature.png')}
.hero-carousel[data-theme]{background-image:linear-gradient(90deg,rgba(250,250,247,.98) 0%,rgba(250,250,247,.94) 26%,rgba(250,250,247,.78) 43%,rgba(250,250,247,.09) 64%,transparent 100%),var(--hero-image);background-size:cover;background-repeat:no-repeat;background-position:center}
.hero-layout{display:flex;min-height:calc(100svh - 211px);align-items:center;gap:0}.hero-copy{width:51%;max-width:820px;padding:24px 0 30px}.hero-carousel .stage{display:none}.hero-carousel h1{font-size:clamp(38px,3.8vw,66px);letter-spacing:-2.5px;line-height:1.1}.hero-carousel h1 .money{font-size:clamp(76px,6vw,114px);letter-spacing:-5px;margin-bottom:16px}.hero-carousel .money small{font-size:clamp(19px,1.6vw,27px)}.hero-carousel .subtitle{font-size:18px;max-width:520px;line-height:1.7;color:#536176}.hero-carousel .eyebrow{max-width:600px}.hero-carousel .hero-tiny{color:#617086}.hero-carousel>.wrap{padding-top:25px;padding-bottom:20px}.carousel-footer{background:#FAFAF7e8;backdrop-filter:blur(10px);border:1px solid #ffffff70;border-radius:15px;padding:13px 18px;margin-top:0}.hero-summary{color:#52647e}.carousel-controls #slide-number{color:#66768e}.hero-carousel .trial-pill{background:#eef1faed;border-color:#d6deef;color:#1E3A8A}.hero-note{font-size:9px;color:#8b95a4;margin-top:14px;line-height:1.7;max-width:600px}.contact textarea{font:inherit;width:100%;resize:vertical;min-height:105px;padding:14px 15px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:11px;color:#fff;font-size:13px}.contact textarea::placeholder{color:#7e91aa}.contact .honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact .consent{font-size:10px;color:#a4b1c4;line-height:1.7}.contact button[disabled]{opacity:.5;cursor:wait}.contact output.error{color:#ffd0c8}
@media(max-width:1100px){.hero-copy{width:54%}.hero-carousel h1{font-size:42px}.hero-carousel h1 .money{font-size:79px}.hero-carousel .subtitle{font-size:16px}.hero-carousel .hero-actions{gap:16px}.hero-carousel .hero-actions .text-link{font-size:12px}}
@media(max-width:720px){.hero-carousel{background-size:100% 100%,auto 345px;background-position:center,right 0 bottom 67px;background-color:#fafaf7;min-height:calc(100svh - 86px)}.hero-carousel[data-theme]{background-image:linear-gradient(to bottom,#FAFAF7 0%,#FAFAF7 40%,rgba(250,250,247,.92) 49%,rgba(250,250,247,.08) 68%,rgba(250,250,247,0) 80%),var(--hero-image)}.hero-layout{min-height:calc(100svh - 199px);align-items:flex-start;display:block}.hero-copy{width:100%;padding:5px 0 245px;max-width:none}.hero-carousel>.wrap{padding-top:20px;padding-bottom:12px}.hero-carousel h1{font-size:32px;letter-spacing:-1.4px;margin-top:15px;line-height:1.07;max-width:370px}.hero-carousel h1 .money{font-size:64px;letter-spacing:-3.6px;margin-bottom:9px}.hero-carousel .money small{font-size:18px}.hero-carousel .subtitle{font-size:13px;line-height:1.65;max-width:345px;margin-top:14px}.hero-carousel .eyebrow{font-size:9px}.hero-carousel .hero-actions{margin-top:18px;gap:13px}.hero-carousel .hero-actions .text-link{font-size:10px}.hero-carousel .trial-pill{font-size:10px;padding:6px 10px;margin-top:12px}.hero-carousel .hero-tiny{font-size:9px;margin-top:12px;max-width:340px}.carousel-footer{padding:11px 8px;gap:9px;border-radius:12px}.hero-summary{font-size:7px;gap:9px}.hero-summary span:before{margin-right:3px}.hero-note{font-size:8px}.contact .form-row{grid-template-columns:1fr}.hero-carousel .hero-actions .button{font-size:11px;padding:12px 15px}}
@media(max-width:370px){.hero-carousel h1 .money{font-size:57px}.hero-carousel h1{font-size:29px}.hero-carousel .hero-actions{gap:10px}.hero-carousel .hero-actions .text-link{font-size:9px}}
