.landingPage{flex-direction:column;align-items:center;display:flex;overflow-x:hidden}.landingPage .containerLargeTitle{flex-direction:row-reverse;align-items:center;width:calc(100vw - 60px);max-width:1050px;display:flex}.landingPage .containerLargeTitle.right{flex-direction:row}.landingPage .complementaryText{color:#818181;width:400px;max-width:calc(100vw - 60px);margin-bottom:40px;line-height:25px}.landingPage .largeTitle{text-align:left;justify-items:right;width:calc(100vw - 60px);max-width:1050px;font-size:80px;font-weight:700;line-height:97%}.landingPage .largeTitle.right{text-align:right}.landingPage .largeTitleTest{text-align:left;justify-items:right;width:calc(100vw - 60px);max-width:1200px;font-size:80px;font-weight:700;line-height:97%}.landingPage .largeTitleTest.right{text-align:right}@media (max-width:850px){.landingPage .containerLargeTitle,.landingPage .containerLargeTitle.right{flex-direction:column-reverse}.landingPage .largeTitle.first,.landingPage .largeTitle.second,.landingPage .largeTitle.third{font-size:65px}.landingPage .largeTitle.fourth{font-size:70px}}@media (max-width:550px){.landingPage .largeTitle.first,.landingPage .largeTitle.second,.landingPage .largeTitle.third{font-size:55px}.landingPage .largeTitle.fourth{font-size:60px}}@media (max-width:450px){.landingPage .largeTitle.first{font-size:48px}.landingPage .largeTitle.second{font-size:41px}.landingPage .largeTitle.third{font-size:45px}.landingPage .largeTitle.fourth{font-size:55px}}@media (max-width:400px){.landingPage .largeTitle.first{font-size:40px}.landingPage .largeTitle.second{font-size:35px}.landingPage .largeTitle.third{font-size:40px}.landingPage .largeTitle.fourth{font-size:50px}}
.websiteHeader{z-index:4;justify-content:space-between;align-items:center;width:calc(100vw - 60px);max-width:1200px;height:75px;display:flex}.websiteHeader .opus{width:200px;font-size:30px;font-weight:200}.websiteHeader .o{border-radius:7px;justify-content:center;align-items:center;width:35px;height:35px;margin-left:15px;font-size:27px;font-weight:100;display:flex;box-shadow:0 0 5px #3333333d}@media (max-width:650px){.websiteHeader .loginPart{display:none}}
.greyButton{white-space:nowrap;color:#000;background-color:#f2f2f2;border:0;border-radius:99px;align-items:center;gap:8px;padding:8px 15px;font-size:14px;font-weight:500;transition:transform .2s ease-in-out;display:flex}.greyButton .icon{height:18px}.greyButton:hover{cursor:pointer;transform:scale(1.02)}.emptyIphones{width:800px;height:1000px;margin-top:100px}.emptyIphones .emptyIphonesMockup{opacity:.5;width:800px;position:absolute}.emptyIphones .opusScreen{width:300px;position:absolute}.modalQrCode{z-index:10;background-color:#fff;border-radius:10px;outline:none;flex-direction:column;align-items:center;width:800px;height:500px;margin-top:calc(50vh - 250px);margin-left:calc(50vw - 400px);display:flex;position:absolute;top:0;box-shadow:0 0 20px #3333331a}.modalQrCode .crossIcon:hover{opacity:.8}.modalQrCode .crossIcon{object-fit:contain;cursor:pointer;width:23px;margin-top:5px;margin-right:5px;transition:all .3s;position:absolute;right:0}.modalQrCode .titleModal,.modalQrCode .titleModalPhone{margin:45px 0;font-size:22px;font-weight:600}.modalQrCode .titleModalPhone{display:none}.modalQrCode .containerQr{gap:40px;display:flex}.modalQrCode .containerQr img{width:300px;height:300px}.modalQrCode .widgetLink{display:none}@media (max-width:850px){.modalQrCode{width:calc(100vw - 40px);height:340px;margin-top:calc(50vh - 200px);margin-left:20px}.modalQrCode .containerQr,.modalQrCode .titleModal{display:none}.modalQrCode .titleModalPhone{display:flex}.modalQrCode .widgetLink{color:#000;background-color:#f8f8f8;border-radius:20px;align-items:center;width:calc(100% - 40px);height:90px;margin-bottom:20px;display:flex}.modalQrCode .widgetLink .storeRond{width:65px}.modalQrCode .widgetLink .titleStore{margin-left:15px;font-size:17px;font-weight:600}}
.landingPart{justify-content:center;align-items:center;width:calc(100vw - 60px);max-width:1200px;height:800px;display:flex;position:relative}.landingPart .handIphone{z-index:3;width:600px;margin-top:100px;margin-left:210px;animation:2s ease-in-out perspectiveEffect;display:flex;position:absolute}.landingPart .landingTextPart{z-index:2;letter-spacing:-2px;flex-direction:column;width:100%;margin-top:100px;font-size:80px;font-weight:700;line-height:85px;animation:2s ease-in-out textEffect;display:flex}.landingPart .blueLightBackground{z-index:1;width:800px;margin-top:-100px;transition:opacity 1s ease-in-out;display:flex;position:absolute}@keyframes perspectiveEffect{0%{transform:perspective(1000px)rotateX(15deg)rotateY(0)rotate(5deg)scale(.8)}to{transform:perspective(1000px)rotateX(0)rotateY(0)rotate(0)scale(1)}}@keyframes textEffect{0%{opacity:0;gap:100px;margin-top:400px}50%{opacity:0;gap:100px;margin-top:500px}to{opacity:1;gap:0;margin-top:100px}}@media (max-width:850px){.landingPart{margin-bottom:300px}.landingPart .handIphone{margin-top:500px}.landingPart .landingTextPart{margin-top:-430px;font-size:60px;line-height:65px}.landingPart .blueLightBackground{margin-top:150px}@keyframes textEffect{0%{opacity:0;gap:100px;margin-top:400px}50%{opacity:0;gap:100px;margin-top:500px}to{opacity:1;gap:0;margin-top:-400px}}}
.introduction{background-color:#fafafa;border-radius:20px;flex-direction:column;width:calc(100vw - 60px);max-width:1200px;min-height:300px;display:flex;overflow:hidden}.introduction .introductionText{width:450px;margin-top:50px;margin-left:50px;line-height:22px}.introduction .introVisuel{align-self:center;width:1200px;margin-bottom:-3px}@media (max-width:850px){.introduction .introductionText{width:calc(100% - 60px);margin-top:30px;margin-left:30px;font-size:18px}.introduction .introVisuel{width:600px;margin-top:20px}}
.twoImages{align-self:center;gap:40px;display:flex}.twoImages .imagePoint{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;width:450px;max-width:calc(50vw - 165px);height:550px;padding:50px}.twoImages .imagePoint .textImagePoint{line-height:24px}@media (max-width:850px){.twoImages{flex-direction:column}.twoImages .imagePoint{width:calc(100vw - 120px);max-width:calc(100vw - 120px);height:480px;padding:20px 30px}}
.timeLost{flex-direction:column;gap:30px;width:calc(100vw - 60px);max-width:1200px;display:flex}.timeLost .containerRow{flex-direction:row}.timeLost .itemTimeLost{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex:1;width:100%;position:relative}.timeLost .itemTimeLost .complementaryText{color:#fff;width:310px;margin-top:25px;margin-left:30px;font-size:14px;line-height:22px}.timeLost .itemTimeLost .sector{background-color:#fffc;border-radius:99px;margin-top:20px;margin-right:20px;padding:5px 10px;font-size:14px;position:absolute;right:0}.timeLost .itemTimeLost .sector .plus{width:11px;margin-right:4px}.timeLost .itemTimeLost .surTitle{color:#fff;margin-bottom:0;margin-left:30px;font-size:16px}.timeLost .itemTimeLost .monthIndicator{color:#fffc;margin:0 0 20px 30px;font-size:80px;font-weight:700}@media (max-width:940px){.timeLost .containerRow{flex-direction:column}.timeLost .itemTimeLost .fixableCompensator{display:none}.timeLost .itemTimeLost .complementaryText{margin-top:70px}.timeLost .itemTimeLost .compensator{height:160px}.timeLost .itemTimeLost .surTitle{font-size:14px}.timeLost .itemTimeLost .monthIndicator{font-size:50px}}
.twoPoints{align-self:center;gap:40px;display:flex}.twoPoints .itemPoint{background-color:#f7f7f7;border-radius:20px;width:450px;max-width:calc(50vw - 165px);padding:50px}.twoPoints .itemPoint .textImagePoint{margin-top:0;line-height:24px}.twoPoints .itemPoint .titleSection{font-size:30px;font-weight:500}.twoPoints .itemPoint .appList{gap:20px;margin-top:20px;display:flex}.twoPoints .itemPoint .appList .appIcon{object-fit:contain;width:70px}.twoPoints .itemPoint .appList .appIcon.notif{width:85px}@media (max-width:850px){.twoPoints{flex-direction:column}.twoPoints .itemPoint{width:calc(100vw - 120px);max-width:calc(100vw - 120px);padding:20px 30px 35px}.twoPoints .itemPoint .appList{gap:15px}.twoPoints .itemPoint .appList .appIcon{width:50px}.twoPoints .itemPoint .appList .appIcon.opus{width:85px}.twoPoints .itemPoint .appList .appIcon.opusNotif{width:100px}}
.twoiPhones{background-color:#f7f7f7;border-radius:20px;align-items:center;width:calc(100vw - 160px);max-width:1040px;height:400px;margin-top:50px;padding:50px;display:flex;overflow:hidden}.twoiPhones .textPart{flex-direction:column;justify-content:space-between;height:100%;display:flex}.twoiPhones .textPart .titleTwoIphones{width:300px;margin-top:0;font-size:30px;font-weight:500}.twoiPhones .textPart .subtitleTwoIphones{color:#b6b6b6;width:365px;margin-bottom:0;line-height:24px}.twoiPhones .twoIphonesImg{object-fit:contain;height:1300px;margin-left:80px}@media (max-width:850px){.twoiPhones{flex-direction:column;height:700px;padding-top:30px;padding-bottom:0}.twoiPhones .textPart .titleTwoIphones{width:calc(100vw - 130px);margin-top:0;font-size:30px;font-weight:500}.twoiPhones .textPart .subtitleTwoIphones{width:calc(100vw - 130px)}.twoiPhones .containeriPhones{height:800px;margin-top:60px;overflow:hidden}.twoiPhones .containeriPhones .twoIphonesImg{height:900px;margin-top:-290px;margin-left:200px}}
.timeline{justify-content:flex-end;width:calc(100vw - 60px);max-width:1200px;display:flex}.timeline .containerTimeline{background-color:#f7f7f7;border-radius:20px;padding-left:50px;padding-right:20px;position:relative}.timeline .containerTimeline .timelineImg{width:800px}.timeline .containerTimeline .textPart{position:absolute;bottom:0}.timeline .containerTimeline .textPart .title{width:360px;font-size:30px;font-weight:500}.timeline .containerTimeline .textPart .text{width:310px;margin:0 0 50px;font-size:15px;line-height:24px}@media (max-width:850px){.timeline{justify-content:center}.timeline .containerTimeline{padding-left:30px}.timeline .containerTimeline .containerTimelineImg{justify-content:flex-start;align-items:flex-start;width:calc(100vw - 100px);overflow:hidden}.timeline .containerTimeline .containerTimelineImg .timelineImg{object-fit:cover;width:700px;margin-bottom:-280px;margin-left:0}.timeline .containerTimeline .textPart{position:relative}.timeline .containerTimeline .textPart .title,.timeline .containerTimeline .textPart .text{width:calc(100vw - 100px)}}
.imageCTA{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:calc(100vw - 60px);max-width:1200px;height:550px;display:flex}.imageCTA .titleCta{color:#fff;text-align:center;width:700px;max-width:calc(100vw - 100px);font-size:40px;font-weight:500}.imageCTA .widgetProject{width:470px;max-width:calc(100vw - 100px)}
.footer{flex-direction:column;align-items:center;width:calc(100vw - 60px);max-width:1200px;padding:0 30px;display:flex}.footer .footer-top{justify-content:space-around;width:100%;margin-bottom:60px;display:flex}.footer .footer-top .footer-brand h1{margin-bottom:20px;font-size:24px;font-weight:300}.footer .footer-top .footer-links{flex-wrap:wrap;justify-content:space-around;gap:100px;margin-bottom:20px;display:flex}.footer .footer-top .footer-links .footer-section h3{color:#474747;margin-bottom:10px;font-weight:600}.footer .footer-top .footer-links .footer-section a{color:#cec1be;margin-bottom:5px;text-decoration:none;display:block}.allRightReserved{color:#b1a19e;margin-top:50px;font-size:13px;display:flex}@media (max-width:850px){.footer .footer-top{flex-direction:column}.footer .footer-top .footer-brand h1{margin-bottom:20px;font-size:45px;font-weight:200}.footer .footer-top .footer-links{justify-content:space-around;gap:0;width:100vw;display:flex}.footer .footer-top .footer-links .footer-section{width:180px}}
