.hiw-section{padding:6rem 5rem}.hiw-container{max-width:1200px;margin:0 auto}.hiw-title{text-align:center;margin-bottom:.8rem;font-size:clamp(1.9rem,2.8vw,2.7rem)}.hiw-title em{color:var(--sage);font-style:italic}.sec-sub{color:var(--muted);text-align:center;max-width:520px;margin:0 auto 4rem;font-size:.93rem;line-height:1.8}.steps-grid{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:900px;margin:0 auto;display:grid;position:relative}.step-item{text-align:center;z-index:1}.step-num{border:1px solid var(--gold);background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1.5rem;font-size:1.1rem;font-weight:600;transition:all .4s;display:flex}.step-item:hover .step-num{background:var(--gold-pale);transform:scale(1.1);box-shadow:0 10px 25px #c9a96e33}.step-title{margin-bottom:.8rem;font-size:1.25rem}.step-text{color:var(--muted);font-size:.88rem;line-height:1.7}.step-line{background:var(--border);z-index:0;width:25%;height:1px;position:absolute;top:1.5rem}.l-1-2{left:20%}.l-2-3{left:55%}@media (max-width:900px){.hiw-section{padding:5rem 1.2rem}.steps-grid{grid-template-columns:1fr;gap:2.5rem}.step-line{display:none}.step-item{position:relative}.step-item:nth-child(-n+2):after{content:"";background:var(--gold-light);opacity:.5;z-index:-1;width:1px;position:absolute;top:2.6rem;bottom:-2.5rem;left:50%}.step-num{width:2.6rem;height:2.6rem;margin-bottom:1rem;font-size:1rem}.step-title{margin-bottom:.5rem;font-size:1.15rem}}
.quiz-section{padding:6rem 5rem}.quiz-container{max-width:800px;margin:0 auto}.quiz-title{text-align:center;margin-bottom:.8rem;font-size:clamp(1.9rem,2.8vw,2.7rem)}.quiz-title em{color:var(--sage);font-style:italic}.quiz-sub{color:var(--muted);text-align:center;max-width:520px;margin:0 auto 4rem;font-size:.93rem}.quiz-wrap{max-width:600px;margin:0 auto}.quiz-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:3rem;animation:.6s fadeUp;box-shadow:0 20px 50px #0000000d}.q-progress{gap:.5rem;margin-bottom:2.5rem;display:flex}.q-bar{background:var(--border);border-radius:10px;flex:1;height:4px;transition:background .3s}.q-bar.active{background:var(--sage)}.q-question{font-family:var(--font-serif);text-align:center;margin-bottom:2rem;font-size:1.6rem}.q-opts{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.q-opt{border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;gap:.8rem;padding:1.5rem;font-size:.9rem;transition:all .3s;display:flex}.q-opt:hover{border-color:var(--sage);background:var(--sage-pale);transform:translateY(-4px)}.q-icon{height:32px;color:var(--sage);justify-content:center;align-items:center;display:flex}.q-opt-image-container{justify-content:center;align-items:center;height:70px;margin-bottom:.2rem;display:flex}.q-opt-image{object-fit:contain;width:auto;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.q-opt:hover .q-opt-image{transform:scale(1.08)}.result-card{text-align:center}.success-icon{background:var(--sage);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.q-result-title{color:var(--text);margin-bottom:.8rem;font-size:2.2rem}.q-result-text{color:var(--muted);margin-bottom:2.5rem;font-size:.95rem;line-height:1.6}.q-matches{text-align:left;flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.q-match{background:var(--white);border:1px solid var(--border);border-radius:12px;align-items:center;gap:1.2rem;padding:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.q-match:hover{border-color:var(--gold);background:var(--gold-pale);transform:translate(8px)}.m-icon{background:var(--gold-pale);border:1px solid #c9a96e33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.m-info{flex:1}.m-name{font-family:var(--font-serif);color:var(--text);margin-bottom:.1rem;font-size:1.1rem;font-weight:700}.m-reason{color:var(--muted);font-size:.85rem}.m-score{color:var(--sage);background:var(--sage-pale);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #4a5e521a;border-radius:100px;padding:.4rem .8rem;font-size:.7rem;font-weight:800}.btn-quiz{background:var(--sage);width:100%;color:var(--white);font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;margin-top:1rem;padding:1.1rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-quiz:hover{background:var(--rose);transform:translateY(-2px);box-shadow:0 10px 25px #c4856a40}.btn-reset{color:var(--muted);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:100%;margin-top:2rem;font-size:.75rem;font-weight:600;transition:opacity .3s;display:flex}.btn-reset:hover{opacity:1}@media (max-width:600px){.quiz-section{padding:3rem 1rem}.quiz-sub{margin-bottom:2rem}.quiz-card{padding:1.5rem 1.25rem}.q-progress{margin-bottom:1.5rem}.q-question{margin-bottom:1.25rem;font-size:1.25rem}.q-opts{grid-template-columns:1fr 1fr;gap:.6rem}.q-opt{gap:.5rem;padding:.9rem .6rem;font-size:.8rem}.q-opt-image-container{height:52px}.q-match{align-items:center;gap:.75rem;padding:.9rem 1rem}.m-icon{flex-shrink:0;width:40px;height:40px}.m-info{flex:1;min-width:0}.m-name{font-size:.9rem;line-height:1.3}.m-score{flex-shrink:0;padding:.35rem .65rem;font-size:.65rem}}