@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}:root{--txt-default:Mulish, sans-serif;--col-primary:#0028f0;--col-secondary:#00b5e9;--col-accent:#ee3632;--col-black:#000000;--col-white:#ffffff;--col-gray-light:#f1f3ff;--col-gray-medium:#d5d7e6;--col-gray-dark:#292929;--hover-transition:.3s ease;--page-transition:.5s ease;--bor-radius:15px;--padding-section-hor:1.5rem;--padding-section-ver:2rem;--header-height:4rem;--footer-height:5rem;--bmi-progress-percent:2%;--col-logo:var(--col-gray-dark);--col-logo-alt:var(--col-secondary)}body{height:100vh;font-family:var(--txt-default);font-size:1.3125rem;color:var(--col-gray-dark);line-height:1.6em;background-color:var(--col-white);margin:0;padding:0;display:flex;flex-direction:column}html{scroll-behavior:smooth;scroll-padding-top:2rem}*,:after,:before{position:relative;box-sizing:border-box}.container{z-index:1;width:min(100%,70.5rem);margin-left:auto;margin-right:auto;position:relative}*{-webkit-tap-highlight-color:transparent}a{color:var(--col-primary);-webkit-text-decoration:none;text-decoration:none;transition:color var(--hover-transition)}a:focus,a:hover{color:var(--col-accent)}:focus{outline-color:var(--col-secondary)}.answers .answer input,.main .banner .banner-img-desktop,.svgs{display:none;visibility:hidden}svg{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-size:2.25rem;font-weight:700;line-height:1.15em;margin-bottom:1rem}h1,h2,h3,h4,p{margin-top:0}p{margin-bottom:1rem}strong{font-weight:600}.txt-alt{font-family:var(--txt-alt)}.padding-hor{padding-left:var(--padding-section-hor);padding-right:var(--padding-section-hor)}.padding-ver{padding-top:var(--padding-section-ver);padding-bottom:var(--padding-section-ver)}.btn,sup{line-height:1em}sup{font-size:.5em}.btn{--_color:var(--col-primary);--_border-radius:.5em;font-size:1rem;font-weight:600;color:var(--col-white);text-align:center;text-transform:uppercase;outline:0;background-color:var(--_color);border-radius:var(--_border-radius);padding:1.25em 4em;display:inline-block;isolation:isolate;cursor:pointer;transition:color var(--hover-transition),background-color var(--hover-transition)}.btn-accent{--_color:var(--col-secondary)}.btn-secondary{--_color:var(--col-primary)}.btn:focus,.btn:hover{--_color:var(--col-secondary);color:var(--col-white)}.btn-accent:focus,.btn-accent:hover{--_color:var(--col-primary)}.btn-min{--_color:transparent;font-size:.8rem;font-weight:700;color:var(--col-gray-dark);text-transform:capitalize;background-color:var(--_color);padding:.75rem 1.5rem}.btn-min:focus,.btn-min:hover{--_color:var(--col-gray-light);color:var(--col-secondary)}.logo{--_size:10rem;width:var(--_size);height:calc(var(--_size)/3.3)}body>.btn{z-index:99;position:absolute;top:1.5rem;left:.5rem}.main h1,.main p,header{text-align:center}header{--_padding:2rem;height:auto}header .container{padding:1rem var(--_padding)}.questionnaire{height:100vh;font-size:1rem;display:flex;flex-direction:column}.main .container{padding:1.5rem}.main h1{width:100%;font-size:7vw;font-weight:800;color:var(--col-gray-dark);text-wrap:balance}.main h1 .sub-heading{font-size:.75em;font-weight:600;color:var(--col-secondary);display:block}.main p{font-size:1em;line-height:1.4em;text-wrap:pretty}.main p strong{font-weight:700}.main .banner{margin:1.5rem auto}.main .banner picture,.main .banner picture img,.options .option label .product picture,.options .option label .product picture img{width:100%;display:block}.main .banner picture img{border:var(--col-gray-medium) solid 1px;border-radius:var(--bor-radius)}.progress .container{padding-bottom:.5rem}.progress .track{width:75%;height:.5rem;margin:0 auto}.progress .track .track-highlight,.progress .track .track-null{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.progress .track .track-null{z-index:1;opacity:.5}.progress .track .track-highlight div,.progress .track .track-null div{border-radius:5px}.progress .track .track-null div{background-color:var(--col-secondary)}.progress .track .track-highlight{z-index:2;position:absolute;top:0;left:0}.progress .track .track-highlight div{background-color:var(--col-primary)}.main .hero-image{width:95%;font-size:1rem;padding:1rem;background-color:var(--col-gray-light);border:var(--col-gray-medium) solid 1px;border-radius:var(--bor-radius);box-shadow:0 0 .5rem #0000000d;margin:.5rem auto 1.5rem;display:grid;grid-template-columns:35% 1fr;grid-gap:1rem;gap:1rem;align-items:center}.main .hero-image picture,.main .hero-image picture img{width:100%;height:auto;border-radius:100%}.main .hero-image picture img{background-color:var(--col-gray-medium)}.main .hero-image h3{font-size:1em;font-weight:700;line-height:1.15em;margin-bottom:.5rem}.main .hero-image p{font-size:.8em;text-align:left;line-height:1.4em;margin:0}.progress-forward{margin-top:auto}.progress-forward .container{padding:1rem 1.5rem 2.5rem}.progress-forward .btn{width:100%;text-transform:capitalize}.answers,.answers .answer label{width:100%;font-size:1em;display:grid}.answers{--_gap:1.5rem;grid-template-columns:1fr;grid-gap:var(--_gap);gap:var(--_gap);margin-top:var(--_gap)}.answers .answer{width:100%}.answers .answer label{--_icon-size:1.5em;--_icon-color:var(--col-secondary);font-weight:600;background-color:var(--col-gray-light);border:var(--col-gray-medium) solid 1px;border-radius:var(--bor-radius);padding:2rem 1.5rem;grid-template-columns:var(--_icon-size) 1fr;grid-gap:.5rem;gap:.5rem;align-items:center;cursor:pointer;transition:background-color var(--hover-transition),color var(--hover-transition)}.answers .answer label svg{width:var(--_icon-size);height:var(--_icon-size);color:var(--_icon-color);cursor:pointer;transition:color var(--hover-transition)}.answers .answer label span{display:block}.answers .answer:focus label,.answers .answer:hover label{--_icon-color:var(--col-white);color:var(--col-white);background-color:var(--col-primary)}.bmi{width:100%;margin-top:-1rem}.bmi form{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.bmi h2,.bmi h3{width:100%;font-weight:400;line-height:1.25em;text-align:center;margin:0}.bmi h2{font-size:1em}.bmi h3{font-size:3.5em;letter-spacing:-.05em}.bmi form>input:last-child{grid-column:span 2}.bmi form input{font-size:1em;font-weight:600;background-color:var(--col-gray-light);border:var(--col-gray-medium) solid 1px;border-radius:var(--bor-radius);padding:2rem 1.5rem;display:block;transition:background-color var(--hover-transition),border-color var(--hover-transition),color var(--hover-transition)}.bmi form input:focus,.signup input[type=email]:focus{outline-color:var(--col-secondary)}.bmi form input:focus,.bmi form input:hover,.signup input[type=email]:focus,.signup input[type=email]:hover{border-color:var(--col-secondary);background-color:var(--col-white)}.bmi .bmi-prog{width:100%;height:6rem;-webkit-clip-path:polygon(0 90%,100%0,100% 100%,0 100%);clip-path:polygon(0 90%,100%0,100% 100%,0 100%);margin:-2rem auto 1.5rem}.bmi .bmi-prog div{width:100%;height:100%;position:absolute;top:0;left:0}.bmi .bmi-prog div:first-child{background:linear-gradient(to right,#d5d7e6 0,#c7cad6);opacity:.25}.bmi .bmi-prog div:last-child{background:linear-gradient(to right,#43ed00 0,#ed702d,red);-webkit-clip-path:polygon(0 0,var(--bmi-progress-percent)0,var(--bmi-progress-percent) 100%,0 100%);clip-path:polygon(0 0,var(--bmi-progress-percent)0,var(--bmi-progress-percent) 100%,0 100%);transition:clip-path 1s;transition:clip-path 1s,-webkit-clip-path 1s}.bmi .warning,.signup input[type=email]{width:100%;font-size:1em;border:var(--col-gray-medium) solid 1px}.bmi .warning{--_icon-size:1.75em;--_icon-color:var(--col-secondary);background-color:#53a8d640;border-radius:5px;padding:1rem;margin:1.5rem auto;grid-template-columns:var(--_icon-size) 1fr;gap:.5rem;align-items:center;display:none;visibility:hidden;opacity:0}.bmi .warning svg{width:var(--_icon-size);height:var(--_icon-size);color:var(--_icon-color)}.bmi .warning p{font-size:1em;line-height:1.4em;margin:0}.fin-hero,.fin-hero img{display:block}.fin-hero{width:75%;margin:0 auto 1rem}.fin-hero img,.signup{width:100%}.signup input[type=email]{font-weight:600;background-color:var(--col-gray-light);border-radius:var(--bor-radius);padding:2rem 1.5rem;display:block;transition:background-color var(--hover-transition),border-color var(--hover-transition),color var(--hover-transition)}.signup input[type=submit]{width:100%;text-transform:capitalize;outline:0;border:0;margin-top:1rem;display:block}.weight-chart{--_bg-color:var(--col-white);--_text-color:var(--col-gray-dark);--_line-color:var(--col-primary);--_circle-color:var(--col-primary);--_text-data-color:var(--col-primary);--_axis-color:var(--col-gray-dark);--_grid-color:var(--col-gray-medium);--_highlight-color:var(--col-secondary);--_font-size-months:1.25em;--_font-size-data:1.5em;font-size:1rem}.weight-chart .chart-container{max-width:42rem;width:100%;margin:0 auto}.weight-chart .chart-title{text-align:center;font-size:1.15em;margin-bottom:2rem}.weight-chart svg{width:100%;height:auto;display:block;overflow:visible}.weight-chart .axis{stroke:var(--_axis-color);stroke-width:1}.weight-chart .grid{stroke:var(--_grid-color);stroke-width:1}.weight-chart .line{fill:none;stroke:var(--_line-color);stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-out forwards}.weight-chart .circle{fill:var(--_bg-color);stroke:var(--_circle-color);stroke-width:4;r:8;transform-box:fill-box;transform-origin:center;animation:popIn .5s ease-out forwards}.weight-chart .value{font-size:var(--_font-size-data);fill:var(--_text-data-color);font-weight:700;text-anchor:middle}.weight-chart .label{font-size:var(--_font-size-months);fill:var(--_text-color);text-anchor:middle}.weight-chart .pulse{animation:pulse 2s ease-in-out infinite;stroke:var(--_highlight-color);fill:var(--_highlight-color)}.weight-chart .weight-des{font-size:.85em;color:var(--col-gray-dark);letter-spacing:.05em;margin:0}.options,.options .option label{width:100%;font-size:1em;display:grid}.options{--_gap:1.5rem;grid-template-columns:1fr;grid-gap:var(--_gap);gap:var(--_gap);margin-top:var(--_gap)}.options .option{width:100%}.options .option input{display:none;visibility:hidden}.options .option label{--_icon-size:2em;--_icon-color:var(--col-secondary);font-weight:600;background-color:var(--col-gray-light);border:var(--col-gray-medium) solid 1px;border-radius:var(--bor-radius);padding:1rem .5rem 2rem;grid-template-columns:45% 1fr;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;grid-row-gap:var(--_gap);row-gap:var(--_gap);align-items:center;cursor:pointer;transition:background-color var(--hover-transition),color var(--hover-transition)}.options .option input[type=radio]:checked+label,.options .option:focus label,.options .option:hover label{--_icon-color:var(--col-primary);color:var(--col-white);background-color:var(--col-secondary)}.options .option input[type=radio]:checked+label{--_icon-color:var(--col-accent);border-color:var(--col-accent);border-width:2px}.options .option label .heading{font-size:8vw;width:100%;grid-column:span 2}.options .option label .heading h3{width:100%;line-height:1.15em;text-align:center;font-size:1em;font-weight:900;margin:0}.options .option label .heading h4{width:100%;font-weight:900;line-height:1.15em;text-align:center;font-size:.4em;color:var(--col-gray-light);letter-spacing:.05em;text-transform:uppercase;background-color:var(--col-secondary);border-radius:var(--bor-radius);padding:.25em .5em;transition:background-color var(--hover-transition)}.options .option label .heading h3 picture,.options .option label .heading h3 picture img{max-width:100%;display:block}.options .option label .heading h3 picture{width:4em;margin:0 auto;opacity:.75}.options .option:focus label .heading h4,.options .option:hover label .heading h4{background-color:var(--col-primary)}.options .option input[type=radio]:checked+label .heading h4{background-color:var(--col-accent)}.options .option label .copy ul{--_tick-size:1.5em;font-size:1em;font-weight:700;line-height:1.4em;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}.options .option label .copy ul li strong{font-weight:900;transition:color var(--hover-transition)}.options .option label .copy ul li svg{width:var(--_tick-size);height:var(--_tick-size);color:var(--col-secondary);position:absolute;top:0;left:calc(var(--_tick-size)*-1);transition:color var(--hover-transition)}.options .option input[type=radio]:checked+label .copy ul li svg,.options .option:focus label .copy ul li svg,.options .option:hover label .copy ul li svg{color:var(--col-white)}.options .option label .product svg{z-index:2;width:var(--_icon-size);height:var(--_icon-size);color:var(--_icon-color);background-color:var(--col-gray-light);border-radius:100%;transition:color var(--hover-transition);position:absolute;bottom:-.7rem;left:0}footer,footer .container{display:flex;align-items:center}footer{height:var(--footer-height);font-size:.8rem;text-align:center;color:var(--col-gray-medium);background-color:transparent;justify-content:center}footer .container{padding:0 1rem}footer .copyright{width:100%}@media screen and (min-width:1024px){header .container{padding:var(--_padding)}header .btn{left:var(--_padding)}.main .container{padding:2.5rem 7.5rem 1.5rem}.main h1{font-size:2.5em}.main .banner{margin:2.5rem auto}.main .banner .banner-img-mobile{display:none;visibility:hidden}.main .banner .banner-img-desktop{display:block;visibility:visible}.progress .track{width:30%}.main .hero-image{width:60%;font-size:1.4rem;padding:1.5rem 4rem;margin:2rem auto;gap:2.5rem}.answers{grid-template-columns:repeat(2,1fr)}.bmi .bmi-prog{width:80%;margin-bottom:2rem}.bmi .warning{width:80%;padding:1rem 5rem}.fin-hero{width:50%}.weight-chart{--_font-size-months:.9em;--_font-size-data:1.25em}.options .option label{padding:1rem 2.5rem 2rem;grid-template-columns:25% 1fr;-webkit-column-gap:1.5rem;column-gap:1.5rem;row-gap:0}.options .option label .heading{font-size:2.5rem}.options .option label .copy ul{font-size:1.15em}}