body{background:#fff}.container{max-width:1200px}.main-page-book{display:grid;grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:auto;grid-template-columns:50% 50%;grid-auto-columns:1fr;align-items:center;margin:75px 0px 0px;padding:0px;overflow:hidden}.ai-home-page .navbar{background-color:#fff}.left-section{grid-area:span 1/span 1/span 1/span 1;place-self:stretch;z-index:2;background-color:#fff;flex-flow:column;justify-content:center;align-items:start;height:100%;padding-top:5rem;padding-bottom:5rem;padding-right:5rem;display:flex;position:relative}.book-a-demo-container{position:relative}.book-a-demo-container::after{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background-image:url("../img/book_a_demo_bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.demo-page_form-bg-img{pointer-events:none;object-fit:contain;align-self:stretch;width:100%;max-width:none;min-height:100%;position:absolute;top:0;bottom:0%;z-index:1;right:-33%}.right-section{grid-area:span 1/span 1/span 1/span 1;place-self:stretch stretch;z-index:2;flex-flow:column;justify-content:center;align-items:center;height:100%;padding-top:7.25rem;padding-bottom:7.25rem}.title{font-size:clamp(32px, 2.5vw, 32px) !important;font-weight:700;padding:0px 100px 0px 0px;line-height:1.2;color:#31304a}.highlight{color:#04baff}.subtitle{font-size:clamp(22px, 2.5vw, 24px) !important;line-height:1.2;color:#04baff;font-weight:600;margin-bottom:20px}.features-list{list-style:none;padding:0;margin-bottom:40px}.features-list li{font-size:clamp(14px, 2.5vw, 16px);color:#31304a;padding:4px 0 4px 28px;position:relative;line-height:1.5;font-weight:400;font-family:"Inter"}.features-list li:before{content:url("../img/check_circle.svg");position:absolute;left:0;top:7px}/* Activer le défilement sur mobile */@media (max-width: 1024px){body{overflow:auto;position:static}}.logo-wrapper{width:100%;overflow:hidden}.logos-container{display:flex;justify-content:flex-start;align-items:center;gap:24px;overflow:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d5d7e0 transparent;animation:scrollLogos 15s linear infinite;width:500%}@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}.logos-container:hover{animation-play-state:paused}.logos-container::-webkit-scrollbar{height:16px}.logos-container::-webkit-scrollbar-track{background:transparent}.logos-container::-webkit-scrollbar-thumb{background:#d5d7e0;border-radius:3px}.logos-container::-webkit-scrollbar-thumb:hover{background:#b8bcc8}.logo{max-width:100%;height:50px;object-fit:contain}.contact-sales-form-wrap{overflow:unset;/* height: 100vh; */background:transparent;padding:0px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:end;z-index:3}.inner-container{border-radius:24px;padding:24px;background:#fff;width:100%;max-width:508px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.08),0 2px 14px 0 rgba(0, 0, 0, 0.16)}.inner-flex{display:flex;align-items:flex-start;justify-content:center;gap:12px}.inner-flex>div{flex:0 0 48.55%}.input-class{width:100%;padding:10px 16px;font-size:clamp(14px, 2.5vw, 15px);outline:none;border-radius:8px;border:1px solid #d5d7e0;background:#fff;margin-bottom:16px/* transition: all 0.3s ease; */}.input-class:has(+ .error-message.visible){margin-bottom:0px}.input-class:has(+ .error-message:not(.visible)){margin-bottom:16px}.input-class::placeholder{color:#a4a6b2;font-size:clamp(14px, 2.5vw, 14px);font-weight:400;line-height:1.2}.input-class:hover{border-color:#00baff;box-shadow:0 0 0 2px rgba(0, 186, 255, 0.1)}.input-class:focus{outline:none;border-color:#00baff;box-shadow:0 0 0 2px rgba(0, 186, 255, 0.1)}.input-class:disabled{background:#f5f5f5;cursor:not-allowed}.dropdown-container{position:relative;width:100%;background:white;border-radius:6px;margin-bottom:16px}.dropdown-container:has(+ .error-message.visible){margin-bottom:0px}.dropdown-container:has(+ .error-message:not(.visible)){margin-bottom:16px}.dropdown-header{width:100%;padding:10px 7px;border-radius:8px;border:1px solid #d5d7e0;background:#fff;color:#313345;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:clamp(14px, 2.5vw, 15px);position:relative;outline:none}.dropdown-header .selected-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;/* or max-width: 200px */width:100%}.dropdown-header:hover{border-color:#00baff;box-shadow:0 0 0 2px rgba(0, 186, 255, 0.1)}.dropdown-header.open{border:1px solid #00baff}.dropdown-header i{transition:transform 0.3s}.dropdown-header.open i{transform:rotate(180deg)}.dropdown-header.with-custom-arrow::after{content:url("../img/arrow_back.svg");position:absolute;right:20px;top:14px;width:5px;height:5px}.dropdown-header.with-custom-arrow.open::after{transform:rotate(180deg);right:10px;top:22px;width:5px;height:5px}.dropdown-header.with-custom-arrow i{display:none}.dropdown-menus{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;background:white;border:none;border-radius:6px;z-index:1000;list-style:none;padding:0;overflow-x:hidden}#planningMenu.dropdown-menus.show{/* max-height: 100px; */}.city-info .input-class,.country-info .input-class{margin-bottom:0px}.dropdown-menus.show{max-height:250px;box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 20px;border:1px solid #dadbe0;margin-top:4px;overflow-y:auto;overflow-x:hidden}div#phone_country_codeMenu.dropdown-menus.show{max-height:180px}.dropdown-menus .search-box{padding:8px;position:sticky;top:0;background:white;border-bottom:1px solid #dadbe0;z-index:2}.dropdown-menus .search-box input{width:100%;padding:6px;border:1px solid #dadbe0;border-radius:4px;outline:none}.dropdown-menus .search-box input:focus{border-color:#00baff}.dropdown-option{padding:10px;cursor:pointer;font-size:clamp(14px, 2.5vw, 15px);color:#313345;position:relative;outline:none;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-option:hover{background:#f2f4f5}.dropdown-option.focused{background:#f2f4f5}.dropdown-option.selected{font-weight:500;position:relative;color:#00baff}.dropdown-option.selected::after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#00baff;font-weight:bold}.error-message{min-height:16px;margin:1px 2px 4px;opacity:0;display:none;transition:opacity 0.2s ease-in-out;font-size:12px;margin-bottom:16px;color:#f52222}.error-message.visible{opacity:1;display:block}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skeleton{position:relative;overflow:hidden;border:1px solid #dadbe0;background:#ffffff;border-radius:6px;width:100%;height:36px}.skeleton::after{content:"";height:100%;position:absolute;inset:0;background:linear-gradient(90deg,
      transparent,
      rgba(161, 154, 154, 0.3),
      transparent);filter:blur(12px);animation:shimmer 1.5s infinite}.action{display:inline-block;width:100%;padding:12px;border-radius:12px;background:#04baff;color:white;border:none;font-size:clamp(14px, 2.5vw, 15px);font-weight:500;cursor:pointer;text-align:center;margin-top:24px;transition:background 0.3s}.action:hover{background:#00b2f4}.action:focus-visible{outline:2px solid #00baff;outline-offset:2px}.action:disabled{opacity:0.6;cursor:not-allowed}.action.loading{position:relative;color:transparent}.action.loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid #ffffff;border-radius:50%;border-top:2px solid transparent;animation:spinner 1s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}/* Styles de fonctionnalité d'étape */.form-step{animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-buttons{display:flex;gap:12px;margin-top:16px}.back-btn{width:fit-content;border-radius:12px;border:1px solid #d5d7e0;background:#fff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.23);outline:none;margin-top:0px;transition:all 0.3s}.continue-btn{background:#00c1ff;margin-top:16px}.continue-btn:has(~ .error-message.visible){margin-top:8px}.continue-btn:has(~ .error-message:not(.visible)){margin-top:16px}button#submitBtn{margin-top:0px}.continue-btn:hover,.back-btn:hover{background:#00b2f4}.back-btn:hover{background:#d5d7e0}.field-label{display:block;font-size:clamp(14px, 2.5vw, 15px);margin-bottom:8px;color:#333}.required-star{color:#f52222}.modal-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.5);display:none;align-items:center;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;justify-content:center;z-index:9999}.modal-box{background:#fff;width:520px;max-width:90%;border-radius:16px;padding:40px 30px 30px;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0, 0, 0, 0.2)}.modal-close{position:absolute;top:14px;right:14px;background:#e5e5e5;border:none;width:28px;height:28px;border-radius:50%;font-size:18px;cursor:pointer}.modal-icon{width:80px;height:80px;background:#00c16a;color:#fff;font-size:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-box h2{font-size:clamp(18px, 2.5vw, 22px) !important;line-height:1.2;color:#313345}.modal-box p{font-size:clamp(14px, 2.5vw, 16px);line-height:1.2;color:#313345;margin-bottom:30px;line-height:1.5}.modal-btn{width:fit-content;padding:8px 32px;border-radius:10px;background:#fff;border:2px solid #00baff;color:#00baff;font-size:clamp(14px, 2.5vw, 16px);transition:all 0.3s;cursor:pointer}.modal-btn:hover{background:#00baff;color:#fff}/* Afficher le titre, sous-titre, fonctionnalités et logos dans la section de droite sur les écrans jusqu'à 1024px */@media (min-width: 1024px){.right-section .title,.right-section .subtitle,.right-section .features-list,.right-section .logo-wrapper{display:none !important}}@media (max-width: 1024px){.logo-wrapper{width:100%;overflow:hidden}.logos-container{display:flex;justify-content:flex-start;align-items:center}.book-a-demo-container::after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-image:url("../img/book_a_demo_bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.left-section{padding:16px 16px 28px;display:none}.m-gap-0{gap:0px}.main-page-book{display:block;padding:38px 12px;margin:80px 0px}.title{padding:0px;margin-bottom:24px}.left-section,.right-section{width:100%}.logo{height:26px}.contact-sales-form-wrap{width:94%;max-width:550px;border-radius:16px;height:auto;padding:16px;background:#fff;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.08),0 2px 14px 0 rgba(0, 0, 0, 0.16);margin:24px auto}.features-list{margin-bottom:20px}.inner-container{background:unset;box-shadow:unset}.main-page-book{height:auto;padding:0px;margin:62px 0px 0px}.features-list li:before{top:7px}.inner-container{padding:0px}.main-page-book{flex-direction:column}.inner-flex{/* flex-direction: column; */}.inner-flex>div{flex:unset;width:100%}}@media only screen and (max-width: 768px){.input-class{font-size:16px}.left-section{padding:16px 16px 28px;display:none}.dropdown-option.selected::after{content:unset;display:none}.selected-value#selectedCountryCode{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:60px}.book-a-demo-container::after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-image:url("../img/book_a_demo_bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.subtitle{margin:10px}.m-gap-0{gap:16px}.main-page-book{padding:38px 12px;margin:80px 0px}.title{padding:0px;margin-bottom:24px}.left-section,.right-section{width:100%;padding:0px}.contact-sales-form-wrap{width:100%;border-radius:16px;height:auto;padding:16px;background:#fff;align-items:start;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.08),0 2px 14px 0 rgba(0, 0, 0, 0.16);margin:24px auto}.features-list{margin-bottom:20px}.inner-container{background:unset;box-shadow:unset}.main-page-book{height:auto;padding:0px;margin:62px 0px 0px}.features-list li:before{top:7px}.inner-container{padding:0px}.main-page-book{flex-direction:column}.inner-flex{flex-direction:column}.inner-flex>div{flex:unset;width:100%}}@media only screen and (min-width: 769px) and (max-width: 1123px){.left-section{padding:24px}}@media only screen and (min-width: 769px) and (max-width: 992px){.main-page-book{flex-direction:column}.contact-sales-form-wrap{align-items:start}.left-section,.right-section{flex-direction:column;width:100%;padding-top:0px}.subtitle{margin-bottom:0px}.book-a-demo-container::after{width:100%}}@media only screen and (min-width: 769px) and (max-width: 1023px){.inner-flex{gap:0px;justify-content:space-between}.inner-flex>div{flex:0 0 49.5%}}@media (max-width: 576px){.container{padding:14px}}