*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root,:host{--hsl-white:0 0% 100%;--hsl-black-title:0 0% 15%;--hsl-primary:240 100% 20%;--hsl-primary-light:240 100% 26%;--hsl-error:358 91% 43%;--hsl-link:221 97% 54%;--hsl-grey-800:0 0% 18%;--hsl-grey-700:0 0% 28%;--hsl-grey-600:0 0% 41%;--hsl-grey-500:0 0% 57%;--hsl-grey-400:0 0% 72%;--hsl-grey-300:0 0% 84%;--hsl-grey-200:0 0% 92%;--hsl-grey-150:0 0% 98%;--hsl-grey-100:180 4% 95%;--color-white:hsl(var(--hsl-white));--color-black-title:hsl(var(--color-black-title));--color-primary:hsl(var(--hsl-primary));--color-primary-light:hsl(var(--hsl-primary-light));--color-grey-800:hsl(var(--hsl-grey-800));--color-grey-700:hsl(var(--hsl-grey-700));--color-grey-600:hsl(var(--hsl-grey-600));--color-grey-500:hsl(var(--hsl-grey-500));--color-grey-400:hsl(var(--hsl-grey-400));--color-grey-300:hsl(var(--hsl-grey-300));--color-grey-200:hsl(var(--hsl-grey-200));--color-grey-150:hsl(var(--hsl-grey-150));--color-grey-100:hsl(var(--hsl-grey-100));--color-error:hsl(var(--hsl-error));--color-link:hsl(var(--hsl-link));--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--rounded:.625rem;--rounded-lg:1.25rem;--rounded-full:9999px;--layer-0:0;--layer-1:10;--layer-2:20;--layer-3:30;--layer-4:40;--layer-5:50;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--font-body:roboto,system-ui,sans-serif;--font-title:produkt,system-ui,sans-serif}@font-face{font-weight:800;font-family:Produkt;font-style:normal;src:url(/assets/Produkt-Black-DY6wuadk.woff)format("woff")}@font-face{font-weight:400;font-family:Produkt;font-style:normal;src:url(/assets/Produkt-Regular-sFyWU4zR.woff)format("woff")}@font-face{font-weight:400;font-family:Roboto;font-style:normal;src:url(/assets/roboto-v47-latin-regular-CNwBRw8h.woff2)format("woff2");font-display:swap}@font-face{font-weight:500;font-family:Roboto;font-style:normal;src:url(/assets/roboto-v47-latin-500-CkrA1NAy.woff2)format("woff2");font-display:swap}@font-face{font-weight:700;font-family:Roboto;font-style:normal;src:url(/assets/roboto-v47-latin-700-DZr4b_KL.woff2)format("woff2");font-display:swap}@font-face{font-weight:900;font-family:Roboto;font-style:normal;src:url(/assets/roboto-v47-latin-900-93zEKV3C.woff2)format("woff2");font-display:swap}body{min-height:100vh;font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}.app{font-family:var(--font-body)}.button{color:var(--color-white);background:var(--color-primary);cursor:pointer;border:none;border-radius:1px}@media (hover:hover){.button:hover{background:var(--color-primary-light)}}.button:focus{background:var(--color-primary-light);outline:1px solid var(--color-primary);outline-offset:2px;border:none}.button--submit{place-self:center;padding-block:.75rem;padding-inline:3rem;display:flex}.card{border:1px solid var(--color-grey-200);flex-direction:column;flex:1 0 0;align-self:stretch;align-items:center;gap:.75rem;padding-block:.75rem;padding-inline:.75rem;display:flex}.card__title-container{text-align:center;width:100%;height:auto;position:relative}.card__image{width:100%;height:auto;display:block}.card__title{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border-radius:1px 1px 1px 0;padding:.5rem .25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card__age{justify-content:space-between;align-items:center;width:100%;display:flex}.card__generation{color:var(--color-grey-700);font-weight:800;font-size:var(--text-base);font-family:var(--font-body)}.card__age-range{color:var(--color-grey-700);font-weight:700}.faq{padding-block:1rem}@media screen and (min-width:768px){.faq{padding-block:1.625rem}}.faq__header{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1.25rem;display:grid}@media screen and (min-width:768px){.faq__header{padding-inline:1.25rem}}.faq__title{color:var(--color-grey-700);font-size:.875rem;font-weight:400;font-family:var(--font-body);text-align:center;grid-column:2;line-height:normal}.faq__close{margin-block-start:auto;margin-inline-start:auto}.faq__questions{padding-left:0;list-style:none}@media screen and (min-width:768px){.faq__questions{min-width:36rem;margin-inline:auto}}.faq__details{white-space:pre-line;border-bottom:1px solid var(--color-grey-200);background:var(--color-grey-100);padding:0 1rem 1.25rem}@media screen and (min-width:768px){.faq__details{padding-inline:1.5rem}}@supports (white-space:preserve){.faq__details{white-space:preserve}}.faq__summary{cursor:pointer;padding-top:1.25rem;padding-right:2rem;font-weight:700;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.faq__summary{transition-property:margin-bottom;transition-duration:.2s}}@media screen and (min-width:768px){.faq__summary{padding-right:3.25rem}}.faq__summary-expand{width:.75rem;color:var(--color-grey-700);position:absolute;top:calc(.625rem + 50%);right:.625rem;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.faq__summary-expand{transition-property:transform;transition-duration:.2s}}.faq__details[open]{background-color:var(--color-grey-100)}.faq__details[open] .faq__summary{margin-bottom:1.25rem}.faq__details[open] .faq__summary-expand{transform:translateY(-50%)rotate(180deg)}.footer{flex-flow:column wrap;justify-content:center;align-self:stretch;gap:2rem;display:flex}.footer--mini{flex-flow:wrap;align-self:center}.footer__faq-wrapper{flex-wrap:wrap;place-content:center;place-items:center;gap:2rem;padding-inline:.2rem;display:flex}.footer__faq-wrapper .link{height:auto}.footer__logo-wrapper{border-top:1px solid var(--color-grey-200);flex-direction:column;justify-content:space-evenly;place-self:center;align-items:center;gap:.7rem;width:80%;padding-block-start:1rem;display:flex}@media screen and (min-width:768px){.footer__logo-wrapper{gap:.75rem}}.footer__logo-content{flex-direction:row;place-content:center space-evenly;width:100%;margin-inline:auto;display:flex}.footer__text{color:var(--color-grey-600);font-size:var(--text-xs);place-self:center}.header{padding-block:2rem .75rem;padding-inline:.75rem;display:flex}@media screen and (min-width:1024px){.header{padding-block:0}}.header__content{place-self:center;height:6.25rem;margin:0 auto}.intro__title{font-weight:800;font-family:var(--font-title);text-align:center}.intro{flex-direction:column;gap:1.25rem;display:flex}.intro__description{max-width:31.25rem;color:var(--color-grey-700);text-align:center;line-height:1.375rem}.link{color:var(--color-grey-600);text-decoration:none;display:inline-flex}.link:hover{color:var(--color-grey-600);text-decoration:underline}.link:focus{color:var(--color-grey-600);outline-color:var(--color-primary);outline-offset:4px;text-decoration:underline}.link .link__logo{fill:var(--color-grey-600)}.link--sm{font-size:var(--text-sm)}.link--button{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.link__logo--ams{width:4.875rem}.link__logo--play{width:2.875rem}.link__logo--bpact{width:1.5rem}.link__logo--tree{width:3.5rem}.link--result{color:var(--color-link);text-decoration:none}.link--result:hover{color:var(--color-link);text-decoration:underline}.option{display:flex}.option__label{background:var(--color-primary);border:none;padding-block:.3rem;padding-inline:.3rem;position:relative}@media screen and (min-width:640px){.option__label{padding-block:.875rem;padding-inline:1.5rem}}.option--select{cursor:pointer}.option--select .option__label{cursor:pointer;background:0 0;align-self:stretch;padding-block:.875rem;padding-inline:1.5rem}.option--select .option__input{white-space:nowrap;clip:rect(0,0,0,0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.option__icon{width:2.5rem;height:2.5rem;color:var(--color-white);transition:transform .3s;display:flex}@media (hover:hover){.option:hover .option__icon{transform:translateY(-.25rem)}}.option__checked-icon{pointer-events:none;position:absolute;bottom:80%;transform:translate(-50%)}.option--button{color:#fff}.page{border:1px solid var(--color-grey-300);flex-direction:column;flex-shrink:0;justify-content:space-between;justify-self:center;width:90%;max-width:40.625rem;min-height:28.125rem;padding:1.25rem .75rem;display:flex}@media screen and (min-width:1024px){.page{min-height:32.5rem;padding-block:1.25rem}}.page--start{align-items:center;gap:1rem}.page--email{gap:2rem}.page--question{display:flex}.page--faq{min-height:initial}.page__progress{grid-template-columns:3.125rem 1fr 3.125rem;align-items:center;display:grid}.page__form-contents{flex-direction:column;gap:.5rem;display:flex}.page__progress-button{color:var(--color-grey-700);background:0 0}.page__progress-button:hover,.page__progress-button:focus{background:0 0}.page__progress-text{color:var(--color-grey-700);font-size:.875rem;font-weight:400;font-family:var(--font-body);text-align:center;line-height:normal}.page__action--start{margin:auto;padding:.75rem 3rem;font-weight:500}.question{flex-direction:column;justify-content:stretch;place-self:center;align-items:center;gap:3rem;display:flex}.question__options{flex-wrap:wrap;flex-shrink:1;justify-content:center;gap:.25rem;display:flex}.question__label{font-weight:800;font-size:var(--text-2xl);font-family:var(--font-body);text-align:center;align-self:stretch;line-height:2rem}.question__error{color:var(--color-error);font-size:var(--text-xs);font-family:var(--font-body);text-align:center;align-self:stretch;line-height:1rem}.question--select{border:none;gap:0;min-width:15rem;max-height:80vh}.question--select .question__description{font-weight:500;font-size:var(--text-base)}.question--select .question__details{gap:.313rem;width:18rem;padding-block:.75rem;padding-inline:1rem;position:relative}.question--select .question__prompt{width:16rem;color:var(--color-grey-600);text-align:center;border:1px solid var(--color-grey-100);cursor:pointer;justify-content:space-between;justify-self:center;align-items:center;padding-block:.75rem;padding-inline:1rem;list-style-type:none;display:flex}.question--select .question__prompt:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5' fill='none'%3E%3Cpath d='M4.99998 4.5L0.833313 0.333332H9.16665L4.99998 4.5Z' fill='%23696969'/%3E%3C/svg%3E");width:.625rem;color:var(--color-grey-600);font-size:.7em}.question--select .question__prompt::-webkit-details-marker{display:none}.question--select .question__details[open] .question__prompt:after{transform:rotate(180deg)}.question--select .question__options{border:1px solid var(--color-grey-100);background:var(--color-white);width:16rem;max-height:12rem;display:inline-block;position:absolute;left:50%;overflow-y:scroll;transform:translate(-50%)}.question--select .question__option{color:var(--color-grey-600);justify-content:center;align-self:stretch;display:flex}.question--select .question__option:hover{background:var(--color-grey-100)}.question--optin{background:var(--color-grey-150);border:none;flex-direction:column;gap:1.25rem;width:100%;max-width:30rem;padding-block:1.25rem;padding-inline:1.25rem;display:flex}.question--optin .question__input{width:100%;padding-block:1rem;padding-inline:.75rem}.question--optin .question__label{float:left;font-weight:500;font-size:var(--text-base);text-align:left;line-height:1.375rem;text-decoration:none}.question--optin .question__error{text-align:left}.question--optin .option__label{background:0 0}.question--optin .question__options{flex-direction:column;justify-items:center}.question--optin .question__options .option__input{margin-block:auto}.question__option--checked{background:var(--color-grey-100)}.results-container{flex-direction:column;align-items:center;gap:2rem;margin-block:2rem;display:flex}.results__image-container{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0 auto;display:grid;overflow:hidden}.results__image{object-fit:cover;object-position:left 50%;aspect-ratio:1/2}@media screen and (min-width:768px){.results__image{aspect-ratio:274/500;height:122%;max-height:39rem;margin-block-start:-18%}}.results__image:last-child{object-position:right 50%;border-left:2px solid #271e6c}.results__share{justify-content:space-between;align-self:center;place-items:center;min-width:16rem;padding-block:.75rem;padding-inline:3rem;font-weight:500;display:flex}.results__share:first-child{padding-inline-end:1rem}.results__summary{flex-direction:column;gap:.25rem;padding-block:.75rem;padding-inline:.75rem;display:flex}.results__summary--title{font-size:var(--text-base);font-family:var(--font-body)}.results__summary--paragraph{line-height:1.375rem}.results__side-categories{flex-direction:column;gap:.75rem;display:flex}@media screen and (min-width:768px){.results__side-categories{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.share{background:var(--color-grey-200);flex-direction:column;align-items:center;gap:.75rem;width:100%;padding-block:1rem;padding-inline:.75rem;display:flex}.share__text{font-weight:900;font-size:var(--text-xl);font-family:var(--font-title);text-align:center}.share__button-container{color:var(--color-grey-600);border:1px solid var(--color-grey-300);background:var(--color-white);align-self:stretch;align-items:center;padding-inline-start:.625rem;display:flex}.share__link-container{align-content:space-between;align-items:center;gap:.5rem;max-width:70%;display:flex}.share__button{justify-content:space-between;align-items:center;width:7rem;margin-inline-start:auto;padding-block:.375rem;padding-inline:1rem;display:flex}.share__url{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;display:inline-block;overflow:hidden}.app{width:100%}.app__main{justify-content:center;width:100%;display:flex}.sr-only{white-space:nowrap;clip:rect(0,0,0,0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}