@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@600;700;800;900&display=swap";:root{--bg-color: #ffffff;--card-bg: #fefefe;--card-border: rgba(0, 0, 0, .08);--text-primary: #000000;--text-secondary: #383838ff;--accent-color: #009BF2;--accent-glow: rgba(201, 235, 255, .48);--btn-bg: #fefefe;--btn-hover-border: #009BF2;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif}.timeline-status-strip .eta span{margin-left:5px}.quiz-container{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.quiz-wrapper{width:100%;max-width:600px;margin:0 auto;padding:20px;display:flex;flex-direction:column;flex-grow:1}.quiz-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.quiz-logo{font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:2px;color:var(--text-primary);text-transform:uppercase;margin-bottom:20px}.quiz-logo span{color:var(--accent-color)}.progress-container{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#46bcff,var(--accent-color));box-shadow:0 0 8px var(--accent-glow);transition:width .4s cubic-bezier(.25,.8,.25,1)}.quiz-step{display:none;animation:fadeIn .4s ease-out forwards;flex-direction:column;width:100%}.quiz-step.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.quiz-heading{font-family:var(--font-display);font-size:28px;font-weight:800;text-align:center;color:#000;line-height:1.25;margin-top:0;margin-bottom:12px;text-transform:uppercase;letter-spacing:-.5px}.quiz-subheading{font-size:15px;color:var(--text-secondary);text-align:center;margin-bottom:30px;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:24px}.option-btn{background-color:var(--btn-bg);border:1px solid var(--card-border);border-radius:12px;padding:18px 24px;color:var(--text-primary);font-size:16px;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0003}.option-btn:hover{border-color:var(--btn-hover-border);background-color:#fafafa08;transform:translateY(-2px);box-shadow:0 6px 12px #2294ff14}.option-btn:active{transform:translateY(0)}.option-btn .option-emoji{font-size:20px;flex-shrink:0}.option-btn .option-text{flex-grow:1}.option-btn.selected{border-color:var(--accent-color);background:#f9f9f9f9;box-shadow:0 4px 10px var(--accent-glow)}.quiz-testimonial{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;margin-top:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 16px #0006}.testimonial-rating{color:#009bf2;font-size:14px;letter-spacing:1px}.testimonial-quote{font-size:14px;line-height:1.5;color:var(--text-primary);font-style:italic}.testimonial-author{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.quiz-info-box{background-color:#f5f5f5f5;border-left:3px solid var(--accent-color);border-radius:4px 12px 12px 4px;padding:16px;margin-top:15px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.multi-option-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:72px;border:1px solid #d7d7d7;border-radius:16px;background:#fff;padding:0 24px;transition:.2s ease}.multi-option-btn .multi-check{width:30px;height:30px;border-radius:50%;border:2px solid #d7d7d7;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:transparent;transition:.2s ease}.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.assessment-data-card span{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#7f8792;margin-bottom:6px}.assessment-data-card strong{display:block;font-size:16px;color:#194d73}.gauge-track{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#37a55b,#a3b73d,#df9c2f 70%,#dd7a22)}.gauge-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #dd7a22}.multi-option-btn.selected{background:#edf2f8;border:2px solid #009bf2}.multi-option-btn.selected .multi-check{background:#7d3cb5;border-color:#7d3cb5;color:#fff}.multi-select-continue{margin-top:15px}.quiz-info-title{font-weight:600;color:var(--text-primary);margin-bottom:4px;text-transform:uppercase}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;width:100%}.comparison-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px 16px #0000004d}.comparison-image-container{width:100%;height:200px;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;overflow:hidden}.comparison-img{width:100%;height:100%;object-fit:cover}.comparison-label{padding:12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.comparison-label.before{color:#009bf2}.comparison-label.after{color:#4caf50}.primary-btn{background-color:var(--accent-color);border:none;border-radius:12px;padding:18px 30px;color:#fff;font-family:var(--font-display);font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.assessment-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.assessment-top{margin-bottom:20px}.assessment-label-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.assessment-alert-icon{width:22px;height:22px;border-radius:50%;background:#e67e22;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.assessment-label-text{font-size:14px;font-weight:700;color:#7c8796}.assessment-verdict-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #e67e22;border-radius:999px;color:#e67e22;font-size:13px;font-weight:800;letter-spacing:.08em}.timeline-milestones{position:relative;margin:0;padding-left:50px}.timeline-status-strip{font-size:12px;display:flex;justify-content:center;gap:3px}.timeline-milestones:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:#dbe3ea}.timeline-item{position:relative;margin-bottom:28px}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;left:-44px;top:5px;width:14px;height:14px;border-radius:50%;background:#2fa8e6;border:4px solid #d9effb;z-index:2}.timeline-item:first-child:before{background:#c8d0d6;border-color:#edf1f4}.timeline-item strong,.comfort-date{display:block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1f2937;margin-bottom:4px}.timeline-item .comfort-date{font-size:12px;color:#1f2937}.timeline-milestones{margin-block:20px}.timeline-item strong{display:flex}.timeline-item span{display:block;font-size:16px;line-height:1.4;color:#667085}@media(max-width:767px){.timeline-milestones{padding-left:40px}.timeline-item span{font-size:16px}.timeline-item:before{left:-34px}.timeline-milestones:before{left:14px}.timeline-status-strip{flex-direction:column}}.assessment-copy{color:#44566c}.assessment-copy p{margin:0 0 18px;line-height:1.65;font-size:15px}.assessment-conditional{font-weight:600}.assessment-divider{border:none;border-top:1px solid #ececec;margin:10px 0 20px}.support-gap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.support-gap-label{font-size:12px;letter-spacing:.12em;font-weight:800;color:#39465a}.support-gap-chip{font-size:13px;font-weight:800;color:#e67e22}.support-gap-track{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#3aa55d,#9eb83f,#dca32f 70%,#e57f24)}.support-gap-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #e67e22}.support-gap-indicator.animate{animation:moveGauge 1.5s cubic-bezier(.22,1,.36,1) forwards,pulseGauge .4s ease-out 1.5s forwards}.support-gap-labels{display:flex;justify-content:space-between;margin-top:8px;color:#9aa2ad;font-size:11px;font-weight:700;text-transform:uppercase}.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.assessment-data-card{background:#f5f5f5;border-radius:12px;padding:14px}.assessment-data-card span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7f8792;margin-bottom:8px}.assessment-data-card strong{display:block;color:#1b5278;font-size:15px;line-height:1.3;font-weight:800}@keyframes moveGauge{0%{left:0%;opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1}to{left:var(--target);opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pulseGauge{0%{box-shadow:0 0 #e67f2480}to{box-shadow:0 0 0 15px #e67f2400}}.projection-summary{display:flex;justify-content:space-around;background-color:#ffffff08;border-radius:16px;padding:16px;margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-val{font-family:var(--font-display);font-size:20px;font-weight:800;text-align:center;color:var(--accent-color)}.chart-wrapper{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.chart-svg-container{width:100%;height:200px}#chart-line{stroke-dasharray:500;stroke-dashoffset:500;animation:drawGraph 1.8s ease-out forwards}#chart-fill{opacity:0;animation:showFill 1s ease-out forwards;animation-delay:1.2s}#end-dot{opacity:0;animation:showDot .3s ease forwards;animation-delay:1.6s}@keyframes drawGraph{to{stroke-dashoffset:0}}@keyframes showFill{to{opacity:1}}@keyframes showDot{to{opacity:1}}.product-showcase{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:24px}.product-image-container{width:100%;max-width:250px;aspect-ratio:1;background-color:#ffffff05;border:1px solid var(--card-border);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ffffff0d}.product-mockup{width:100%;height:100%;object-fit:contain}.benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.benefit-item{background-color:#ffffff08;border:1px solid var(--card-border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.benefit-check{color:#4caf50;font-size:16px;font-weight:700}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;align-items:center;justify-content:center;padding:20px;animation:fadeInModal .3s ease-out forwards}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;max-width:450px;width:100%;padding:30px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 40px #0009,0 0 30px var(--accent-glow);animation:slideUpModal .3s cubic-bezier(.25,.8,.25,1) forwards}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-badge{background-color:var(--accent-color);color:#fff;font-family:var(--font-display);font-size:12px;font-weight:800;padding:6px 12px;border-radius:20px;text-transform:uppercase;margin-bottom:16px;letter-spacing:1px}.modal-heading{font-family:var(--font-display);font-size:26px;color:#000;font-weight:900;text-transform:uppercase;margin-top:0;margin-bottom:8px}.modal-subtext{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.modal-actions{width:100%;display:flex;flex-direction:column;gap:12px}.modal-decline{background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding:10px;transition:color .2s}.modal-decline:hover{color:#fff;text-decoration:underline}@media(max-width:480px){.quiz-wrapper{padding:16px}.quiz-heading{font-size:24px}.assessment-label{width:100%;font-size:12px}.assessment-value{width:100%;font-size:13px;font-weight:300}.assessment-card{padding:15px}.assessment-grid{gap:10px}.assessment-data-card{padding:12px}.assessment-data-card strong{font-size:14px}.assessment-item{flex-direction:column}.assessment-card{gap:5px}.gauge-container{margin-bottom:15px}.projection-summary{flex-direction:column;gap:15px;background-color:#009bf217;border:1px solid rgb(0 155 242)}.stat-label{color:#535353}.stat-val{font-size:16px;text-align:left}.summary-stat{align-items:flex-start}.option-btn{padding:14px 18px;font-size:15px}.comparison-container{grid-template-columns:1fr}.comparison-image-container{height:160px}.benefits-list{grid-template-columns:1fr}}.logo-dot{color:var(--accent-color);margin-left:2px;font-size:16px;vertical-align:middle}.quiz-hero-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%;align-items:center;text-align:center}.hero-headline{font-family:var(--font-display);font-size:32px;font-weight:900;line-height:1.15;margin:0;text-transform:uppercase;letter-spacing:-.5px;color:var(--text-primary)}.hero-headline span.highlight{color:var(--accent-color)}.hero-bullet{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:var(--text-secondary);background-color:#ffffff05;border:1px dashed rgba(255,255,255,.1);padding:8px 16px;border-radius:20px}.hero-bullet span{text-align:left}.validation-echo-line{background:#f4fbf6;border:1px solid #d8efe0;color:#1f7a4f;padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:15px;line-height:1.5;font-weight:600}.validation-description,.validation-image-wrap{margin-bottom:20px}.validation-image{width:100%;height:fit-content;display:block;border-radius:16px}.validation-review-card{background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px;margin-bottom:20px;text-align:left}.validation-stars{color:#f5b301;font-size:18px;margin-bottom:8px;letter-spacing:2px}.validation-verified{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:12px}.verified-check{width:18px;height:18px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}.validation-review-text{margin:0 0 12px;line-height:1.6}.validation-review-author{font-weight:700}.profile-checklist,.discount-checklist{display:flex;flex-direction:column;gap:14px;margin:24px 0}.profile-item,.discount-item{display:flex;align-items:center;gap:12px;opacity:.5}.profile-item.active,.discount-item.active{opacity:1}.profile-icon,.discount-icon{width:24px;height:24px;border:2px solid var(--accent-color);border-radius:50%;flex-shrink:0}.profile-item.complete .profile-icon,.discount-item.complete .discount-icon{background:var(--accent-color)}.profile-footer,.discount-footer{text-align:center;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:20px}.profile-email-input{width:100%;height:56px;border:1px solid #ddd;border-radius:12px;padding:0 16px;margin:20px 0}.profile-skip-btn{background:none;border:none;width:100%;margin-top:15px;color:#666;cursor:pointer}.profile-microcopy{text-align:center;font-size:13px;margin-top:12px;opacity:.7}.profile-item.complete .profile-icon:after,.discount-item.complete .discount-icon:after{content:"\2713";color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;font-weight:700}.product-eyebrow{text-align:center;color:#7b3fa3;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.product-heading{text-align:center;max-width:700px;margin:0 auto 20px}.product-description{text-align:center;max-width:650px;margin:0 auto 30px}.product-description strong{font-weight:700}.product-orbit{position:relative;max-width:520px;margin:0 auto 30px}.product-image-wrap{max-width:340px;margin:0 auto}.product-reveal-image{width:100%;height:fit-content;display:block}.orbit-badge{display:none;position:absolute;background:#fff;border:1px solid #ddd;border-radius:14px;padding:14px 18px;font-weight:600;text-align:center;width:180px;line-height:1.3}.badge-top-left{top:20px;left:-30px}.badge-top-right{top:20px;right:-30px}.badge-bottom-left{bottom:20px;left:-30px}.badge-bottom-right{bottom:20px;right:-30px}.product-proof-row{text-align:center;margin-bottom:24px;font-weight:600;color:#6f7a87}@media(max-width:768px){.product-orbit{display:flex;flex-direction:column;gap:12px}.orbit-badge{position:static;width:100%}.product-image-wrap{order:2}.badge-top-left{order:1}.badge-top-right{order:3}.badge-bottom-left{order:4}.badge-bottom-right{order:5}}.hero-bullet-check{width:16px;height:16px;background-color:var(--accent-color);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:10px;flex-shrink:0}.hero-testimonial{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:16px;display:flex;gap:16px;align-items:center;position:relative;box-shadow:0 8px 16px #0000004d;text-align:left;width:100%;box-sizing:border-box}#step-13 #chart-line,.quiz-step[data-step-type=results_timeline] #chart-line{stroke-dasharray:500;stroke-dashoffset:500}#step-13 #chart-fill,.quiz-step[data-step-type=results_timeline] #chart-fill{opacity:0}#step-13 #end-dot,.quiz-step[data-step-type=results_timeline] #end-dot{opacity:0;transform-origin:center}#step-13 .chart-eta-label,.quiz-step[data-step-type=results_timeline] .chart-eta-label{opacity:0;transform:translateY(10px)}.quiz-step.active #chart-line{animation:graphDraw 2s cubic-bezier(.22,1,.36,1) forwards}.quiz-step.active #chart-fill{animation:graphFill .8s ease forwards;animation-delay:1.2s}.quiz-step.active #end-dot{animation:graphDot .5s ease forwards;animation-delay:1.8s}.quiz-step.active .chart-eta-label{animation:graphLabel .5s ease forwards;animation-delay:2s}@keyframes graphDraw{0%{stroke-dashoffset:500}to{stroke-dashoffset:0}}@keyframes graphFill{0%{opacity:0}to{opacity:1}}@keyframes graphDot{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes graphLabel{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-testimonial:before{content:"\201c";position:absolute;top:-8px;left:12px;font-size:64px;font-family:Georgia,serif;color:var(--accent-color);opacity:.12;line-height:1}.hero-testimonial-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1);background-color:#1a1a1a;display:flex;align-items:center;justify-content:center}.hero-testimonial-avatar svg,.hero-testimonial-avatar img{width:100%;height:100%;object-fit:cover}.hero-testimonial-content{display:flex;flex-direction:column;gap:4px;z-index:1}.hero-testimonial-quote{font-size:12px;line-height:1.45;color:#0e0e0e;margin:0;font-style:italic}.hero-testimonial-author{font-size:10px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.verified-icon{color:var(--accent-color);font-size:10px;font-weight:700}.quiz-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.quiz-logo-img{height:45px;width:auto;display:block}.comparison-badges{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:16px}.comparison-badge{padding:12px 16px;border-radius:8px;font-family:var(--font-display);font-size:14px;font-weight:800;text-transform:uppercase;text-align:center;letter-spacing:.5px;box-shadow:0 4px 6px #0003}.comparison-badge.before{background-color:#fff;color:#000}.comparison-badge.after{background-color:var(--accent-color);color:#fff}.comparison-single-image-container{width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--card-border);box-shadow:0 8px 16px #0006;background-color:#121212}.comparison-single-img{width:100%;height:auto;display:block}.loading-step{text-align:center;padding:40px 0}.loading-title{text-align:left;font-size:32px;color:#000;font-weight:800;line-height:1;margin-bottom:20px}.loading-text{text-align:left;color:#383838;margin-bottom:40px}.loading-circle{width:180px;height:180px;margin:0 auto;position:relative}.loading-circle svg{width:80%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#1b1b1b;stroke-width:8}.circle-progress{fill:none;stroke:var(--accent-color);stroke-width:8;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327}.loading-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700}@media(max-width:749px){.primary-btn.product-cta-trigger{padding-inline:10px}}.template-page .main-content{padding-top:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/quiz-style.css.map */