@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.start{inset-inline-start:var(--spacing)}.block{display:block}.grow{flex-grow:1}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}:root{--quiz-green: #2E494A;--quiz-green-btn: #D94068;--quiz-green-hover: #B8304F;--quiz-green-light: #FFF0F3;--quiz-green-border: #FFD5DC;--quiz-text: #4D4D4D;--quiz-muted: #6B6B6B;--quiz-white: #ffffff;--quiz-cream: #FFFFFF;--quiz-radius: 10px;--quiz-radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;overflow-y:hidden}body{overflow-y:hidden}body{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.6;background:var(--quiz-white);color:var(--quiz-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Josefin Sans,Brandon Grotesque,ui-sans-serif,sans-serif;font-weight:700;letter-spacing:.01em;color:var(--quiz-green)}img{display:block;max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}.quiz-shell{height:100dvh;display:flex;flex-direction:column;background:var(--quiz-white);overflow:hidden}.quiz-header{position:sticky;top:0;z-index:50;background:var(--quiz-white);border-bottom:1px solid var(--quiz-green-border)}.quiz-header-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.quiz-header-logo{height:40px;width:auto;display:block;padding:8px 24px}.quiz-logo{font-family:Josefin Sans,Brandon Grotesque,ui-sans-serif,sans-serif;font-weight:900;font-size:1.1rem;letter-spacing:.04em;color:var(--quiz-green);text-transform:lowercase}.quiz-back-btn{font-size:.875rem;color:var(--quiz-muted);padding:6px 12px;border-radius:6px;transition:background .15s,color .15s}.quiz-back-btn:hover{background:var(--quiz-green-light);color:var(--quiz-green)}.quiz-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.quiz-split{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(min-width:768px){.quiz-split{flex-direction:row;min-height:calc(100dvh - 57px)}}.quiz-left{flex:0 0 auto;background:var(--quiz-green-light)}.quiz-left-img{width:100%;height:auto;display:block}@media(max-width:767px){.quiz-split:not(:has(.quiz-left--intro)){position:relative;background:var(--quiz-green-light)}.quiz-split:not(:has(.quiz-left--intro)) .quiz-left{position:relative;z-index:0;flex:0 0 auto;background:var(--quiz-green-light)}.quiz-split:not(:has(.quiz-left--intro)) .quiz-left-img{width:100%;max-height:50dvh;object-fit:cover;object-position:center 70%}.quiz-split:not(:has(.quiz-left--intro)) .quiz-right-inner{text-align:center}.quiz-split:not(:has(.quiz-left--intro)) .quiz-right{position:absolute;top:44dvh;bottom:0;left:0;right:0;z-index:1;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--quiz-cream);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000014;padding:24px 22px 32px;overflow-y:auto;scrollbar-width:none}.quiz-split:not(:has(.quiz-left--intro)) .quiz-right::-webkit-scrollbar{display:none}}@media(min-width:768px){.quiz-left{flex:1;position:relative;overflow:hidden}.quiz-left-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}}.quiz-right{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 24px;min-height:0}@media(max-width:767px){.quiz-right{overflow-y:auto;align-items:flex-start;scrollbar-width:none}.quiz-right::-webkit-scrollbar{display:none}}@media(min-width:768px){.quiz-right{padding:48px 40px}}@media(min-width:1024px){.quiz-right{padding:56px 48px}}@media(max-width:767px){.quiz-split .quiz-right{padding:20px 22px}.quiz-split .quiz-right-inner{gap:12px}.quiz-split .quiz-heading{font-size:1.2rem;line-height:1.25}.quiz-split .quiz-body{font-size:.9375rem;line-height:1.55}.quiz-split .quiz-body--sm{font-size:.875rem}}.quiz-right-inner{max-width:560px;width:100%;display:flex;flex-direction:column;gap:20px}.quiz-right--intro{background:var(--quiz-cream)}@media(max-width:767px){.quiz-right--intro{top:55dvh;justify-content:flex-start;padding-top:28px}.quiz-split:has(.quiz-right--intro) .quiz-left-img{height:55dvh;max-height:none;object-position:center 85%}}.quiz-right-inner--centered{text-align:center}.quiz-question-screen{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px 32px;background:var(--quiz-white)}@media(min-width:768px){.quiz-question-screen{padding:48px 32px}}.quiz-question-inner{width:100%;max-width:900px;display:flex;flex-direction:column;gap:24px}.quiz-progress-bar{width:100%;height:5px;background:var(--quiz-green-light);border-radius:9999px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--quiz-green-btn);border-radius:9999px;transition:width .4s ease}.quiz-eyebrow{font-family:Outfit,ui-sans-serif,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--quiz-green-btn)}.quiz-eyebrow--center{text-align:center}.quiz-heading{font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.2;color:var(--quiz-green)}.quiz-heading--center{text-align:center}.quiz-body{font-size:1.125rem;font-weight:600;line-height:1.65;color:var(--quiz-text)}.quiz-body--sm{font-size:1rem;font-weight:600;color:var(--quiz-muted)}.quiz-btn-primary{display:block;width:100%;padding:15px 24px;background:var(--quiz-green-btn);color:var(--quiz-white);font-size:1rem;font-weight:600;border-radius:9999px;text-align:center;transition:background .2s,transform .1s}.quiz-btn-primary:hover{background:var(--quiz-green-hover)}.quiz-btn-primary:active{transform:scale(.98)}.quiz-btn-primary:disabled{opacity:.6;cursor:not-allowed}.quiz-btn-ghost{display:block;width:100%;padding:11px 24px;background:transparent;color:var(--quiz-green-btn);font-size:.9375rem;font-weight:500;border:1.5px solid var(--quiz-green-btn);border-radius:9999px;text-align:center;cursor:pointer;transition:background .15s,color .15s}.quiz-btn-ghost:hover{background:var(--quiz-green-btn);color:var(--quiz-white)}.quiz-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.quiz-btn-outline{display:block;width:100%;padding:14px 24px;background:transparent;color:var(--quiz-green);font-size:1rem;font-weight:600;border:2px solid var(--quiz-green-border);border-radius:9999px;text-align:center;transition:border-color .2s,background .2s}.quiz-btn-outline:hover{border-color:var(--quiz-green-btn);background:var(--quiz-green-light)}.quiz-skip-link{text-align:center;font-size:.875rem;color:var(--quiz-muted);text-decoration:underline;padding:4px}.quiz-skip-link:hover{color:var(--quiz-green)}.quiz-options-grid{display:grid;gap:16px}.quiz-options-grid--3{grid-template-columns:1fr;gap:8px}.quiz-options-grid--4{grid-template-columns:1fr 1fr}@media(min-width:600px){.quiz-options-grid--3{grid-template-columns:repeat(3,1fr);gap:16px}.quiz-options-grid--4{grid-template-columns:repeat(4,1fr)}}.quiz-options-grid--3 .quiz-option-card{flex-direction:row;align-items:center;justify-content:flex-start;padding:8px 16px;gap:14px}.quiz-options-grid--3 .quiz-option-photo{width:72px;height:72px;flex:0 0 72px}.quiz-options-grid--3 .quiz-option-label{font-size:.9rem;text-align:left;line-height:1.3}@media(min-width:600px){.quiz-options-grid--3{grid-template-columns:repeat(3,1fr);gap:16px}.quiz-options-grid--3 .quiz-option-card{flex-direction:column;justify-content:center;padding:16px 12px;gap:10px}.quiz-options-grid--3 .quiz-option-photo{width:100%;height:auto;flex:unset}.quiz-options-grid--3 .quiz-option-label{font-size:.875rem;text-align:center}}.quiz-option-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;border:2px solid transparent;border-radius:var(--quiz-radius-lg);background:transparent;text-align:center;transition:background .18s;cursor:pointer}.quiz-option-card:hover{background:transparent}.quiz-option-card--selected{border-color:var(--quiz-green-btn);background:var(--quiz-green-light)}.quiz-option-card:active .quiz-option-photo--circle{transform:scale(.97)}.quiz-option-photo{width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:var(--quiz-green-light)}.quiz-option-photo img{width:100%;height:100%;object-fit:cover}.quiz-option-photo--circle{border-radius:9999px;transition:transform .18s ease,box-shadow .18s ease}.quiz-option-card:hover .quiz-option-photo--circle{transform:translateY(-5px);box-shadow:0 10px 24px #00000029}.quiz-option-card--selected .quiz-option-photo--circle{box-shadow:0 6px 18px #4a7c5940;transform:translateY(-3px)}.quiz-option-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.quiz-option-label{font-size:.875rem;font-weight:600;color:var(--quiz-text);line-height:1.3}.quiz-option-desc{font-size:.78rem;color:var(--quiz-muted);line-height:1.4}.quiz-stat-row{display:flex;gap:16px;flex-wrap:wrap}.quiz-stat{display:flex;flex-direction:column;gap:2px}.quiz-stat-number{font-size:1.5rem;font-weight:700;color:var(--quiz-green);font-family:Josefin Sans,Brandon Grotesque,ui-sans-serif,sans-serif}.quiz-stat-label{font-size:.78rem;color:var(--quiz-muted)}.quiz-bullet-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.quiz-bullet-list li{font-size:.9rem;line-height:1.5;color:var(--quiz-text)}.quiz-discount-block{background:var(--quiz-green-light);border:1px solid var(--quiz-green-border);border-radius:var(--quiz-radius);padding:20px;display:flex;flex-direction:column;gap:6px;text-align:center}.quiz-discount-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:2px dashed var(--quiz-green-btn);border-radius:var(--quiz-radius);padding:12px 16px;cursor:pointer;transition:background .15s;width:100%}.quiz-discount-copy:hover{background:#f0f5f0}.quiz-discount-code-text{font-size:1.5rem;font-weight:700;color:var(--quiz-green);font-family:Josefin Sans,Brandon Grotesque,ui-sans-serif,sans-serif;letter-spacing:.05em}.quiz-discount-copy-badge{font-size:.8rem;font-weight:600;color:var(--quiz-green-btn);background:var(--quiz-green-light);border-radius:999px;padding:4px 10px;white-space:nowrap}.quiz-discount-compact{display:flex;align-items:center;gap:8px;background:var(--quiz-green-light);border:1.5px solid var(--quiz-green-border);border-radius:var(--quiz-radius);padding:8px 14px}.quiz-discount-compact__pct{font-size:1.1rem;font-weight:800;color:var(--quiz-green-btn);font-family:Josefin Sans,Brandon Grotesque,ui-sans-serif,sans-serif;letter-spacing:.04em;white-space:nowrap}.quiz-discount-compact__detail{font-size:.8rem;color:var(--quiz-muted);line-height:1.3}.quiz-discount-compact__detail strong{color:var(--quiz-green);letter-spacing:.04em}.quiz-craft-picker{display:flex;flex-direction:column;gap:8px}.quiz-craft-picker__hint{font-size:.8rem;font-weight:600;color:var(--quiz-green);text-align:center;text-transform:uppercase;letter-spacing:.06em}.quiz-craft-picker__cards{display:flex;gap:10px}.quiz-craft-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border-radius:var(--quiz-radius);border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .18s ease;font-family:inherit}.quiz-craft-card--active{border-color:#d97706;background:#fffbeb}.quiz-craft-card__icon{width:40px;height:40px;color:#92400e}.quiz-craft-card:not(.quiz-craft-card--active) .quiz-craft-card__icon{color:#a8a29e}.quiz-craft-card__name{font-size:.875rem;font-weight:700;color:var(--quiz-green);letter-spacing:.02em}.quiz-craft-card--active .quiz-craft-card__name{color:#92400e}.quiz-craft-card__reason{font-size:.65rem;color:#b45309;text-align:center;line-height:1.35;margin-top:2px}.quiz-email-form{display:flex;flex-direction:column;gap:14px}.quiz-email-input{width:100%;padding:13px 16px;font-size:1rem;border:1.5px solid var(--quiz-green-border);border-radius:var(--quiz-radius);background:var(--quiz-white);color:var(--quiz-text);font-family:inherit;outline:none;transition:border-color .15s}.quiz-email-input:focus{border-color:var(--quiz-green-btn)}.quiz-email-input::placeholder{color:#aab8b0}.quiz-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--quiz-muted);cursor:pointer;line-height:1.4}.quiz-checkbox{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--quiz-green-btn);cursor:pointer}.quiz-error{font-size:.8rem;color:#c0392b}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}