/* Homepage presentation only: shared Clario24 palette and drawing language. */
:root{--ink:#0b2349;--blue:#194bea;--orange:#ff742b;--copy:#526580;--line:#c6d5ed;--pale:#f5f8fe}
main h1,main h2,main h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;letter-spacing:-.035em}
main h1{line-height:1.08}main h2{font-size:clamp(30px,3.4vw,44px);line-height:1.15}main h3{line-height:1.23}
main h1 em,main h2 em,main .home-title-mark{font-style:normal;color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 9' preserveAspectRatio='none'%3E%3Cpath d='M1 6Q135 0 299 1Q297 7 1 9Z' fill='%23ffac78'/%3E%3C/svg%3E");background-size:100% 7px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
main .eyebrow{color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
main .eyebrow:before{content:'';display:inline-block;width:9px;height:9px;margin-right:10px;background:var(--orange);border:1px solid var(--ink);border-radius:50%;box-shadow:0 0 0 4px #fff0e7}
main .button,main .offers .outline,main .comparison-cta .button,main .plus.plus-benefits .button.white{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:9px;box-shadow:0 4px 0 #92abd1;padding:15px 18px;font:600 15px/1.45 'DM Sans',sans-serif;text-decoration:none}
main .button:hover,main .offers .outline:hover,main .comparison-cta .button:hover,main .plus.plus-benefits .button.white:hover{background:var(--blue);filter:none}
.home-cta-arrow{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--orange);color:var(--ink);border:1px solid #ffba91}
.home-cta-arrow svg{width:20px;height:20px}
main .hero-request{border:1px solid var(--ink);border-radius:18px 18px 36px 18px;box-shadow:6px 7px 0 #dbe6fb}
main .hero-request input,main .hero-request textarea,main .hero-request select{background:#f8faff;border-color:var(--line);border-radius:8px;color:var(--ink)}
main .hero-request input:focus,main .hero-request textarea:focus,main .hero-request select:focus{outline:2px solid var(--blue);outline-offset:2px}
main .three article{background:#fff;border:1px solid var(--line);border-radius:14px 14px 26px 14px;padding:24px;box-shadow:4px 5px 0 #dbe6fb}
main .three article p{margin-bottom:0}
main .object,main .process-icon{object-fit:contain}
main .comparison-stage{border:1px solid var(--ink);border-radius:18px 18px 30px 18px;box-shadow:6px 7px 0 #dbe6fb}
main .comparison-divider{background:var(--ink)}main .comparison-divider>span{background:var(--orange);color:var(--ink);border:1px solid var(--ink);box-shadow:3px 4px 0 #dbe6fb}
main .comparison-steps li{background:#fff;border:1px solid var(--line);border-radius:14px 14px 26px 14px;box-shadow:4px 5px 0 #dbe6fb}
main .comparison-steps li>span:not(.home-illustration){display:grid;place-items:center;width:36px;height:36px;background:#ffead8;border:1px solid var(--ink);border-radius:50%;color:var(--ink);box-shadow:3px 3px 0 var(--orange)}
main .offers article{border:1px solid var(--ink);border-radius:16px 16px 32px 16px;box-shadow:6px 7px 0 #dbe6fb}
main .offers .offer-local{background:#e5edff;color:var(--ink);border-color:var(--line);box-shadow:6px 7px 0 #dbe6fb}
main .offer-local .offer-ribbon,main .offer-local .label{color:var(--blue)}
main .offer-local p,main .offer-local .price,main .offer-local .price small,main .offer-local li{color:var(--ink)}
main .offer-local .offer-fit{color:var(--copy)}main .offer-local li{border-color:var(--line)}main .offer-local li:before{color:var(--blue)}
main .offers li{font-size:16px}main .offers .outline{display:flex}
main .managed{border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:12px 12px 24px 12px}
main .plus.plus-benefits{background:#ffead8;border:1px solid var(--line);border-radius:18px 18px 34px 18px;box-shadow:6px 7px 0 #dbe6fb}
main .plus.plus-benefits .eyebrow{color:var(--ink)}
main .video-player,main .review-carousel{border:1px solid var(--ink);border-radius:18px 18px 30px 18px;box-shadow:5px 6px 0 #dbe6fb}
main .review-brand{background:#edf3ff;border-color:var(--line)}main .review-controls button{border-color:var(--line);color:var(--blue);background:#f5f8fe}
#references .review-carousel blockquote{min-height:0;padding:22px 28px 14px}#references .review-carousel blockquote>span{display:block;font-size:38px;line-height:.85}#references .review-carousel blockquote p{font-size:18px;line-height:1.55;margin:10px 0 14px}#references .review-slide footer{font-size:13px;line-height:1.5}#references .review-brand{padding:22px;gap:14px}#references .review-brand p{font-size:16px;line-height:1.5}#references .review-controls{padding:0 28px 18px;gap:12px}#references .review-controls button{height:36px;min-height:36px}#references .review-controls button:not(.review-pause){width:36px}#references .review-controls .review-pause{font-size:12px}
@media(max-width:760px){#references .review-brand{padding:16px 20px;gap:16px}#references .review-carousel blockquote{padding:20px 20px 12px}#references .review-carousel blockquote p{font-size:16px;line-height:1.55;margin:8px 0 12px}#references .review-carousel blockquote>span{font-size:32px}#references .review-controls{padding:0 20px 16px;gap:10px;flex-wrap:wrap}}
main .faq-intro{background:#edf3ff;border:1px solid var(--line);border-radius:16px 16px 28px 16px;box-shadow:4px 5px 0 #dbe6fb}
main .faq details,main .faq details:first-child{border-color:var(--line);border-radius:12px;background:#fff}main .faq details[open]{background:#f5f8fe;border-color:var(--blue)}
main .faq summary:after{display:grid;place-items:center;width:27px;height:27px;background:#edf3ff;border-radius:50%;font-size:20px}
main .faq .outline{border-color:var(--ink);color:var(--ink);border-radius:8px}
main .contact-finale{background:var(--ink);border:1px solid var(--ink);border-radius:18px 18px 36px 18px;box-shadow:6px 7px 0 #dbe6fb}
main .contact-finale h2 em{color:#fff}main .contact-finale .eyebrow{color:#dbe6fb}
main .contact-finale .button.white{background:white;color:var(--ink)}main .contact-finale .button.white:hover{background:#edf3ff}
main .contact-options .whatsapp{background:#fff;color:var(--ink);border:1px solid #c6d5ed;border-radius:9px;box-shadow:0 4px 0 #92abd1;font-size:15px}
main .contact-options .whatsapp:hover{background:#edf3ff}main .contact-email{border-color:#526580;border-radius:9px}
@media(max-width:760px){main .three article{padding:22px}main .button,main .offers .outline,main .comparison-cta .button{font-size:14px;gap:12px}main .hero-request{box-shadow:4px 5px 0 #dbe6fb}}
main #offres .offer-local .offer-format{color:#526580}


/* Tighter transitions between homepage sections. */
main #references{padding-bottom:32px}main #etapes{padding-bottom:28px}main #votre-nouveau-site{padding-top:32px}
@media(max-width:760px){main #references{padding-bottom:24px}main #etapes{padding-bottom:24px}main #votre-nouveau-site{padding-top:28px}}