.plane{--scale-factor: 350;width:calc(1vw * var(--scale-factor));height:calc(1vh * var(--scale-factor));transform:scale(calc(100 / var(--scale-factor)));background:url(/assets/bg_marelli-C-5veln4.png) no-repeat;background-size:contain;transform-origin:left top;background-position:center;transition:transform 2s cubic-bezier(.64,.56,0,1);will-change:transition}.circle{position:absolute;width:55vw;aspect-ratio:1/1;top:0;right:0;bottom:0;left:0;border-radius:50%;border:var(--d-3-10) solid white;-webkit-mask-image:linear-gradient(to bottom,#000 0,#0000 75%);mask-image:linear-gradient(to bottom,#000 0,#0000 75%);margin:auto;top:-45vw;z-index:-2;animation:zoom 4s ease-out infinite calc(var(--index, 0) * -3.2s)}@keyframes zoom{0%{transform:scale(.8);opacity:0}20%{opacity:1}to{transform:scale(1.3);opacity:0}}:root{--intro-x: 125vw;--intro-y: 0vh;--first-page-x: 10vw;--first-page-y: 100vh;--second-page-x: 125vw;--second-page-y: 140vh;--third-page-x: 240vw;--third-page-y: 100vh}.move-to-first-page{transform:translate(calc(-1 * var(--first-page-x)),calc(-1 * var(--first-page-y))) scale(1)}.position-first-page{left:var(--first-page-x);top:var(--first-page-y)}.move-to-second-page{transform:translate(calc(-1 * var(--second-page-x)),calc(-1 * var(--second-page-y))) scale(1)}.position-second-page{left:var(--second-page-x);top:var(--second-page-y)}.move-to-third-page{transform:translate(calc(-1 * var(--third-page-x)),calc(-1 * var(--third-page-y))) scale(1)}.position-third-page{left:var(--third-page-x);top:var(--third-page-y)}.move-to-intro{transform:translate(calc(-1 * var(--intro-x)),calc(-1 * var(--intro-y))) scale(1)}.position-intro{left:var(--intro-x);top:var(--intro-y)}.first-page__label{font-size:var(--d-15-45);font-weight:700;text-transform:uppercase}.first-page__gradient{margin-top:var(--d-36-110);display:flex}.first-page__gradient__start{position:relative;height:var(--d-36-110);aspect-ratio:.288;left:.3px}.first-page__gradient__center{padding:0 var(--d-20-60);display:flex;align-items:center;justify-content:space-between;flex:1;height:var(--d-36-110);background:linear-gradient(90deg,#0344d9,#0275dc);border-radius:1.5px}.first-page__gradient__end1{position:relative;height:var(--d-36-110);aspect-ratio:.384;right:.5px}.first-page__gradient__end2{position:relative;height:var(--d-36-110);aspect-ratio:.64;right:10px}.first-page__gradient__end3{position:relative;height:var(--d-36-110);aspect-ratio:.512;right:20px}.first-page__top-items{margin-top:var(--d-25-75);display:flex}.first-page__top-items>div{flex:1;display:flex;flex-direction:column;align-items:center}.first-page__top-items__head{display:flex;gap:calc(var(--d-3-10) * 2)}.first-page__top-items__ecu{font-size:calc(var(--d-11-33) * 1.2);color:#67d2ff}.first-page__top-items__body{margin-top:calc(var(--d-11-33) * .75);font-size:var(--d-11-33);text-align:center}.first-page__bottom-items{margin-top:var(--d-25-75);flex:1;display:flex;gap:var(--d-66-200)}.first-page__bottom-items>div:nth-child(odd){flex:1;position:relative}.first-page__bottom-items>div:nth-child(odd) img{width:100%;height:100%;object-fit:contain}.first-page__bottom-items>div:nth-child(2n){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--d-11-33)}.first-page__bottom-items>div:nth-child(2n) img{width:var(--d-15-45);aspect-ratio:32/55}.first-page__bottom-items__step{font-size:calc(var(--d-11-33) * 1.2);font-weight:700;text-transform:uppercase}.first-page__bottom-items__step--final{margin-top:var(--d-18-55);color:#59cdfe;text-align:center}.arrow{width:calc(var(--d-66-200) * 2);height:calc(var(--d-66-200) * 2);position:absolute;background-color:#0360db;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1;color:#fff;display:flex;align-items:center}.arrow__icon{width:100%;transform:translate(20%) scale(.25)}.arrow.left{right:auto;translate:-50% 0}.arrow.right{left:auto;translate:50% 0}.arrow.right img{rotate:180deg}.arrow--off{opacity:.5!important;pointer-events:none}@keyframes FadeIn{to{opacity:1}}.stepper{margin:auto;top:140px;display:flex;align-items:center;left:0;right:0;flex-flow:column;gap:var(--d-25-75);--white: #fff;--opaque-white: #99aaf4;--color: var(--opaque-white);--opacity: 0}.stepper button{--opacity: .15;height:var(--d-53-160);width:var(--d-195-585);border-radius:0 0 var(--d-18-55) var(--d-18-55);border:none;background-color:#0257d5;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:0;gap:var(--d-3-10)}.stepper button p{margin:0;font-size:var(--d-11-33);text-transform:uppercase;font-weight:700}.stepper button img{height:calc(var(--d-11-33) * 1.5);width:auto}.stepper__line{display:flex;justify-content:space-between;min-width:calc(var(--d-333-1000) * 1.3);align-items:center;position:relative}.stepper__line:before{content:"";height:1px;width:100%;background:var(--color);top:0;right:0;bottom:0;left:0;margin:auto;position:absolute}.stepper__line__dot{height:var(--d-11-33);aspect-ratio:1/1;background:var(--color);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.stepper__line__dot.active{--color: var(--white);--opacity: 1}.stepper__line__dot__ripple{opacity:var(--opacity)}.stepper__line__dot__ripple:before,.stepper__line__dot__ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 1px var(--color);margin:auto;scale:1.3;opacity:.75}.stepper__line__dot__ripple:after{scale:1.7;opacity:.5}.stepper__line__dot:before{content:attr(data-text);position:absolute;white-space:nowrap;text-align:center;font-weight:700;color:var(--color);transform:translateY(calc(-2 * var(--d-11-33)));font-size:var(--d-11-33)}.second-page__container{margin:var(--d-25-75) 0 var(--d-66-200);display:flex;justify-content:center;align-items:center}.second-page__image-container{max-height:100%;max-width:100%;aspect-ratio:2121/1275;position:relative}.second-page__image-container img{height:100%;width:100%;object-fit:contain}.second-page__label-container{position:absolute}.second-page__title{margin-bottom:calc(var(--d-3-10) * 2.4);font-size:var(--d-20-60);font-weight:700;color:#07b5ff}.second-page__description{font-size:var(--d-15-45);line-height:var(--d-18-55)}.second-page__more{margin-top:calc(var(--d-3-10) * 3);padding:calc(var(--d-2-7) * .8) var(--d-15-45);display:flex;align-items:center;gap:var(--d-2-7);background-color:#fff3;border:none;border-radius:500px}.second-page__more img{height:calc(var(--d-20-60) * 1.1);width:calc(var(--d-20-60) * 1.1);max-width:calc(var(--d-20-60) * 1.1);min-width:calc(var(--d-20-60) * 1.1)}.second-page__more div{padding-right:var(--d-11-33);font-size:var(--d-12-36);text-transform:uppercase;color:#fff}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center}.modal__overlay{background:#002855;height:100%;width:100%;position:absolute}.modal__frame{border:1px solid #1f4ea4;background:#081e73;height:calc(100% - 70px);width:calc(100% - 70px);position:absolute;display:grid;place-items:center}.modal__frame:before{content:"";position:absolute;height:100px;width:100px;border-bottom:3px solid white;border-left:3px solid white;bottom:-2px;left:-2px}.modal__frame:after{content:"";position:absolute;height:100px;width:100px;border-top:3px solid white;border-right:3px solid white;top:-2px;right:-2px}.modal__content{border:1px solid white;background:#1f3eb3;height:calc(100% - 70px);width:calc(100% - 70px);position:absolute;z-index:1;display:grid;place-items:center}.modal__close{position:absolute;right:var(--d-11-33);top:var(--d-11-33);background:none;border:none;width:var(--d-33-100);height:var(--d-33-100)}.modal__close img{width:100%;height:100%;object-fit:contain}.advantage-content{padding:var(--d-25-75) 0;height:100%;width:100%;display:flex;flex-flow:column;align-items:center;overflow:hidden}.advantage-content__intro{color:#07b5ff;font-size:var(--d-33-100);font-weight:700}.advantage-content__description{font-size:var(--d-15-45)}.advantage-content__image-container{margin-top:var(--d-18-55);flex:1;width:100%;overflow:hidden}.advantage-content__image-container>div{max-height:100%;max-width:100%;aspect-ratio:2112/1259;position:relative;margin:0 auto}.advantage-content__image-container>div>img{height:100%;width:100%;object-fit:contain}.avantage-item-container{position:absolute}.advantage-item{display:flex;flex-flow:column;gap:var(--d-12-36)}.advantage-item__row{display:flex;gap:var(--d-12-36);align-items:center}.advantage-item__row__text{display:flex;flex-flow:column}.advantage-item__row__text :first-child{font-size:var(--d-18-55);font-weight:700}.advantage-item__row__text :last-child{font-size:var(--d-12-36);font-weight:700}.advantage-item img{height:var(--d-53-160);width:var(--d-53-160);object-fit:contain}.advantage-item__separator{height:2px;background-color:#3ddeed;opacity:.38}.advantage-item__button{align-self:flex-start}.advantage-list{position:absolute;height:calc(100% - 80px);width:90%;background:#3ddeed4d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid white;display:flex;flex-flow:column;gap:var(--d-50-150);padding-top:var(--d-36-110)}.advantage-list__content{display:flex;padding-inline:var(--d-47-141);justify-content:space-between;align-items:center}.advantage-list__table-wrapper{overflow:hidden;position:relative;padding-inline:var(--d-47-141)}.advantage-list__scrollbar{position:absolute;right:calc(var(--d-47-141) * .5);top:0;bottom:20px;width:4px;background-color:#002855;opacity:.38;border-radius:8px}.advantage-list__scrollbar__handle{background-color:#a3e4ff;position:absolute;width:8px;height:var(--handle-height-percentage);top:var(--handle-top-position, 0%);left:-2px;border-radius:8px}.advantage-list__scrollbar input[type=range]{writing-mode:vertical-lr;padding:0;margin:0;height:100%;z-index:2;width:8px;position:absolute;left:-2px;opacity:0}.advantage-list__table{height:100%;overflow:auto;display:grid;grid-template-columns:1fr 1.5fr;row-gap:var(--d-11-33);padding-bottom:var(--d-36-110);-ms-overflow-style:none;scrollbar-width:none}.advantage-list__table::-webkit-scrollbar{display:none}.advantage-list__table__header{font-size:var(--d-12-36);padding:var(--d-2-7) 0;z-index:1;transition:all .3s ease-out}.advantage-list__table__separator{height:var(--d-1-3);background-color:#3ddeed;opacity:.38;grid-column:1/-1}.advantage-list__table__cell{font-weight:700;font-size:var(--d-12-36)}.round-button{display:flex;align-items:center;background:#ffffff4d;border:none;border-radius:100px;font-size:var(--d-12-36);color:#fff;text-transform:uppercase;padding:var(--d-2-7) var(--d-12-36)}.round-button img{height:var(--d-18-55);width:var(--d-18-55)}.third-page__container{margin-top:var(--d-53-160)}.third-page__accordion{position:relative;display:flex;flex-direction:row}.third-page__accordion>img{margin:calc(var(--d-53-160) * -1.3) calc(var(--d-53-160) * -1) calc(var(--d-53-160) * -1) calc(var(--d-53-160) * -1);width:calc(var(--d-195-585) * .94);height:calc(var(--d-195-585) * .94);min-width:calc(var(--d-195-585) * .94)}.third-page__accordion>div{flex:1;margin-left:var(--d-33-100);margin-bottom:var(--d-15-45);padding-bottom:var(--d-15-45);border-bottom:1px solid #a3e4ff}.third-page__accordion__more{position:absolute;top:0;right:0;display:flex;align-items:center;gap:var(--d-2-7);transition:opacity .2s}.third-page__accordion__more.expanded{opacity:0}.third-page__accordion__more img{height:calc(var(--d-20-60) * 1.1);width:calc(var(--d-20-60) * 1.1);max-width:calc(var(--d-20-60) * 1.1);min-width:calc(var(--d-20-60) * 1.1)}.third-page__accordion__more div{font-size:var(--d-12-36);text-transform:uppercase}.third-page__accordion__title{font-size:var(--d-20-60);font-weight:700;color:#07b5ff;text-transform:uppercase}.third-page__accordion__content{margin-top:var(--d-18-55);font-size:var(--d-15-45);line-height:140%}.third-page__accordion__content--first{margin-top:var(--d-11-33)}.third-page__accordion__content__expandible{overflow:hidden;transition:all ease-in-out .33s}.intro-page{display:flex;align-items:center;justify-content:center}.intro-page .intro{display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;gap:var(--d-33-100)}.intro-page .intro img{width:var(--d-100-300)}.intro-page .intro__title{font-size:var(--d-36-110);font-weight:700}.intro-page .intro__subtitle{font-size:var(--d-25-75);font-weight:400}.intro-page .circle-button-wrapper{display:flex;gap:var(--d-116-350);margin-top:var(--d-25-75)}.intro-page .circle-button-container{position:relative}.intro-page .circle-button-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:var(--d-20-60);text-transform:uppercase;font-weight:700;align-items:center;justify-content:center;display:flex;flex-flow:column;gap:var(--d-11-33);border-radius:50%}.intro-page .circle-button-text img{width:var(--d-15-45)}.intro-page .circle-button{--opacity: .05;height:var(--d-195-585);width:var(--d-195-585);background:rgba(255,255,255,var(--opacity));border:1px solid white;display:flex;border-radius:50%}.intro-page .circle-button:before{content:"";border:1px solid white;inset:calc(var(--d-2-7) * -1);border-radius:50%;opacity:.5;position:absolute;animation:zoomIntro 5s ease-out infinite calc(var(--index, 0) * -3.2s)}.intro-page .circle-button:after{content:"";border:1px solid white;inset:calc(var(--d-2-7) * -1);border-radius:50%;opacity:.5;position:absolute;animation:zoomIntro 6s ease-out infinite calc(var(--index, 0) * -3.5s)}@keyframes zoomIntro{0%{transform:scale(1);opacity:0}20%{opacity:.5}80%{transform:scale(1.3);opacity:0}to{transform:scale(1.3);opacity:0}}:root{--base-font-size: 16px;--min-vw-width: 1280px;--max-vw-width: 3840px;--d-1-3: clamp(.0625rem, 0rem + .0781vw, .1875rem);--d-2-7: clamp(.125rem, .195vw + -.031rem, .438rem);--d-3-10: clamp(.188rem, .273vw + -.031rem, .625rem);--d-11-33: clamp(.688rem, .859vw + 0rem, 2.063rem);--d-12-36: clamp(.75rem, 0rem + .9375vw, 2.25rem);--d-15-45: clamp(.938rem, 1.172vw + 0rem, 2.813rem);--d-18-55: clamp(1.125rem, 1.445vw + -.031rem, 3.438rem);--d-20-60: clamp(1.25rem, 0rem + 1.5625vw, 3.75rem);--d-25-75: clamp(1.563rem, 1.953vw + 0rem, 4.688rem);--d-33-100: clamp(2.063rem, 2.617vw + -.031rem, 6.25rem);--d-36-110: clamp(2.25rem, 2.891vw + -.062rem, 6.875rem);--d-47-141: clamp(2.9375rem, 0rem + 3.6719vw, 8.8125rem);--d-50-150: clamp(3.125rem, 0rem + 3.9063vw, 9.375rem);--d-53-160: clamp(3.313rem, 4.18vw + -.031rem, 10rem);--d-66-200: clamp(4.125rem, 5.234vw + -.062rem, 12.5rem);--d-100-300: clamp(6.25rem, 7.813vw + 0rem, 18.75rem);--d-116-350: clamp(7.25rem, 9.141vw + -.062rem, 21.875rem);--d-195-585: clamp(12.188rem, 15.234vw + 0rem, 36.563rem);--d-256-768: clamp(16rem, 20vw + 0rem, 48rem);--d-333-1000: clamp(20.813rem, 26.055vw + -.031rem, 62.5rem);font-family:Arial,sans-serif;font-size:16px;font-weight:400;color:#fff;background-color:#f6f6f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;width:100%;overflow:hidden;margin:0;background:#003db0}*{box-sizing:border-box}.page{--opacity: .08;height:100vh;width:100vw;position:fixed;transition:background .3s cubic-bezier(.64,.56,0,1)}.page:before{content:"";position:absolute;height:10%;aspect-ratio:1/1;left:0;bottom:0;border:var(--d-3-10) solid white;border-right:none;border-top:none}.page:after{content:"";position:absolute;height:10%;aspect-ratio:1/1;top:0;right:0;border:var(--d-3-10) solid white;border-left:none;border-bottom:none}.page.no-angles:before,.page.no-angles:after{content:none}.page>.content{padding:var(--d-25-75) var(--d-100-300) var(--d-33-100) var(--d-100-300);height:100%;display:flex;flex-direction:column;position:relative}.page-container{--overflow: visible;flex:1;display:flex;flex-direction:column;overflow:var(--overflow)}.page-container__header{display:flex;flex-flow:column;align-items:center;width:100%;text-align:center;margin:auto}.page-container__header .title{margin-bottom:var(--d-3-10)}.page-container__content{padding-bottom:var(--d-53-160);flex:1;display:flex;flex-direction:column;overflow:var(--overflow)}.page-container.with-overflow{--overflow: hidden}.main-title{font-size:var(--d-116-350);line-height:1.2;font-weight:700}.title{font-size:var(--d-36-110);font-weight:700;text-transform:uppercase}.subtitle{font-size:var(--d-15-45);line-height:1.23}.body{font-size:var(--d-15-45);line-height:1.4}.small-text{font-size:var(--d-11-33)}.angle-text{padding:0 0 3vh 3vh;position:relative}.angle-text:before{content:"";position:absolute;height:var(--d-18-55);width:var(--d-18-55);left:0;bottom:0;border:var(--d-2-7) solid white;border-right:none;border-top:none}