.hero{margin:var(--header-h)0 0}.hero__title{display:block;margin:0 0 24px;font-size:var(--font-m-xxl);text-transform:uppercase;text-align:center}.hero__title strong{color:var(--cpn-blue-light)}.hero__title::before{content:"";display:block;height:61px;width:100vw;background:url(../img/logo_bars3.svg)no-repeat 50%/51px 51px;position:relative}.hero__content{padding:calc(var(--gutter-y) * 1)calc(var(--gutter-x) * 2);text-align:center;background:url(../img/stroke2m.svg)no-repeat 100% 20px/135%,var(--cpn-blue);color:var(--white)}.hero__content__h1{display:block;font-size:var(--font-m-l);margin:0 0 12px}.hero__content__h1 strong{text-transform:uppercase;color:var(--cpn-blue-light)}.hero__content__p{display:inline;text-align:center}.hero__content__p strong{color:var(--cpn-blue-light)}.illustration{margin:0;line-height:0}.illustration__img{width:calc(100% + 80px);margin:30px 0 -90px -100px}.slogan{display:block;padding:20px;text-align:center;line-height:1.75;color:var(--cpn-blue-light);margin:0;font-size:var(--font-l)}.slogan span{display:inline-block;color:transparent;transform-origin:bottom center;transform:scale(1.35)translateY(2px);margin:0 10px;font-weight:600}.form-title{display:flex;align-items:end;justify-content:end;background:url(/img/tab.png)no-repeat,linear-gradient(90deg,transparent 100px,var(--cpn-blue) 100px,var(--cpn-blue));background-size:contain,auto;font-size:var(--font-m);color:var(--cpn-blue-light);text-transform:uppercase;padding:10px 40px 0 100px;box-sizing:border-box;margin:0 0 -1px}.form-title::before{display:inline-block;content:"";width:20px;height:32px;margin:0 17px 0 0;background:url(/img/arrow_d_bluelight.svg)no-repeat 0 0/20px 20px}#contactForm{padding:20px 40px;background:var(--cpn-blue)}.form-step{padding:20px 40px;border-bottom:1px solid var(--gray-d3);max-width:100%}.form-step:nth-child(1){background:var(--cpn-blue)}.form-step:nth-child(1) .step-title{color:var(--cpn-blue-light)}.form-step:nth-child(2){background:var(--white)}.form-step:nth-child(2) .step-title{color:var(--cpn-blue)}.form-step:nth-child(2) .form-group input,.form-step:nth-child(2) .form-group select,.form-step:nth-child(2) .form-group textarea{background:var(--gray-d0);background:#aaa}.form-step:nth-child(2) .form-group input+label,.form-step:nth-child(2) .form-group select+label,.form-step:nth-child(2) .form-group textarea+label{transform:translate(10px,19px);color:var(--white);opacity:1}.form-step:nth-child(2) .form-group input:focus+label,.form-step:nth-child(2) .form-group input:focus-visible+label,.form-step:nth-child(2) .form-group input:not(:placeholder-shown)+label,.form-step:nth-child(2) .form-group select:focus+label,.form-step:nth-child(2) .form-group select:focus-visible+label,.form-step:nth-child(2) .form-group select:not(:placeholder-shown)+label,.form-step:nth-child(2) .form-group textarea:focus+label,.form-step:nth-child(2) .form-group textarea:focus-visible+label,.form-step:nth-child(2) .form-group textarea:not(:placeholder-shown)+label{transform:translate(5px,-3px);color:var(--cpn-blue)}.form-step:nth-child(3){background:var(--cpn-blue-light)}.form-step:nth-child(3) .step-title{color:var(--white)}.form-step:nth-child(3) .form-group input,.form-step:nth-child(3) .form-group select,.form-step:nth-child(3) .form-group textarea{background:var(--white);background:pink!important}.form-step:nth-child(3) .form-group input+label,.form-step:nth-child(3) .form-group select+label,.form-step:nth-child(3) .form-group textarea+label{transform:translate(10px,19px);color:var(--cpn-blue);opacity:1}.form-step:nth-child(3) .form-group input:focus+label,.form-step:nth-child(3) .form-group input:focus-visible+label,.form-step:nth-child(3) .form-group input:not(:placeholder-shown)+label,.form-step:nth-child(3) .form-group select:focus+label,.form-step:nth-child(3) .form-group select:focus-visible+label,.form-step:nth-child(3) .form-group select:not(:placeholder-shown)+label,.form-step:nth-child(3) .form-group textarea:focus+label,.form-step:nth-child(3) .form-group textarea:focus-visible+label,.form-step:nth-child(3) .form-group textarea:not(:placeholder-shown)+label{transform:translate(5px,-3px);color:var(--cpn-blue)}.form-step .step-title{display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer;user-select:none;position:relative;filter:grayscale(1);font-size:var(--font-m-l)}.form-step .step-title .step-arrow{transition:transform .3s ease;width:12px}.form-step .step-title.completed:not(.active-title){filter:none}.form-step .step-title.completed:not(.active-title)::before{content:"v";background:var(--valid-green);color:var(--white);position:absolute;left:-40px;height:30px;width:30px;display:grid;place-items:center;line-height:0;border-radius:50%}.form-step .step-content{display:none}.form-step.active .step-title{filter:none}.form-step.active .step-title .step-arrow{transform:rotate(90deg)}.form-step.active .step-content{display:block}.form-group{margin:10px 0 0;position:relative}.form-group.gdpr-group{margin:0;align-items:center;gap:0;margin:10px 0 0}.form-group.gdpr-group label{margin:0;padding:0;position:static}.form-group label{display:block}.form-group input,.form-group select,.form-group textarea{max-width:100%;box-sizing:border-box;background:var(--white);border:1px solid var(--form-border);margin:14px 0 0}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:transparent}.form-group input+label,.form-group select+label,.form-group textarea+label{pointer-events:none;position:absolute;top:-2px;left:0;transition:transform .2s,font-size .2s}.form-group input+label,.form-group select+label,.form-group textarea+label{transform:translate(10px,19px);color:#9c9c9c;opacity:1}.form-group input:focus,.form-group input:focus-visible,.form-group input:not(:placeholder-shown),.form-group select:focus,.form-group select:focus-visible,.form-group select:not(:placeholder-shown),.form-group textarea:focus,.form-group textarea:focus-visible,.form-group textarea:not(:placeholder-shown){border:1px solid transparent;outline:none}.form-group input:focus+label,.form-group input:focus-visible+label,.form-group input:not(:placeholder-shown)+label,.form-group select:focus+label,.form-group select:focus-visible+label,.form-group select:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:focus-visible+label,.form-group textarea:not(:placeholder-shown)+label{transform:translate(5px,-3px);font-size:.75em;color:#fff;display:inline-block;padding:0 5px;opacity:1}.form-group select{appearance:none;width:100%;padding:10px;border-radius:20px;background:url(../img/chevron_d_bluelight.svg)no-repeat right 10px center/12px 12px;cursor:pointer;transition:border-color .3s ease}.form-group select:focus{outline:none;border-color:#aaa}.form-group select option{color:var(--cpn-blue)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=number]{width:100%;padding:5px;border-radius:20px;font-size:1rem}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=number]:focus{outline:none;border:none;border:1px solid var(--cpn-blue)}.form-group.radio-group{display:flex;align-items:center;justify-content:space-between;gap:40px}.form-group.radio-group.last{margin:0 0 20px}.form-group.radio-group label:first-child{margin-bottom:0;flex-shrink:0}.form-group.radio-group.group-invalid .radio-options{border-left:5px solid var(--invalid-red);padding:0 0 0 5px}.form-group.radio-group .radio-options{display:flex;gap:20px}.form-group.radio-group .radio-options label{display:flex;align-items:center;gap:10px;margin-bottom:0;font-weight:400;cursor:pointer}.form-group.radio-group .radio-options label input[type=radio]{width:auto;margin:0 5px;accent-color:var(--cpn-blue-light)}.form-group.gdpr-group{display:flex;align-items:baseline}.form-group.gdpr-group input[type=checkbox]{margin-top:3px;width:auto;accent-color:var(--cpn-blue)}.form-group.gdpr-group input[type=checkbox].is-invalid{border:1px solid var(--invalid-red)}.form-group.gdpr-group input[type=checkbox].is-invalid+label[for=gdpr]{color:var(--invalid-red)}.form-group.gdpr-group label{margin-bottom:0;font-weight:400;font-size:.85rem;cursor:pointer}.required-notice{margin:10px 0;text-align:right;font-size:var(--font-m-s);color:var(--white)}textarea{width:100%;padding:5px;border-radius:20px;font-size:1rem}textarea:focus{outline:none;border:none;border:1px solid var(--cpn-blue)}.form-navigation{display:flex;align-items:center;justify-content:center;margin:20px}.is-invalid{border:1px solid var(--invalid-red)!important}.is-invalid+label{color:var(--invalid-red)}.form__hidden{display:none!important}.btn-nav{border:none;background:var(--cpn-blue-light);color:var(--white);padding:10px 20px;border-radius:10px;cursor:pointer}.btn-nav.send{background:var(--cpn-blue-light)}@media(min-width:960px){.hero__title{margin:48px 0 0;font-size:var(--font-xxl)}.hero__title::before{display:inline-block;content:"";height:54px;width:54px;background:url(../img/logo_bars3.svg)no-repeat 50% 100%/41px 41px;position:relative;bottom:-2px;left:-15px}.hero__content{padding:calc(var(--gutter-y) * 2)calc(var(--gutter-x) * 3);background:url(../img/stroke-blue.svg)no-repeat 50%;background-size:565px;font-size:var(--font-l);color:var(--cpn-blue)}.hero__content__h1{display:inline;font-size:var(--font-l);margin:0}.grid{display:grid;grid-template-columns:1fr 1fr 40%;grid-template-rows:1fr 1fr 50px}.illustration{grid-column:1/-1;grid-row:1/-1;margin:0 0 -40px}.illustration__img{width:calc(100% + 100px);margin:-20px 0 -40px -10px}.slogan{grid-column:3/4;grid-row:2/3;font-size:var(--font-xl)}.slogan span{margin:0 20px}.form-title{display:flex;align-items:end;justify-content:start;grid-column:3/4;grid-row:3/4;padding:10px calc(var(--gutter-x) * 0)0 100px;font-size:var(--font-l)}.form-title::before{display:inline-block;content:"";width:20px;height:32px;margin:0 17px 0 0;background:url(/img/arrow_d_bluelight.svg)no-repeat 0 0/20px 20px}#contactForm{padding:20px calc(var(--gutter-x) * 3);max-width:100%}#contactForm .rowed{display:grid;grid-template-columns:75% 25%;justify-content:space-between}.form-group{display:block;align-items:center}.form-group.form-row{display:flex;gap:20px}.form-group.form-row>.form-group{flex:1;margin-bottom:0}.form-group.radio-group{flex-direction:row;margin:20px 0 10px}.form-group.radio-group.group-invalid .radio-options{border-left:none;border-right:5px solid var(--invalid-red);padding:0 5px 0 0}.form-group input{background:var(--form-bg)}.form-navigation .cta-btn-light{height:46px}}