.hq-app{min-height:100vh;background:var(--fill-primary);color:var(--text-primary);font-family:var(--font-family-brand),system-ui,sans-serif;display:flex;flex-direction:column}.hq-topbar{display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--outline-primary-10)}.hq-topbar__logo{font-family:var(--font-family-brand);font-weight:300;font-size:1.25rem;letter-spacing:.02em;color:var(--text-primary);text-decoration:none;flex-shrink:0}.hq-progress{flex:1;height:4px;background:var(--outline-primary-10);border-radius:var(--radius-full);overflow:hidden}.hq-progress__bar{height:100%;background:var(--fill-brand);border-radius:var(--radius-full);transition:width .35s ease;width:0%}.hq-topbar__exit{flex-shrink:0;font-size:var(--font-size-350);color:var(--text-secondary);text-decoration:none}.hq-topbar__exit:hover{color:var(--text-primary)}.hq-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-32) var(--spacing-16)}.hq-panel{width:100%;max-width:640px;animation:hq-fade-in .35s ease}@keyframes hq-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hq-eyebrow{font-size:var(--font-size-300);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--spacing-8)}.hq-title{font-size:var(--font-size-1000);font-weight:350;line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--spacing-8)}.hq-subtitle{font-size:var(--font-size-400);color:var(--text-secondary);margin:0 0 var(--spacing-24);line-height:1.4}.hq-options{display:flex;flex-direction:column;gap:var(--spacing-8)}.hq-option{display:flex;align-items:center;gap:var(--spacing-16);width:100%;text-align:left;padding:var(--spacing-16) var(--spacing-16);border:1.5px solid var(--outline-neutral);border-radius:var(--radius-md);background:var(--fill-primary);font-family:inherit;font-size:var(--font-size-450);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.hq-option:hover{border-color:var(--outline-primary)}.hq-option.is-selected{border-color:var(--outline-primary);background:var(--fill-secondary)}.hq-option__mark{width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-full);border:1.5px solid var(--outline-neutral);display:flex;align-items:center;justify-content:center}.hq-option.is-selected .hq-option__mark{border-color:var(--fill-brand);background:var(--fill-brand)}.hq-option.is-selected .hq-option__mark:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--fill-bright)}.hq-options[data-select-mode=multi] .hq-option__mark{border-radius:var(--radius-xs)}.hq-text-input,.hq-email-input{width:100%;padding:var(--spacing-16);border:1.5px solid var(--outline-neutral);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-450);color:var(--text-primary);background:var(--fill-primary)}.hq-text-input:focus,.hq-email-input:focus{outline:none;border-color:var(--outline-primary)}.hq-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);margin-top:var(--spacing-32)}.hq-btn{font-family:inherit;font-size:var(--font-size-400);font-weight:400;padding:var(--spacing-16) var(--spacing-24);border-radius:var(--radius-full);border:none;cursor:pointer;transition:opacity .15s ease}.hq-btn:disabled{opacity:.4;cursor:not-allowed}.hq-btn:not(:disabled):hover{opacity:.85}.hq-btn--primary{background:var(--fill-brand);color:var(--fill-bright)}.hq-btn--secondary{background:transparent;color:var(--text-secondary);padding-left:0}.hq-btn--full{width:100%}.hq-reveal{background:var(--fill-secondary);border-radius:var(--radius-lg);padding:var(--spacing-24);text-align:center}.hq-reveal__eyebrow{font-size:var(--font-size-300);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--spacing-16)}.hq-reveal__pillars{display:flex;justify-content:center;gap:var(--spacing-24);flex-wrap:wrap;margin-bottom:var(--spacing-16)}.hq-reveal-pillar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8);width:84px}.hq-reveal-pillar__dot{width:40px;height:40px;border-radius:var(--radius-full);background:var(--outline-primary-10);border:1.5px solid var(--outline-neutral)}.hq-reveal-pillar.is-lit .hq-reveal-pillar__dot{background:var(--fill-brand);border-color:var(--fill-brand)}.hq-reveal-pillar__label{font-size:var(--font-size-300);color:var(--text-secondary);text-align:center}.hq-reveal.is-lit .hq-reveal-pillar__label{color:var(--text-primary)}.hq-reveal__quote{font-style:italic;font-size:var(--font-size-400);color:var(--text-secondary);max-width:480px;margin:0 auto var(--spacing-16)}.hq-reveal__count{font-size:var(--font-size-500);font-weight:350;margin-bottom:var(--spacing-8)}.hq-results{width:100%;max-width:880px;margin:0 auto;padding:var(--spacing-32) var(--spacing-16) var(--spacing-80)}.hq-results__header{text-align:center;margin-bottom:var(--spacing-32)}.hq-results__title{font-size:var(--font-size-1200);font-weight:300;letter-spacing:-.02em;margin:0 0 var(--spacing-8)}.hq-results__subtitle{color:var(--text-secondary);font-size:var(--font-size-450)}.hq-pillarmap{display:flex;justify-content:center;gap:var(--spacing-32);flex-wrap:wrap;margin-bottom:var(--spacing-16)}.hq-pillarmap-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8);width:120px;text-align:center}.hq-pillarmap-item__icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--fill-brand);display:flex;align-items:center;justify-content:center;color:var(--fill-bright);font-size:var(--font-size-400);font-weight:500}.hq-pillarmap-item.is-dim .hq-pillarmap-item__icon{background:var(--outline-primary-10);color:var(--text-disabled)}.hq-pillarmap-item__label{font-size:var(--font-size-350);font-weight:500}.hq-pillarmap-item__blurb{font-size:var(--font-size-300);color:var(--text-secondary);line-height:1.35}.hq-pairing-quote{text-align:center;font-style:italic;color:var(--text-secondary);max-width:560px;margin:0 auto var(--spacing-32);font-size:var(--font-size-400)}.hq-tiers{display:grid;grid-template-columns:1fr;gap:var(--spacing-16);margin-bottom:var(--spacing-32)}@media(min-width:48em){.hq-tiers{grid-template-columns:1fr 1fr}}.hq-tier-card{border:1.5px solid var(--outline-neutral);border-radius:var(--radius-lg);padding:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-16);background:var(--fill-primary)}.hq-tier-card.is-recommended{border-color:var(--fill-brand);border-width:2px;box-shadow:0 0 0 1px var(--fill-brand)}.hq-tier-card__badge{display:inline-block;align-self:flex-start;font-size:var(--font-size-300);text-transform:uppercase;letter-spacing:.06em;background:var(--fill-brand);color:var(--fill-bright);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xs)}.hq-tier-card__name{font-size:var(--font-size-600);font-weight:350;margin:0}.hq-tier-card__desc{color:var(--text-secondary);font-size:var(--font-size-350);margin:0}.hq-tier-card__skus{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-8)}.hq-tier-sku{display:flex;justify-content:space-between;gap:var(--spacing-8);font-size:var(--font-size-350);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--outline-primary-10)}.hq-tier-sku__name{color:var(--text-primary)}.hq-tier-sku__pillars{color:var(--text-secondary);font-size:var(--font-size-300)}.hq-tier-card__price{font-size:var(--font-size-800);font-weight:350;margin:0}.hq-tier-card__price-note{font-size:var(--font-size-300);color:var(--text-secondary);margin:0}.hq-tier-card__cta-group{display:flex;flex-direction:column;gap:var(--spacing-8);margin-top:auto}.hq-consult-note{background:var(--fill-secondary);border-radius:var(--radius-sm);padding:var(--spacing-16);font-size:var(--font-size-350)}.hq-consult-note__title{font-weight:500;margin:0 0 var(--spacing-4)}.hq-consult-note a.hq-btn{display:block;text-align:center;text-decoration:none;margin-top:var(--spacing-8)}.hq-flag-note{text-align:center;font-size:var(--font-size-300);color:var(--text-secondary);max-width:560px;margin:0 auto var(--spacing-16)}.hq-exclusion-note{text-align:center;background:var(--fill-secondary);border-radius:var(--radius-md);padding:var(--spacing-16);max-width:640px;margin:0 auto var(--spacing-24);font-size:var(--font-size-350)}.hq-cart-status{text-align:center;margin-top:var(--spacing-16);font-size:var(--font-size-350);color:var(--text-secondary)}.hq-cart-status.is-error{color:var(--text-error)}.hq-restart{text-align:center;margin-top:var(--spacing-24)}.hq-restart a{color:var(--text-secondary);font-size:var(--font-size-300)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hair-quiz.css.map */