.diag-wrap{padding:var(--space-2xl) var(--space-lg);min-height:60vh}.diag-inner{max-width:680px;margin:0 auto}.is-hidden{display:none!important}.diag-tabs{display:flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-2xl)}.diag-tab{flex:1;padding:10px var(--space-md);background:var(--color-bg-subtle);border:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-ink-muted);cursor:pointer;transition:background-color .12s,color .12s}.diag-tab+.diag-tab{border-left:1px solid var(--color-border)}.diag-tab--active{background-color:var(--color-ink);color:var(--color-bg)}.diag-panel{padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-subtle)}.diag-h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-ink);margin-bottom:var(--space-sm)}.diag-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md)}.diag-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--color-ink);margin-bottom:var(--space-md)}.diag-sub{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.6;margin-bottom:var(--space-xl)}.diag-time{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:var(--space-lg)}.diag-wa{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-bg);background-color:oklch(52% .17 145);padding:10px var(--space-lg);border-radius:var(--radius);text-decoration:none;transition:opacity .12s;margin-bottom:var(--space-lg)}.diag-wa:hover{opacity:.85;color:var(--color-bg)}.diag-divider{height:1px;background-color:var(--color-border);margin:var(--space-lg) 0}.diag-link{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-decoration:none}.diag-link:hover{text-decoration:underline}.diag-note{font-size:var(--text-xs);color:var(--color-ink-faint);margin-top:var(--space-lg)}.quiz-step{animation:fadeUp .2s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-progress{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.quiz-step-label{font-size:.78rem;font-weight:700;font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.progress-bar{flex:1;height:3px;background-color:var(--color-border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-accent);border-radius:99px;transition:width .35s ease-out}.quiz-q{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;letter-spacing:-.02em;color:var(--color-ink);margin-bottom:var(--space-lg)}.quiz-opts{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-opt{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);text-align:left;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);cursor:pointer;transition:border-color .12s,background-color .12s}.quiz-opt:hover{border-color:var(--color-accent);background-color:color-mix(in oklch,var(--color-accent) 5%,var(--color-bg))}.quiz-opt.selected{border-color:var(--color-accent);background-color:color-mix(in oklch,var(--color-accent) 8%,var(--color-bg));color:var(--color-accent)}.quiz-start{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--color-bg);background-color:var(--color-accent);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:background-color .12s}.quiz-start:hover{background-color:var(--color-accent-hover)}.quiz-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;color:var(--color-ink)}.form-opt{font-weight:400;color:var(--color-ink-muted)}.form-field input,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius);padding:10px var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink);background-color:var(--color-bg);transition:border-color .12s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-accent)}.form-field textarea{resize:vertical}.quiz-submit{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--color-bg);background-color:var(--color-accent);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius);cursor:pointer;width:100%;transition:background-color .12s;margin-top:var(--space-sm)}.quiz-submit:hover{background-color:var(--color-accent-hover)}.quiz-submit:disabled{opacity:.6;cursor:not-allowed}.result-badge{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);background-color:color-mix(in oklch,var(--color-accent) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-accent) 25%,transparent);padding:3px 10px;border-radius:999px;margin-bottom:var(--space-md)}.result-services{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.result-service-item{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.result-service-item strong{display:block;color:var(--color-ink);margin-bottom:3px}.result-service-item span{color:var(--color-ink-muted)}.result-ctas{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin-top:var(--space-xl)}