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