@keyframes jello-horizontal{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;margin:0;padding:0;border:none;background:none;color:inherit}button{cursor:pointer;background-color:transparent;border:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0}table{border-collapse:collapse;border-spacing:0}fieldset{border:none;margin:0;padding:0}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-XLight_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-XLight_Web.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-XLightItalic_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-XLightItalic_Web.woff) format("woff");font-weight:200;font-style:italic}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-Light_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-Light_Web.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-LightItalic_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-LightItalic_Web.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-Book_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-Book_Web.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-BookItalic_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-BookItalic_Web.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-Bold_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-Bold_Web.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-BoldItalic_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-BoldItalic_Web.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-Black_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-Black_Web.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:HCo Verlag;src:url(/fonts/woff2/Verlag-BlackItalic_Web.woff2) format("woff2"),url(/fonts/woff/Verlag-BlackItalic_Web.woff) format("woff");font-weight:800;font-style:italic}html{font-size:16px}@media (min-width: 1920px){html{font-size:18px}}body{font-family:HCo Verlag;font-weight:400}h1{font-size:clamp(3.75rem,4vw,4vw);font-weight:800;line-height:clamp(4.375rem,4.4vw,4.4vw);color:#1d2b74}h2{font-size:clamp(3.125rem,3vw,3vw);font-weight:800;line-height:clamp(3.625rem,3.3vw,3.3vw);color:#1d2b74}@media (max-width: 480px){h2{font-size:2.5rem;line-height:3rem}}h3{font-size:2.5rem;line-height:3rem;font-weight:800;color:#1d2b74}h4{font-size:1.75rem;line-height:2.25rem;font-weight:800;color:#1d2b74}p{font-size:1.5rem;line-height:2.125rem}p.intro{font-size:1.625rem;line-height:2.25rem}p.smaller{font-size:1.375rem;line-height:1.875rem}p.quote{font-size:1.625rem;line-height:2rem;color:#9d7262}p.name{font-size:1.125rem;line-height:1.5rem;font-weight:700}p.sub{font-size:1.1875rem;line-height:1.625rem}strong{font-weight:800}body{background-color:#f4efdd}.section-row{margin:0 auto;width:93.386vw}@media (min-width: 2200px){.section-row{width:80vw}}.base-grid{display:grid;grid-template-columns:repeat(18,1fr);column-gap:20px}@media (max-width: 768px){.base-grid{grid-template-columns:repeat(9,1fr)}}.panel-container{display:flex;flex-direction:column;gap:5px}.panel{position:relative;display:flex;flex-direction:column;gap:30px;border-radius:20px;background-color:#fff;padding:11.173% 9.311%}.quote-element{display:flex;flex-direction:row;padding:7.65%;gap:40px;opacity:0}.quote-element:before{content:"";width:28px;min-height:108px;flex-shrink:0;background:url(/images/landing/quote-frame.svg) no-repeat center center}.quote-element .carousel{display:grid;align-items:center}.quote-element .content{display:flex;flex-direction:column;grid-row:1;grid-column:1/span 1}.quote-element .quote{margin-bottom:10px}.panel-button-container{position:relative}.panel-button-container:hover{z-index:1000}.panel-button{display:flex;flex-direction:row;align-items:center;border-radius:20px;background-color:#fff;color:#30b9f5;gap:20px;padding-top:5%;padding-bottom:5%;padding-left:5%;transition:transform 1s cubic-bezier(.43,1.66,.23,1.01),box-shadow 1s cubic-bezier(.43,1.66,.23,1.01);transform:scale(1);text-align:left}.panel-button:hover{transition:transform .5s cubic-bezier(.43,1.66,.23,1.01),box-shadow .5s cubic-bezier(.43,1.66,.23,1.01);transform:scale(1.05);box-shadow:0 20px 30px #00000021}.panel-button:hover .icon{animation:jello-horizontal .9s both}.panel-button .icon{flex-shrink:0;width:57px;height:57px}.panel-button .caption{display:flex;flex-direction:column}.panel-button .label{font-size:2rem;line-height:2.375rem;font-weight:800}.panel-button .info{color:#3e405b;font-size:1.25rem;line-height:1.5rem}.panel-button.primary{background-color:#7dd082;color:#fff}.panel-button.secondary{background-color:#30b9f5;color:#fff}.summary-panel{display:flex;flex-direction:column;padding:8% 8% 10%;background-color:#fff;border-radius:20px;gap:30px}.summary-panel .summary-title{text-align:center}.summary-panel.inverted{background-color:#0003}.summary-panel.inverted .summary-title{color:#e0d184}.summary-panel.specs .summary-item .icon{width:24px;height:24px}.summary-panel.specs .summary-details{display:flex;flex-direction:column;font-size:1.25rem;line-height:1.625rem;font-weight:700}.summary-panel.specs .summary-details .info{font-size:1.125rem;line-height:1.5rem;font-weight:400;color:#ffffffa8}.summary-list{display:flex;flex-direction:column;gap:15px}.summary-list .summary-item{display:flex;flex-direction:row;align-items:center;gap:20px}.summary-list .summary-item .icon{display:block;width:34px;height:34px;flex-shrink:0}.summary-list .summary-details{font-size:1.375rem;line-height:1.75rem}.link-list{display:flex;flex-direction:column;gap:10px;padding:10px 0}.link-list .link-item a{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:1.375rem;line-height:1.75rem;font-weight:700;color:#30b9f5}.link-list .link-item a:hover{text-decoration:underline}.link-list .link-item a:hover .icon{animation:jello-horizontal .9s both}.link-list .link-item a .icon{display:block;width:38px;height:38px}.icon{background-position:center center;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0}.icon.icon-play{background-image:url(/images/landing/icon-play.svg)}.icon.icon-check{background-image:url(/images/landing/icon-check.svg)}.icon.icon-communicate{background-image:url(/images/landing/icon-communicate.svg)}.icon.icon-check-inverted{background-image:url(/images/landing/icon-check-inverted.svg)}.icon.icon-time{background-image:url(/images/landing/icon-time.svg)}.icon.icon-linkedin{background-image:url(/images/landing/icon-linkedin.svg)}.icon.icon-link-bright{background-image:url(/images/landing/icon-link-bright.svg)}.icon.icon-download-bright{background-image:url(/images/landing/icon-download-bright.svg)}.icon.icon-smartphone{background-image:url(/images/landing/icon-smartphone.svg)}.icon.icon-clock{background-image:url(/images/landing/icon-clock.svg)}.icon.icon-board{background-image:url(/images/landing/icon-board.svg)}.icon.icon-close{background-image:url(/images/landing/icon-close.svg)}.section-top .section-row{display:flex;justify-content:center;padding:0 0 .5vw}.section-top .logo-FX svg{overflow:visible}@media (max-width: 1650px){.section-top .logo-FX svg{height:180px}}@media (max-width: 1024px){.section-top .logo-FX svg{height:160px}}.section-hero .hero-visual{grid-column:1/span 12;grid-row:1;margin-bottom:5vw}@media (max-width: 768px){.section-hero .hero-visual{grid-column:1/span 9;margin-bottom:5px}}.section-hero .hero-visual .visual-container{border-radius:20px;overflow:hidden}.section-hero .hero-visual .background-video{width:100%}.section-hero .hero-panel{grid-column:12/span 7;grid-row:1;margin-top:10vh}@media (max-width: 768px){.section-hero .hero-panel{grid-column:1/span 9;margin-top:0;grid-row:2}}.section-hero .quote-element{grid-column:4/span 6;grid-row:2}@media (max-width: 768px){.section-hero .quote-element{margin-top:10vw;grid-column:2/span 7;grid-row:3}}@media (max-width: 480px){.section-hero .quote-element{grid-column:1/span 9}}.section-hero .badge{position:absolute;width:126px;height:126px;top:-80px;right:5%;background:url(/images/landing/dia-award-logo.png);background-size:100% 100%}@media (max-width: 480px){.section-hero .badge{width:100px;height:100px;top:-65px}}.section-usp{overflow:hidden;margin-top:5vw}.section-usp .section-row{padding:0 10vw}@media (max-width: 1650px){.section-usp .section-row{padding:0}}@media (max-width: 768px){.section-usp{margin-bottom:10vw}}.section-usp .column{position:relative;display:flex;flex-direction:column;align-items:center;grid-column-end:span 6}@media (max-width: 768px){.section-usp .column{grid-column-start:2;grid-column-end:span 7}}.section-usp .usp-visual{perspective:800px;width:100%}.section-usp .visual-wrapper{transform-origin:bottom center;display:flex;flex-direction:column;align-items:center}.section-usp .visual-wrapper img{width:100%}.section-usp figure.overlay{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:0;width:100%}.section-usp figure.overlay img{width:100%}.section-usp .details{position:relative;text-align:center;padding:50px 10%;height:100%}@media (max-width: 768px){.section-usp .details{padding:50px 10% 12%}}.section-usp .details p{color:#1d2b74}.section-usp .details:after{content:"";position:absolute;top:0;left:-300%;width:800%;height:100%;background-color:#fff;z-index:-100}@media (max-width: 768px){.section-usp .details:after{width:100%;left:0;border-radius:20px}}.section-introduction{background-color:#fff;padding:5vw 0 10vw}@media (max-width: 768px){.section-introduction{padding:10vw 0 20vw}}@media (max-width: 768px){.section-introduction .section-row{row-gap:10vw}}.section-introduction .content{display:flex;flex-direction:column;justify-content:center;gap:20px}.section-introduction .mockup{grid-column:2/span 8;align-items:center}@media (max-width: 768px){.section-introduction .mockup{grid-column:2/span 7}}.section-introduction .details{grid-column:11/span 7}@media (max-width: 768px){.section-introduction .details{grid-column:2/span 7}}.section-instructions{padding:2vw 0 10vw}@media (max-width: 768px){.section-instructions{padding-top:0;padding-bottom:15vw}}.section-instructions .content{display:flex;flex-direction:column;align-items:start;align-content:flex-start;gap:60px}@media (max-width: 768px){.section-instructions .content{margin-top:10vw}}.section-instructions .content.mockup{align-items:center;width:100%;margin-top:0}.section-instructions .details{grid-column:2/span 8;padding-top:5vw}.section-instructions .details.smaller{display:flex;grid-column:13/span 5}@media (max-width: 768px){.section-instructions .details.smaller{grid-column:2/span 7}}.section-instructions .details.smaller figure{padding:0 2vw 2vw}@media (max-width: 768px){.section-instructions .details.smaller figure{padding:0 4vw 4vw 2vw}}.section-instructions .details.smaller figure img{width:100%}@media (max-width: 768px){.section-instructions .details{grid-column:2/span 7}}.section-instructions .content-wrap{display:flex;flex-direction:column;align-items:start;gap:20px;grid-column:1/span 8}.section-instructions .summary-panel-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:40px 5vw}@media (max-width: 768px){.section-instructions .summary-panel-container{padding:0px 5vw 0}}@media (max-width: 480px){.section-instructions .summary-panel-container{padding:0 0 40px}}.section-instructions .summary-panel{width:100%;max-width:700px}@media (max-width: 768px){.section-instructions .summary-panel{margin-top:5vw;margin-bottom:15vw}}.section-instructions .instructions{margin-top:-5vw;grid-column:12/span 7}@media (max-width: 768px){.section-instructions .instructions{grid-column:2/span 7;margin-top:0}}@media (max-width: 480px){.section-instructions .instructions{grid-column:1/span 9}}@media (max-width: 480px){.section-instructions .instructions .content{margin-top:0}}.section-instructions .instructions .instructions-content{background-color:#1d2b74;color:#fff}.section-instructions .instructions .instructions-content.panel{gap:60px}.section-instructions .instructions h2{color:#30b9f5}.section-instructions .instructions .content{gap:20px;align-items:start}.section-instructions .instructions .summary-panel{margin:0}.section-instructions .stepped-list{display:flex;flex-direction:column;gap:40px}.section-instructions .stepped-list .step{display:flex;flex-direction:row;align-items:center;gap:40px}.section-instructions .stepped-list .step-number{font-size:1.5rem;line-height:1.875rem;font-weight:800;color:#000;background-color:#e0d184;padding:12px 17px;border-radius:50px}.section-instructions .stepped-list .step-details{display:flex;flex-direction:column;gap:10px}.section-instructions .stepped-list .step-title{color:#e0d184;font-size:1.75rem;line-height:2.25rem}.section-instructions .stepped-list h3{display:flex;flex-direction:column;gap:5px}.section-instructions .stepped-list .step-time{display:flex;flex-direction:row;font-size:1.125rem;line-height:1.125rem;font-weight:400;color:#30b9f5;gap:5px}.section-instructions .stepped-list .step-time .icon-time{display:block;width:18px;height:18px}.section-instructions .stepped-list p{font-size:1.25rem;line-height:1.625rem;color:#fffc}.section-news{background-color:#fff;padding:5vw 0}@media (max-width: 768px){.section-news{padding:10vw 0}}.section-news .section-row{padding:0 10vw}@media (max-width: 1650px){.section-news .section-row{padding:0}}.section-news h2{grid-column:2/span 16;text-align:center;padding:0 0 5vw}@media (max-width: 768px){.section-news h2{grid-column:1/span 9;padding:0 0 10vw}}.section-news .news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;grid-column:2/span 16}@media (max-width: 768px){.section-news .news-list{grid-template-columns:repeat(1,1fr);grid-column:2/span 7}}@media (max-width: 768px){.section-news .news-list .news-item{display:flex;flex-direction:row;align-items:flex-start;gap:30px}}@media (max-width: 480px){.section-news .news-list .news-item{flex-direction:column}}.section-news .news-list .news-image{border-radius:10px;overflow:hidden}@media (max-width: 768px){.section-news .news-list .news-image{display:flex;width:40%;flex-shrink:0}}@media (max-width: 480px){.section-news .news-list .news-image{width:100%}}.section-news .news-list .details{display:flex;flex-direction:column;padding:30px 20% 0 0;gap:20px}@media (max-width: 768px){.section-news .news-list .details{padding:0}}.section-news .news-title{font-size:2.0625rem;line-height:2.5rem;font-weight:700}.section-about{background-color:#fff;padding:5vw 0}.section-about .details{display:flex;flex-direction:column;justify-content:center;grid-column:2/span 8;gap:20px}@media (max-width: 768px){.section-about .details{grid-column:2/span 7;padding-bottom:10vw}}.section-about .profile-grid{grid-column:12/span 6}@media (max-width: 768px){.section-about .profile-grid{grid-column:2/span 7;padding-bottom:10vw}}.section-about .profiles{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:30px}.section-about .profile{display:flex;flex-direction:column;font-size:1.25rem;line-height:1.375rem;gap:15px}.section-about .profile .profile-photo{border-radius:10px;overflow:hidden}.section-about .profile .function{font-weight:300;color:#3e405b}.section-about .profile .name{font-size:1.375rem;line-height:1.875rem;font-weight:800;color:#1d2b74}.section-about .profile .profile-link{display:flex;flex-direction:row;align-items:center;font-size:1.0625rem;line-height:1.5rem;font-weight:700;color:#30b9f5;padding:4px 0;gap:4px}.section-about .profile .profile-link .icon{display:block;width:16px;height:16px}.section-about .profile .profile-link:hover .caption{text-decoration:underline}.section-about .partners{display:flex;grid-column:3/span 14;justify-content:center;align-items:center;padding:5vw 0 0;min-width:130px;gap:40px}@media (max-width: 768px){.section-about .partners{grid-column:2/span 7;flex-direction:column;padding:5vw 0 10vw;gap:20px}}.section-support{padding:5vw 0}.section-support .details{grid-column:6/span 8;text-align:center}@media (max-width: 1280px){.section-support .details{grid-column:4/span 12}}@media (max-width: 768px){.section-support .details{grid-column:2/span 7}}@media (max-width: 480px){.section-support .details{grid-column:1/span 9}}.section-footer{padding:5vw 0;background-color:#1d2b74;color:#fff}.section-footer h3{color:#fff;margin-bottom:20px}.section-footer .details{grid-column:1/span 18;text-align:center}.video-popup{position:fixed;align-items:center;display:none;inset:0;z-index:9999;padding:7vw}.video-popup._visible{display:flex}.video-popup .overlay{position:absolute;inset:0;background-color:#f4efdd;opacity:.75}.video-popup .modal{position:relative;padding:10px;background-color:#fff;box-shadow:0 10px 60px #00000080;border-radius:20px}.video-popup .modal video{border-radius:10px}.video-popup .close-button{position:absolute;top:15px;right:15px;width:40px;height:40px;background-color:#fff;border:10px solid white;border-radius:100px}