*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blush:#fdeae5;--sand:#e7d6c4;--sage:#b5c5a8;--peach:#e9cba5;--taupe:#a89585;--offwhite:#f9f7f3;--charcoal:#4b4244;--rose:#e3cfc3;--fh:"Cormorant Garamond",Georgia,serif;--fb:"Jost",sans-serif;--tr:.45s cubic-bezier(.4,0,.2,1)}.quiz-section-wrapper{font-family:var(--fb);background:var(--offwhite);color:var(--charcoal);min-height:80vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem}#quiz-app{width:100%;max-width:680px;margin:0 auto}.screen{display:none;opacity:0;animation:sqFadeIn .5s ease forwards}.screen.active{display:block}@keyframes sqFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sqFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.screen.exiting{animation:sqFadeOut .3s ease forwards}#sq-welcome-inner{text-align:center;padding:3rem 2rem 3.5rem;background:linear-gradient(160deg,var(--blush) 0%,var(--offwhite) 55%,var(--sand) 100%);border-radius:24px;border:1px solid var(--rose)}.brand-mark{font-family:var(--fb);font-weight:300;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--taupe);margin-bottom:2rem}.welcome-ornament{display:block;margin:0 auto 1.75rem;width:48px;height:48px}.welcome-ornament svg{width:48px;height:48px}#sq-welcome-inner h1{font-family:var(--fh);font-weight:400;font-size:clamp(2.2rem,6vw,3.2rem);line-height:1.15;color:var(--charcoal);margin-bottom:1.1rem;letter-spacing:.01em}#sq-welcome-inner h1 em{font-style:italic;font-weight:300;color:#7a6363}.welcome-sub{font-size:15px;font-weight:300;line-height:1.7;color:var(--taupe);max-width:420px;margin:0 auto 2.5rem}.divider-leaf{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:2.5rem}.divider-leaf:before,.divider-leaf:after{content:"";display:block;width:60px;height:1px;background:var(--rose)}.divider-leaf span{font-size:18px;color:var(--sage);line-height:1}.btn-primary{display:inline-block;background:var(--charcoal);color:var(--offwhite);font-family:var(--fb);font-size:13px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;padding:16px 40px;border-radius:60px;border:none;cursor:pointer;transition:background var(--tr),transform .2s ease;text-decoration:none}.btn-primary:hover{background:#382d2e;transform:translateY(-1px)}.welcome-note{margin-top:1.5rem;font-size:12px;color:#c0aeaa;font-weight:300;letter-spacing:.05em}.progress-area{margin-bottom:2rem}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);font-weight:400}.progress-fraction{font-family:var(--fh);font-size:15px;color:var(--taupe);font-weight:300}.progress-track{width:100%;height:2px;background:var(--rose);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--taupe));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.question-screen{background:var(--offwhite);border-radius:24px;padding:2.5rem 2rem;border:1px solid var(--rose)}.question-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-weight:400;margin-bottom:1rem;display:block}.question-text{font-family:var(--fh);font-size:clamp(1.55rem,4.5vw,2.1rem);font-weight:400;line-height:1.25;color:var(--charcoal);margin-bottom:2rem}.options-grid{display:flex;flex-direction:column;gap:10px}.option-btn{width:100%;background:#fff;border:1px solid var(--rose);border-radius:14px;padding:15px 20px;text-align:left;font-family:var(--fb);font-size:14.5px;font-weight:300;color:var(--charcoal);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:14px;line-height:1.4}.option-btn:hover,.option-btn.selected{background:var(--blush);border-color:var(--taupe);transform:translate(3px)}.option-dot{width:20px;height:20px;min-width:20px;border-radius:50%;border:1.5px solid var(--rose);background:transparent;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.option-btn.selected .option-dot,.option-btn:hover .option-dot{background:var(--taupe);border-color:var(--taupe)}.option-btn.selected .option-dot:after,.option-btn:hover .option-dot:after{content:"";display:block;width:6px;height:6px;background:#fff;border-radius:50%}.nav-row{display:flex;justify-content:flex-end;margin-top:1.75rem}.btn-next{display:inline-flex;align-items:center;gap:8px;background:var(--charcoal);color:var(--offwhite);font-family:var(--fb);font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;padding:13px 28px;border-radius:60px;border:none;cursor:pointer;transition:all .2s ease;opacity:.35;pointer-events:none}.btn-next.enabled{opacity:1;pointer-events:all}.btn-next.enabled:hover{background:#382d2e;transform:translate(2px)}.btn-next svg{width:14px;height:14px}.result-screen{border-radius:24px;padding:3rem 2rem 2.5rem;border:1px solid rgba(168,149,133,.3);position:relative;overflow:hidden}.result-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.result-radiance{background:linear-gradient(150deg,#fdeae5,#f9f7f3 45%,#e9cba5)}.result-radiance:before{background:linear-gradient(90deg,#e9cba5,#e3cfc3)}.result-strength{background:linear-gradient(150deg,#e7d6c4,#f9f7f3 45%,#b5c5a8)}.result-strength:before{background:linear-gradient(90deg,#b5c5a8,#a89585)}.result-clarity{background:linear-gradient(150deg,#e3cfc3,#f9f7f3 45%,#b5c5a8)}.result-clarity:before{background:linear-gradient(90deg,#b5c5a8,#e3cfc3)}.result-balance{background:linear-gradient(150deg,#e7d6c4,#f9f7f3 45%,#e9cba5)}.result-balance:before{background:linear-gradient(90deg,#e9cba5,#b5c5a8)}.result-restore{background:linear-gradient(150deg,#fdeae5,#f9f7f3 45%,#e3cfc3)}.result-restore:before{background:linear-gradient(90deg,#e3cfc3,#fdeae5)}.result-kicker{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--taupe);font-weight:400;margin-bottom:.6rem;display:block}.result-title{font-family:var(--fh);font-size:clamp(2.4rem,7vw,3.6rem);font-weight:400;line-height:1.1;color:var(--charcoal);margin-bottom:.4rem}.result-title em{font-style:italic;font-weight:300}.result-divider{width:48px;height:1px;background:var(--taupe);margin:1.25rem 0;opacity:.5}.result-description{font-size:15px;font-weight:300;line-height:1.75;color:#6a5858;max-width:500px;margin-bottom:2rem}.products-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-weight:400;margin-bottom:1rem;display:block}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:2.5rem}.product-card{background:#ffffffa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(227,207,195,.6);border-radius:16px;padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;gap:8px}.product-icon{font-size:22px;margin-bottom:4px;display:block}.product-name{font-family:var(--fh);font-size:1.1rem;font-weight:500;color:var(--charcoal);line-height:1.2}.product-benefit{font-size:12.5px;font-weight:300;color:var(--taupe);line-height:1.55;flex:1}.btn-shop{display:inline-block;margin-top:6px;background:transparent;border:1px solid var(--taupe);color:var(--charcoal);font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;padding:9px 16px;border-radius:40px;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-shop:hover{background:var(--charcoal);color:var(--offwhite);border-color:var(--charcoal)}.email-section{background:#ffffff80;border:1px solid rgba(227,207,195,.5);border-radius:16px;padding:1.75rem 1.5rem;margin-top:.5rem}.email-label{font-family:var(--fh);font-size:1.25rem;font-weight:400;color:var(--charcoal);margin-bottom:.4rem;line-height:1.3}.email-sub{font-size:13px;font-weight:300;color:var(--taupe);margin-bottom:1.1rem;line-height:1.5}.email-form{display:flex;gap:8px;flex-wrap:wrap}.email-input{flex:1;min-width:200px;background:#fff;border:1px solid var(--rose);border-radius:40px;padding:13px 18px;font-family:var(--fb);font-size:14px;font-weight:300;color:var(--charcoal);outline:none;transition:border-color .2s ease}.email-input::placeholder{color:#c5b4b0;font-weight:300}.email-input:focus{border-color:var(--taupe)}.btn-submit{background:var(--charcoal);color:var(--offwhite);font-family:var(--fb);font-size:12px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;padding:13px 22px;border-radius:40px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-submit:hover{background:#382d2e}.thankyou-message{display:none;text-align:center;padding:.5rem 0}.thankyou-message.show{display:block;animation:sqFadeIn .4s ease forwards}.thankyou-icon{font-size:28px;display:block;margin-bottom:.5rem}.thankyou-message p{font-family:var(--fh);font-size:1.15rem;font-weight:400;color:var(--charcoal);margin-bottom:.3rem}.thankyou-message span{font-size:13px;font-weight:300;color:var(--taupe)}.retake-row{text-align:center;margin-top:2rem;padding-top:1.75rem;border-top:1px solid rgba(227,207,195,.4)}.btn-retake{background:transparent;border:none;font-family:var(--fb);font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.btn-retake:hover{color:var(--charcoal)}@media(max-width:520px){#sq-welcome-inner{padding:2.5rem 1.5rem 3rem}.question-screen{padding:2rem 1.25rem}.result-screen{padding:2.25rem 1.5rem 2rem}.products-grid{grid-template-columns:1fr}.email-form{flex-direction:column}.btn-submit,.email-input{width:100%;min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/wellness-quiz.css.map */