*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol,ul{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a{text-decoration:none}img,picture{display:block;max-width:100%;white-space:pre}button,input,select,textarea{font:inherit}button{background-color:transparent;border:none;cursor:pointer;margin:0;outline:none;padding:0}@keyframes gradient-slide{0%{background-position:-150% 0}to{background-position:150% 0}}@font-face{font-display:block;font-family:NIVEA Brand Type TT;font-style:normal;font-weight:700;src:url(./NIVEABrandTypeTT-Bold.CoGg_761.woff2) format("woff2"),url(./NIVEABrandTypeTT-Bold.BEB1LFTh.woff) format("woff")}@font-face{font-display:block;font-family:NIVEA Brand Type TT;font-style:normal;font-weight:600;src:url(./NIVEABrandTypeTT-SemiBold.De1lTGUV.woff2) format("woff2"),url(./NIVEABrandTypeTT-SemiBold.BF31gTrq.woff) format("woff")}@font-face{font-display:block;font-family:NIVEA Brand Type TT;font-style:normal;font-weight:400;src:url(./NIVEABrandTypeTT-Regular.D9gANIQq.woff2) format("woff2"),url(./NIVEABrandTypeTT-Regular.BzS9Lego.woff) format("woff")}@font-face{font-display:block;font-family:NIVEA Brand Type TT;font-style:normal;font-weight:700;src:url(./NIVEABrandTypeTT-ExtraBold.CXXGceLN.woff2) format("woff2"),url(./NIVEABrandTypeTT-ExtraBold.CTV-C1D-.woff) format("woff")}@font-face{font-display:block;font-family:NIVEA Brand Type TT;font-style:normal;font-weight:500;src:url(./NIVEABrandTypeTT-Medium._vIKkHsW.woff2) format("woff2"),url(./NIVEABrandTypeTT-Medium.DvJxw799.woff) format("woff")}@font-face{font-display:block;font-family:NIVEA Brand Type TT;font-style:normal;font-weight:300;src:url(./NIVEABrandTypeTT-Light.ub09fJ7s.woff2) format("woff2"),url(./NIVEABrandTypeTT-Light.DL_9BmjH.woff) format("woff")}.slide-fade-enter-active{transition:all .5s ease-in-out;transition-delay:.3s}.slide-fade-leave-active{transition:all .5s ease-in-out}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(5vh)}.fade-out{opacity:0;transition:all .5s ease-out}.fade-in{opacity:1;transition:all .5s ease-in}.fade-in-question-enter-active{transition:all .5s ease-in;transition-delay:.1s}.fade-in-question-leave-active{transition:all .4s ease-out}.fade-in-question-enter-from,.fade-in-question-leave-to{opacity:0;transform:translateY(20px)}.fade-in-answers-enter-active{transition:all .5s ease-in;transition-delay:.4s}.fade-in-answers-leave-active{transition:all .3s ease-out}.fade-in-answers-enter-from,.fade-in-answers-leave-to{opacity:0;transform:translateY(20px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes loading{0%{width:0}15%{width:25%}35%{width:35%}45%{width:45%}65%{width:70%}85%{width:85%}95%{width:95%}to{width:100%}}html{height:100%;margin:0;padding:0;touch-action:manipulation;width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#0a2065;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none}html::-webkit-scrollbar{display:none}body{font-family:NIVEA Brand Type TT;font-size:.625vw;font-style:normal;font-variant:normal;font-weight:500;height:100vh;line-height:10px;margin:0;padding:0;position:relative;width:100vw;font-smooth:auto;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;text-rendering:optimizeLegibility;touch-action:manipulation;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-overflow-style:none;background-color:#0a2065;overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;transform:translateZ(0);transform-origin:center;will-change:transform}body::-webkit-scrollbar{display:none}body *{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent;cursor:default}body [role=button],body [tabindex],body a,body button,body input,body select,body textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}body img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-ms-user-drag:none}body>main{margin:0;padding:0}body>main>div#surface-hub{aspect-ratio:2/3;height:auto;position:relative;width:100vw}body>main>div#surface-hub>section.stage{height:100%;overflow:hidden;position:relative;width:100%;z-index:1}body>main>div#surface-hub>section.background,body>main>div#surface-hub>section.stage>section{height:100%;left:0;position:absolute;top:0;width:100%}body>main>div#surface-hub>section.background{z-index:0}section#start{align-items:center;display:flex;flex-direction:column;justify-content:center}section#start h1{color:#fff;display:block;font-size:16em;font-weight:300;line-height:1.1875em;text-align:center}section#start h1,section#start h1 span{font-family:NIVEA Brand Type TT;font-style:normal}section#start h1 span{background:linear-gradient(140deg,#fff,#c2dadf 15%,#eecad3 30%,#d9c8df 50%,#93bdcf 90%);-webkit-background-clip:text;background-clip:text;font-size:1em;font-weight:800;line-height:1em;-webkit-text-fill-color:transparent;color:transparent}section#start button{background-color:transparent;display:block;height:70em;margin-top:30em;position:relative;width:70em}section#start button:active>span{transform:scale(.9) translate(-50%,-50%)}section#start button:active>div{transform:scale(1.1)}section#start button>span{color:#fff;font-family:NIVEA Brand Type TT;font-size:10em;font-style:normal;font-weight:800;left:50%;line-height:1.1em;pointer-events:none;position:relative;text-align:center;text-shadow:0 0 1em hsla(0,0%,100%,.5),0 0 2em hsla(0,0%,100%,.5),0 0 3em hsla(0,0%,100%,.5),0 0 4em hsla(0,0%,100%,.5);text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transform-origin:top left;z-index:2}section#start button>div,section#start button>span{display:block;position:absolute;transition:transform .1s ease-in-out}section#start button>div{height:100%;left:0;overflow:hidden;position:relative;top:0;transform-origin:center center;width:100%;z-index:1}section#questions header{margin-top:10em}section#questions header div{color:#fff;display:block;font-family:NIVEA Brand Type TT;font-size:7em;font-style:normal;font-weight:300;line-height:1.42857143em;text-align:center;text-transform:uppercase}section#questions header div span{background:linear-gradient(140deg,#fff,#c2dadf 15%,#eecad3 30%,#d9c8df 50%,#93bdcf 90%);-webkit-background-clip:text;background-clip:text;font-family:NIVEA Brand Type TT;font-size:1em;font-style:normal;font-weight:800;line-height:1em;-webkit-text-fill-color:transparent;color:transparent}section#questions header hr{animation:gradient-slide 3s linear infinite;background:linear-gradient(140deg,#fff,#c2dadf 15%,#eecad3 30%,#d9c8df 50%,#93bdcf 90%,#fff);background-size:150% 100%;border:none;display:block;height:2em;margin:6.5em auto 6em;opacity:1;outline:none;width:75%}section#questions>.question h1{color:#fff;display:block;font-family:NIVEA Brand Type TT;font-size:11em;font-style:normal;font-weight:300;line-height:1.36363636em;text-align:center}section#questions>.question h1 span{background:linear-gradient(140deg,#fff,#c2dadf 15%,#eecad3 30%,#d9c8df 50%,#93bdcf 90%);-webkit-background-clip:text;background-clip:text;font-family:NIVEA Brand Type TT;font-size:1em;font-style:normal;font-weight:800;line-height:1em;-webkit-text-fill-color:transparent;color:transparent}section#questions>.question h2{color:#fff;display:block;font-family:NIVEA Brand Type TT;font-size:6em;font-style:normal;font-weight:300;line-height:1.16666667em;margin-top:.5em;opacity:.7;text-align:center}section#questions>.question h2 span{background:linear-gradient(140deg,#fff,#c2dadf 15%,#eecad3 30%,#d9c8df 50%,#93bdcf 90%);-webkit-background-clip:text;background-clip:text;font-family:NIVEA Brand Type TT;font-size:1em;font-style:normal;font-weight:800;line-height:1em;-webkit-text-fill-color:transparent;color:transparent}section#questions>.question .answers{display:block;height:125em;margin:3em auto 0;position:relative;width:150em}section#questions>.question .answers button{animation:float 3s ease-in-out infinite;height:44em;position:absolute;width:44em;z-index:2}section#questions>.question .answers button.a-0{animation-delay:0s}section#questions>.question .answers button.a-1{animation-delay:.6s}section#questions>.question .answers button.a-2{animation-delay:1.2s}section#questions>.question .answers button.a-3{animation-delay:1.8s}section#questions>.question .answers button.a-4{animation-delay:2.4s}section#questions>.question .answers button>span{color:#ffffff80;display:block;font-family:NIVEA Brand Type TT;font-size:4.5em;font-style:normal;font-weight:800;line-height:1.33333333em;padding:0 1em;pointer-events:none;position:relative;text-align:center;text-transform:uppercase;transform-origin:top left;transform-origin:center center;transition:transform .1s ease-in-out;z-index:2}section#questions>.question .answers button.selected>span{color:#fff;text-shadow:0 0 1em hsla(0,0%,100%,.2),0 0 2em hsla(0,0%,100%,.2),0 0 3em hsla(0,0%,100%,.2),0 0 4em hsla(0,0%,100%,.2);transform:scale(1.1)}section#questions>.question .answers.q-1 button.a-0,section#questions>.question .answers.q-5 button.a-0{left:7em;top:17em}section#questions>.question .answers.q-1 button.a-1,section#questions>.question .answers.q-5 button.a-1{left:100em;top:17em}section#questions>.question .answers.q-1 button.a-2,section#questions>.question .answers.q-5 button.a-2{left:53em;top:40em}section#questions>.question .answers.q-1 button.a-3,section#questions>.question .answers.q-5 button.a-3{left:11em;top:68em}section#questions>.question .answers.q-1 button.a-4,section#questions>.question .answers.q-5 button.a-4{left:94em;top:68em}section#questions>.question .answers.q-2 button.a-0{left:8em;top:13em}section#questions>.question .answers.q-2 button.a-1{left:97em;top:17em}section#questions>.question .answers.q-2 button.a-2{left:51em;top:38em}section#questions>.question .answers.q-2 button.a-3{left:11em;top:68em}section#questions>.question .answers.q-2 button.a-4{left:94em;top:68em}section#questions>.question .answers.q-3 button>span{font-family:NIVEA Brand Type TT;font-size:4em;font-style:normal;font-weight:800;line-height:1.25em;padding:0 2em}section#questions>.question .answers.q-3 button.a-0{left:6em;top:16em}section#questions>.question .answers.q-3 button.a-1{left:98em;top:13em}section#questions>.question .answers.q-3 button.a-2{left:54em;top:32em}section#questions>.question .answers.q-3 button.a-3{left:25em;top:73em}section#questions>.question .answers.q-3 button.a-4{left:84em;top:71em}section#questions>.question .answers.q-4 button.a-0{left:18em;top:10em}section#questions>.question .answers.q-4 button.a-1{left:89em;top:10em}section#questions>.question .answers.q-4 button.a-2{left:53em;top:46em}section#questions>.question .answers.q-4 button.a-3{left:8em;top:73em}section#questions>.question .answers.q-4 button.a-4{left:96em;top:71em}section#questions>.question .answers .question-effect{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}section#questions>.question .answers .question-effect canvas{overflow:visible}section#questions>.question .navigation{bottom:11em;left:0;position:absolute;text-align:center;width:100%}section#questions>.question .navigation button.next{background-color:#fff;border-radius:.5em;box-shadow:0 0 7em #3753a330;cursor:default;display:block;margin:0 auto;padding:4em 6em;position:relative}section#questions>.question .navigation button.next:active{transform:scale(.98)}section#questions>.question .navigation button.next:before{animation:buttonPulse 2s ease infinite;border-radius:.4em;content:"";display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}section#questions>.question .navigation button.next.selected-answers:before{display:block}section#questions>.question .navigation button.next span{background:linear-gradient(140deg,#cf9dc7,#5e82e9 80%);-webkit-background-clip:text;background-clip:text;color:#10319a;font-family:NIVEA Brand Type TT;font-size:5.5em;font-style:normal;font-weight:700;line-height:1em;position:relative;text-transform:uppercase;z-index:1;-webkit-text-fill-color:transparent;color:transparent}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-.8em,.8em)}}section#results{position:relative}section#results,section#results>div{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}section#results>div{left:0;position:absolute;top:0}section#results div.analyzing h1{color:#fff;display:block;font-family:NIVEA Brand Type TT;font-size:10em;font-style:normal;font-weight:300;line-height:1.4em;margin-bottom:1.5em;text-align:center;text-transform:uppercase}section#results div.analyzing h1 strong{color:#fff;font-size:1em}section#results div.analyzing h1 span,section#results div.analyzing h1 strong{font-family:NIVEA Brand Type TT;font-style:normal;font-weight:700;line-height:1em}section#results div.analyzing h1 span{background:linear-gradient(140deg,#fff,#c2dadf 15%,#eecad3 30%,#d9c8df 50%,#93bdcf 90%);-webkit-background-clip:text;background-clip:text;font-size:2em;-webkit-text-fill-color:transparent;color:transparent}section#results div.analyzing .loading-bar{background-color:#fff3;border-radius:1em;display:block;height:2em;margin:2em auto 0;overflow:hidden;width:50em}section#results div.analyzing .loading-bar .loading-progress{animation:loading 3s ease-out forwards;background-color:#fff;border-radius:1em;height:100%;width:0}section#results div.results>.score{animation:pulse 3s ease-in-out infinite;display:block;height:60em;margin:0 auto;position:relative;width:60em}section#results div.results>.score div.stage{align-items:center;background:#fff;border-radius:50%;box-shadow:inset 0 0 5em #3753a34d;display:flex;height:100%;justify-content:center;left:0;outline:5em solid #3753a3;position:absolute;top:0;width:100%;z-index:2}section#results div.results>.score div.stage div{color:#10319a;font-family:NIVEA Brand Type TT;font-size:5.5em;font-style:normal;font-weight:700;line-height:1.45454545em;text-align:center;text-transform:uppercase}section#results div.results>.score div.stage div span{font-family:NIVEA Brand Type TT;font-size:3em;font-style:normal;font-weight:800;line-height:1em}section#results div.results>.score div.ring{animation:rotate 8s linear infinite;background:conic-gradient(#8ecad5,#6b92c3,#d6b2ce,#f6e8d1,#d2e1dc,#c2a5cc,#6c8ec3,#989bc4,#8ecad5 1turn);border-radius:50%;box-shadow:0 0 7em #3753a3;height:74em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:74em;z-index:1}section#results div.results>.described{display:block;margin:23em 0 0;text-align:center}section#results div.results>.described h1{color:#fff;display:block;font-family:NIVEA Brand Type TT;font-size:11em;font-style:normal;font-weight:800;line-height:1.27272727em;margin-bottom:.5em;position:relative;text-transform:uppercase}section#results div.results>.described h2{color:#fff;display:block;font-family:NIVEA Brand Type TT;font-size:9em;font-style:normal;font-weight:300;line-height:1.22222222em;margin-bottom:.3em}section#results div.results>.described h2 span,section#results div.results>.described h2 strong{font-family:NIVEA Brand Type TT;font-size:1em;font-style:normal;font-weight:800;line-height:1em}section#results div.results>.described button.next{background-color:#fff;border-radius:.5em;box-shadow:0 0 7em #3753a330;cursor:default;display:block;margin:23em auto -5em;padding:4em 6em;position:relative}section#results div.results>.described button.next:active{transform:scale(.98)}section#results div.results>.described button.next:before{animation:buttonPulse 2s ease infinite;border-radius:.4em;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}section#results div.results>.described button.next span{background:linear-gradient(140deg,#cf9dc7,#5e82e9 80%);-webkit-background-clip:text;background-clip:text;color:#10319a;font-family:NIVEA Brand Type TT;font-size:5.5em;font-style:normal;font-weight:700;line-height:1em;position:relative;text-transform:uppercase;z-index:1;-webkit-text-fill-color:transparent;color:transparent}@keyframes buttonPulse{0%{outline:0 solid hsla(0,0%,100%,0)}80%{outline:3em solid hsla(0,0%,100%,.3)}to{outline:3em solid hsla(0,0%,100%,0)}}section#product{align-items:center;background-color:#0a2065;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}section#product .product-background-video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}section#product .product-content{position:relative;z-index:2}section#product .product-content,section#product .product-content>div{align-items:center;display:flex;height:100%;justify-content:center;width:100%}section#product .product-content>div{left:0;position:absolute;top:0;will-change:transform,opacity}section#product .product-content .packshot-image{display:block;height:auto;pointer-events:none;width:56.5em;will-change:transform,opacity}section#product .product-content h2{color:#fff;display:block;font-family:NIVEA Brand Type TT;font-size:15em;font-style:normal;font-weight:400;line-height:1.33333333em;text-align:center;text-transform:uppercase;will-change:opacity,transform,text-shadow}section#product .product-content h2 i{display:inline-block;font-style:normal;opacity:0;text-shadow:0 0 50px rgba(10,32,101,.5);transform:translateY(5em);will-change:opacity,transform,text-shadow}section#product .product-content h2 span{font-family:NIVEA Brand Type TT;font-size:1em;font-style:normal;font-weight:700;line-height:1em}