.quiz{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--ink);position:fixed;inset:0;background:var(--surface);display:flex;flex-direction:column;opacity:0;transform:translateY(7%);visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(.2, .7, .2, 1),opacity .35s ease,visibility 0s .45s}.quiz:not([open]){display:none}.quiz.is-open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:transform .45s cubic-bezier(.2, .7, .2, 1),opacity .35s ease}@media (prefers-reduced-motion:reduce){.quiz{transition:none}}.quiz__head{position:static;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--surface);border-bottom:1px solid rgba(0,0,0,.1);block-size:72.8px;min-block-size:72.8px;padding:16px 32px}.quiz__back{justify-self:start}.quiz__headSkip{justify-self:end;padding:8px 2px;appearance:none;background:0 0;border:0;font-size:15px;font-weight:600;color:#252122;visibility:hidden}.quiz[data-step="1"] .quiz__headSkip,.quiz[data-step="2"] .quiz__headSkip,.quiz[data-step="3"] .quiz__headSkip{visibility:visible}.quiz__body{flex:1;overflow-y:auto}.quiz__step{display:none;position:relative;min-height:100%;flex-direction:column;align-items:center;gap:20px;padding:28px 24px;text-align:center}.quiz__step[data-step="1"]{padding-top:16vh}.quiz__step.is-current{display:flex}.quiz__step.is-current>*{animation:quiz-step-in .4s cubic-bezier(.2,.7,.2,1) both}@keyframes quiz-step-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.quiz__step.is-current>*{animation:none}}.quiz__title{font-family:var(--font-display-family);font-weight:var(--weight-bold);font-size:clamp(24px, 6.6vw, 28px);letter-spacing:-.4px;line-height:1.15;text-wrap:balance}.quiz__sub{font-size:14px;line-height:150%;color:#252122;max-width:320px;margin-top:-10px}.quiz__choices{display:flex;flex-direction:column;gap:14px;width:100%;max-width:500px;margin-top:8px}.quiz__choice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:2px solid transparent;border-radius:24px;padding:26px 22px;appearance:none;box-shadow:0 3px 14px rgba(34,30,26,.07);text-align:left;transition:transform .15s ease,border-color .15s ease}.quiz__choice svg{width:64px;height:64px;flex:none}.quiz__choice:active{transform:scale(.98)}.quiz__choice.is-picked{border-color:var(--ink)}.quiz__choice-title{display:block;font-family:var(--font-display-family);font-weight:var(--weight-bold);font-size:28px;letter-spacing:-.4px;line-height:1.1}.quiz__choice-subtitle{display:block;margin-top:5px;font-size:14px;color:#252122}.quiz__form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;margin-top:6px}.quiz__input{width:100%;background:#fff;border:1.5px solid transparent;border-radius:var(--radius);appearance:none;-webkit-appearance:none;padding:16px 22px;font-size:16px}.quiz__input::placeholder{color:rgba(34,30,26,.35)}.quiz__cta{max-width:400px}.quiz__terms{font-size:11px;line-height:1.5;color:rgba(37,33,34,.55);max-width:300px;margin-top:auto}.quiz__terms a{text-decoration:underline}.quiz__eyebrow{font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;background:var(--brand-soft);border-radius:99px;padding:6px 14px}.quiz__step[data-step="3"] .quiz__title{margin-top:-6px}.quiz__visual{position:relative;flex:1;width:calc(100% + 48px);margin:0 -24px;min-height:160px}.quiz__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.quiz__actions{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}@media (min-width:801px){.quiz__head{padding:16px 32px}.quiz__step{justify-content:center;padding-top:28px;padding-bottom:calc(20vh + 28px);gap:24px}.quiz__step[data-step="1"]{padding-top:28px}.quiz__terms{position:absolute;bottom:28px;margin-top:0}.quiz__title{font-size:clamp(30px, 2.9vw, 40px)}.quiz__choices{flex-direction:row;max-width:1064px;gap:22px}.quiz__choice{flex:1;min-height:265px;flex-direction:column-reverse;justify-content:center;gap:16px;padding:36px 24px}.quiz__choice svg{width:84px;height:84px}.quiz__choiceText{text-align:center}.quiz__visual{max-height:42vh;width:100%;margin:0}}.quiz__loader{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500}.quiz.is-loading .quiz__body{display:none}.quiz.is-loading .quiz__loader{display:flex}.quiz.is-loading .quiz__headSkip{visibility:hidden;transition:none}.quiz__tiles{position:relative;width:90px;height:84px}.quiz__tiles i{position:absolute;top:0;left:0;border-radius:4.2px;background:var(--brand);animation:quiz-tile-1 5.56s cubic-bezier(.65,0,.15,1) .1s infinite both}.quiz__tiles i:nth-child(2){animation-name:quiz-tile-2}.quiz__tiles i:nth-child(3){animation-name:quiz-tile-3}.quiz__tiles i:nth-child(4){animation-name:quiz-tile-4}@keyframes quiz-tile-1{0%,100%,82.2%{width:17.4px;height:19.8px;transform:translate(28.5px,12px)}25%,7.2%{width:23.4px;height:26.4px;transform:translate(50.1px,19.5px)}32.2%,50%{width:17.4px;height:19.8px;transform:translate(44.1px,12px)}57.2%,75%{width:17.4px;height:19.8px;transform:translate(28.5px,52.2px)}}@keyframes quiz-tile-2{0%,100%,84%{width:23.4px;height:26.4px;transform:translate(50.1px,19.5px)}25%,9%{width:33px;height:23.4px;transform:translate(12.6px,36px)}34%,50%{width:23.4px;height:26.4px;transform:translate(16.5px,19.5px)}59%,75%{width:23.4px;height:26.4px;transform:translate(50.1px,38.1px)}}@keyframes quiz-tile-3{0%,100%,86.15%{width:33px;height:23.4px;transform:translate(12.6px,36px)}11.15%,25%{width:17.4px;height:19.8px;transform:translate(50.1px,50.4px)}36.15%,50%{width:33px;height:23.4px;transform:translate(44.4px,36px)}61.15%,75%{width:33px;height:23.4px;transform:translate(12.6px,24.6px)}}@keyframes quiz-tile-4{0%,100%,88.31%{width:17.4px;height:19.8px;transform:translate(50.1px,50.4px)}13.31%,25%{width:17.4px;height:19.8px;transform:translate(28.5px,12px)}38.31%,50%{width:17.4px;height:19.8px;transform:translate(22.5px,50.4px)}63.31%,75%{width:17.4px;height:19.8px;transform:translate(50.1px,13.8px)}}@media (prefers-reduced-motion:reduce){.quiz__tiles i{animation-play-state:paused;animation-delay:0s}}