.diag-screen{position:relative;z-index:1}.diag-progress{margin-bottom:2rem}.diag-progress-bar{height:3px;background:linear-gradient(90deg,var(--brand) 0%,var(--brand-light) 100%);border-radius:999px;transition:width .36s cubic-bezier(.16,1,.3,1)}.diag-progress-label{display:block;margin-top:.5rem;text-align:right;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary)}.diag-section-tag{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.18em;color:var(--brand);margin:0 0 .625rem}.diag-question{display:block;font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--text);margin-bottom:1.5rem}.diag-input{width:100%;background:transparent;border:0;border-bottom:2px solid var(--border-strong);padding:.75rem 0;font-family:var(--font-text);font-size:1.125rem;color:var(--text);outline:none;transition:border-color .2s ease}.diag-input:focus{border-bottom-color:var(--brand)}.diag-input::placeholder{color:var(--text-tertiary)}.diag-textarea{resize:vertical;min-height:120px;border:1px solid var(--border-strong);border-radius:12px;padding:1rem 1.125rem}.diag-textarea:focus{border-color:var(--brand)}.diag-options{display:flex;flex-direction:column;gap:.5rem}.diag-option{display:block;width:100%;padding:1rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font-text);font-size:1rem;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .16s ease}.diag-option:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.diag-option--selected{border-color:var(--brand);background:color-mix(in oklab,var(--brand) 8%,transparent);color:var(--brand)}.diag-error{margin-top:1rem;color:#f87171;font-family:var(--font-mono);font-size:.8125rem}.diag-actions{display:flex;gap:.75rem;margin-top:2rem}.diag-btn{padding:12px 22px;border-radius:999px;font-family:var(--font-text);font-size:.9375rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,filter .2s ease,background .2s ease,border-color .2s ease}.diag-btn:disabled{opacity:.5;cursor:not-allowed}.diag-btn--primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff}.diag-btn--primary:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}.diag-btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.diag-btn--ghost:not(:disabled):hover{color:var(--text);border-color:var(--border-strong)}.diag-hint{margin-top:1rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.diag-result{text-align:center;padding:2rem 0}.diag-eyebrow{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brand);margin-bottom:1rem}.diag-h2{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.018em;line-height:1.1;color:var(--text);margin:0 0 1rem}.diag-body{font-family:var(--font-text);font-size:1.0625rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1rem}.diag-summary{font-style:italic;border-left:2px solid var(--brand);padding:.5rem 0 .5rem 1rem;text-align:left;max-width:560px;margin:1.5rem auto}.diag-cta{display:inline-block;margin-top:1rem;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;text-decoration:none;font-weight:500}.diag-body--small{font-size:.9375rem!important;color:var(--text-secondary)!important;margin-top:1.25rem;margin-bottom:.5rem}.diag-link{color:var(--brand);text-decoration:none;font-weight:500;border-bottom:1px solid color-mix(in oklab,var(--brand) 35%,transparent);transition:color .2s,border-color .2s}.diag-link:hover{color:var(--brand-light);border-bottom-color:var(--brand-light)}.diag-resources{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem;text-align:center}.diag-resources li{font-family:var(--font-mono);font-size:.875rem}.diag-resources a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.diag-resources a:hover{color:var(--brand)}.diag-skeleton{height:320px;background:linear-gradient(90deg,var(--bg-card-hover) 0%,var(--bg-card) 50%,var(--bg-card-hover) 100%);background-size:200% 100%;animation:diag-skeleton-shimmer 1.4s infinite;border-radius:12px}@keyframes diag-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}