.diag{background:var(--color-surface);min-height:100vh;padding:152px 0 128px;position:relative;overflow:hidden}.diag__grid{-webkit-mask-image:radial-gradient(70% 60% at 30% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 30% 30%,#000 20%,#0000 75%)}.diag__inner{flex-wrap:wrap;align-items:flex-start;gap:64px;display:flex}.diag__intro{flex:340px;min-width:0}.diag__intro h1{letter-spacing:-.035em;text-wrap:balance;margin:24px 0 0;font-size:clamp(34px,4vw,56px);line-height:1.02}.diag__lede{max-width:34rem;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:pretty;margin-top:20px}.diag__perks{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.diag__perks>span{border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);background:#fff;align-items:center;gap:8px;padding:8px 14px;display:flex}.diag__perks svg{color:var(--color-brand)}.diag__steps{border-top:1px solid var(--color-border);margin:40px 0 0;padding:0;list-style:none}.diag__steps li{border-bottom:1px solid var(--color-border);font-size:var(--text-md);color:var(--color-text-secondary);grid-template-columns:36px 1fr;gap:12px;padding:14px 0;display:grid}.diag__steps .mono{font-size:var(--text-sm);color:var(--color-brand)}.diag__steps li[data-state=todo] .mono{color:var(--color-text-muted)}.diag__steps li[data-state=current]{color:var(--color-text-primary);font-weight:600}.diag__card{background:var(--color-surface-card);border:1px solid var(--color-border);min-width:0;min-height:600px;animation:emRise .9s var(--ease-out-expo) both .1s;border-radius:24px;flex-direction:column;flex:1.4 520px;padding:40px;display:flex;box-shadow:0 30px 60px -30px #0f172a2e}.diag__progress{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.diag__progress-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.diag__segments{gap:6px;display:flex}.diag__segments>span{background:var(--em-slate-200);height:4px;transition:background .4s var(--ease-out-quart);border-radius:2px;flex:1}.diag__segments>span[data-state=done]{background:var(--color-brand)}.diag__segments>span[data-state=current]{background:var(--em-brand-400)}.diag__panel-head{flex-direction:column;gap:8px;display:flex}.diag__panel-head h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(22px,2.2vw,30px);line-height:1.15}.diag__panel-head>span{font-size:var(--text-sm);color:var(--color-text-secondary)}.diag__form{flex-direction:column;flex:1;gap:18px;display:flex}.diag__fields{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;display:grid}.diag__fields label{font-size:var(--text-sm);font-weight:var(--weight-medium);flex-direction:column;gap:6px;display:flex}.diag__fields input{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;font-family:var(--font-body);font-size:var(--text-md);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);background:#fff;outline:none;padding:13px 16px;font-weight:400}.diag__fields input::placeholder{color:var(--color-text-muted)}.diag__fields input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-focus-ring)}.diag__optin{border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.5;display:flex}.diag__optin input{width:18px;height:18px;accent-color:var(--color-brand);cursor:pointer;flex-shrink:0;margin:2px 0 0}.diag__submit{flex-direction:column;gap:12px;margin-top:auto;display:flex}.diag__submit>span{font-size:var(--text-xs);text-align:center;color:var(--color-text-muted)}.diag__submit>span a{color:inherit;text-underline-offset:2px;text-decoration:underline}.diag__submit>span a:hover{color:var(--color-brand)}.diag__primary{cursor:pointer;border-radius:var(--radius-full);background:var(--color-brand);color:#fff;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);transition:transform var(--duration-fast) var(--ease-out-quart);border:none;justify-content:center;align-items:center;gap:10px;padding:1rem 2rem;text-decoration:none;display:inline-flex}.diag__primary:hover{color:#fff;transform:translateY(-1px)scale(1.02)}.diag__primary:active{transform:scale(.97)}.diag__submit .diag__primary{width:100%}.diag__quiz{flex-direction:column;flex:1;gap:22px;display:flex}.diag__question{flex-direction:column;gap:22px;display:flex}.diag__options{flex-direction:column;gap:10px;display:flex}.diag__option{cursor:pointer;text-align:left;border:1px solid var(--color-border);width:100%;font-family:var(--font-body);font-size:var(--text-md);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-out-quart), background var(--duration-fast) var(--ease-out-quart), transform var(--duration-fast) var(--ease-out-quart);background:#fff;border-radius:14px;align-items:center;gap:16px;padding:16px 18px;display:flex}.diag__option:hover{border-color:var(--color-brand);transform:translate(4px)}.diag__option[aria-pressed=true]{border-color:var(--color-brand);background:#ff531f14}.diag__option-key{width:32px;height:32px;font-family:var(--font-mono);font-size:var(--text-sm);background:var(--em-slate-100);color:var(--em-slate-600);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.diag__option[aria-pressed=true] .diag__option-key{background:var(--color-brand);color:#fff}.diag__nav{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.diag__link{cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;display:flex}.diag__link:hover{color:var(--color-brand)}.diag__next{cursor:pointer;border-radius:var(--radius-full);background:var(--color-brand);color:#fff;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--duration-fast) var(--ease-out-quart);border:none;align-items:center;gap:8px;padding:.75rem 1.5rem;display:inline-flex}.diag__next:disabled{cursor:not-allowed;background:var(--em-slate-300)}.diag__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.diag__result{flex-direction:column;gap:28px;display:flex}.diag__score-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.diag__ring{border-radius:50%;flex-shrink:0;width:168px;height:168px;position:relative}.diag__ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:14px}.diag__score{font-family:var(--font-mono);letter-spacing:-.05em;color:var(--em-slate-900);font-size:52px;font-weight:600;line-height:1}.diag__ring .mono{font-size:var(--text-xs);color:var(--color-text-muted)}.diag__level{flex-direction:column;flex:220px;gap:10px;display:flex}.diag__level-name{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-brand);font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1}.diag__level-badge{font-size:var(--text-sm);color:var(--color-text-secondary)}.diag__levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.diag__levels>div{flex-direction:column;gap:8px;display:flex}.diag__levels>div>span:first-child{background:var(--em-slate-200);border-radius:4px;height:8px}.diag__levels>div[data-reached=true]>span:first-child{background:var(--color-brand)}.diag__levels>div>span:last-child{color:var(--color-text-muted);font-size:12px}.diag__levels>div[data-current=true]>span:last-child{color:var(--color-text-primary);font-weight:600}.diag__desc{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:pretty}.diag__priorities{background:var(--color-surface);border-radius:16px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.diag__priorities>span:not(.eyebrow){font-size:var(--text-md);color:var(--color-text-primary);align-items:flex-start;gap:10px;display:flex}.diag__priorities svg{color:var(--color-brand);flex-shrink:0;margin-top:4px}.diag__received{background:color-mix(in srgb, var(--em-success-500) 10%, transparent);border:1px solid color-mix(in srgb, var(--em-success-500) 30%, transparent);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);align-items:flex-start;gap:12px;padding:16px 20px;line-height:1.5;display:flex}.diag__received svg{color:var(--em-success-500);flex-shrink:0}.diag__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.diag__actions .diag__primary{padding:.875rem 1.75rem}@media (width<=767px){.diag{padding:120px 0 96px}.diag__inner{gap:40px}.diag__card{min-height:0;padding:24px 20px}.diag__ring{width:140px;height:140px}.diag__score{font-size:44px}.diag__actions .diag__primary{width:100%}}.diag__nowrap{white-space:nowrap}