.qa{background:var(--white);color:var(--dark);max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-5);border:1px solid rgba(110,142,128,.25);border-top:3px solid var(--gold);font-family:var(--font-sans);font-size:1rem;line-height:1.6}.qa *,.qa *:before,.qa *:after{box-sizing:border-box}.qa-eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-weight:700;margin:0 0 var(--space-2)}.qa-title{font-family:var(--font-sans);font-weight:900;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:.02em;line-height:1.2;color:var(--sage-darker);margin:0 0 var(--space-3)}.qa-lede{font-size:1.05rem;font-weight:300;color:var(--dark);margin:0 0 var(--space-5);max-width:60ch;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.qa-noscript{margin:var(--space-4) 0 0;font-size:.95rem;color:var(--sage-darker)}.qa-noscript a{color:var(--sage-darker)}.qa-btn{display:inline-block;padding:var(--space-3) var(--space-6);border:1px solid var(--gold);background:transparent;color:var(--gold);font-family:var(--font-sans);font-size:1.05rem;font-weight:400;letter-spacing:.1em;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}.qa-btn:hover{background:var(--gold);color:var(--white)}.qa-btn:focus-visible{outline:2px solid var(--sage-darker);outline-offset:3px}#qa-start{display:block;width:fit-content;margin-inline:auto}.qa-progress{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-5)}.qa-progress__track{flex:1;height:3px;background:#6e8e8033}.qa-progress__fill{height:100%;width:0;background:var(--gold);transition:width .45s cubic-bezier(.4,0,.2,1)}.qa-progress__count{font-size:.78rem;letter-spacing:.14em;color:var(--sage);white-space:nowrap}.qa-question{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.35;color:var(--sage-darker);margin:0 0 var(--space-4)}.qa-options{display:flex;flex-direction:column;gap:var(--space-2)}.qa-option{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;background:var(--cream);border:1px solid rgba(110,142,128,.25);padding:var(--space-3) var(--space-4);cursor:pointer;font-family:var(--font-sans);font-size:1rem;font-weight:300;color:var(--dark);transition:border-color .18s,background .18s}.qa-option:hover{border-color:var(--gold);background:var(--white)}.qa-option:focus-visible{outline:2px solid var(--sage-darker);outline-offset:2px}.qa-dot{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #00000014}.qa-screen{animation:qa-fade .45s ease both}@keyframes qa-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.qa-result__name{font-family:var(--font-sans);font-weight:900;font-size:clamp(2rem,5vw,2.8rem);letter-spacing:.02em;line-height:1.1;color:var(--sage-darker);margin:0}.qa-result__sub{font-family:var(--font-script);font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.5;color:var(--gold);margin:0 0 var(--space-4)}.qa-palette{display:flex;margin:0 0 var(--space-4)}.qa-swatch{flex:1;height:64px;transform:scaleY(0);transform-origin:bottom;animation:qa-grow .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes qa-grow{to{transform:scaleY(1)}}.qa-result__desc{font-weight:300;margin:0 0 var(--space-3)}.qa-tip{background:var(--cream);border-left:3px solid var(--gold);padding:var(--space-3) var(--space-4);font-weight:300;margin:0 0 var(--space-4)}.qa-tip strong{color:var(--sage-darker);font-weight:700}.qa-link{display:inline-block;color:var(--sage-darker);font-size:.95rem;letter-spacing:.02em;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;margin:0 0 var(--space-5)}.qa-link:hover{color:var(--sage)}.qa-cta{border-top:1px solid rgba(110,142,128,.25);padding-top:var(--space-5)}.qa-cta__title{font-family:var(--font-sans);font-weight:700;font-size:1.25rem;color:var(--sage-darker);margin:0 0 var(--space-2);line-height:1.35}.qa-cta__text{font-weight:300;margin:0 0 var(--space-4)}.qa-again{display:block;background:none;border:none;color:var(--sage);font-family:var(--font-sans);font-size:.9rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin:var(--space-4) auto 0;padding:var(--space-1)}.qa-again:hover{color:var(--sage-darker)}@media(max-width:600px){.qa{padding:var(--space-5) var(--space-4)}}@media(prefers-reduced-motion:reduce){.qa-screen,.qa-swatch{animation:none}.qa-swatch{transform:none}.qa-progress__fill{transition:none}}