.orgchart-builder{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;display:flex}.orgchart-container{background:#fff;border:1px solid #0000000f;border-radius:24px;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000008,0 10px 15px -3px #0000000d}.progress-bar{background:#0000001a;height:2px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s}.step-container{padding:48px;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.question-transition-exit{animation:.2s ease-out forwards fadeOut}.question-transition-enter{animation:.45s ease-in-out forwards slideInUp}.question-title{animation:.3s ease-in-out titleFadeIn}.answer-options{animation:.7s ease-in-out optionsFadeIn}@keyframes titleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes optionsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-container h2{color:#000;letter-spacing:-.04em;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:1.3}.step-container p{color:#111827;letter-spacing:-.04em;margin-bottom:2rem;font-size:1.125rem;font-weight:300}.form-group{margin-bottom:1.25rem}.form-input{color:#000;background:#fff;border:1px solid #0000001a;border-radius:12px;width:100%;padding:1rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.form-input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.submit-btn{color:#000;cursor:pointer;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#3b82f6,#8b5cf6) border-box;border:2px solid #0000;border-radius:12px;width:100%;margin-top:1rem;padding:1rem 2rem;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;transition:background .2s,color .2s,transform .2s,box-shadow .2s;position:relative}.submit-btn:hover:not(:disabled){color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.options-grid{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.option-chip{cursor:pointer;color:#000;background:#fff;border:1px solid #0000001a;border-radius:100px;padding:.625rem 1.25rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:400;transition:border-color .15s,background .15s,color .15s}.option-chip:hover{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#3b82f6,#8b5cf6) border-box;border:1px solid #0000;box-shadow:0 2px 4px #0000000d}.option-chip.selected{color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-color:#0000}.free-text-input{color:#000;background:#fff;border:1px solid #0000001a;border-radius:12px;width:100%;margin-top:.75rem;padding:.625rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;transition:border-color .2s}.free-text-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.navigation{justify-content:space-between;gap:1rem;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:12px;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.nav-btn.prev{color:#111827;background:#fff;border:1px solid #0000001a}.nav-btn.prev:hover{background:#fafafa;border-color:#00000026}.nav-btn.next{color:#000;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#3b82f6,#8b5cf6) border-box;border:2px solid #0000;flex:1;max-width:200px;margin-left:auto}.nav-btn.next:hover:not(:disabled){color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.nav-btn.next:disabled{opacity:.5;cursor:not-allowed}.research-status{background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.research-spinner{border:2px solid #0000001a;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.research-info{margin-bottom:1.5rem}.research-note{color:#111827;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-style:normal;font-weight:300;display:flex}.research-note:before{content:"🔍"}.completion{text-align:center;padding:48px}.completion h2{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-family:Inter,sans-serif;font-weight:700}.completion p{color:#111827;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:300}@media (width<=640px){.orgchart-builder{padding:1rem}.orgchart-container{border-radius:16px}.step-container{padding:2rem 1.5rem}.step-container h2{font-size:1.5rem}.options-grid{gap:.5rem}.option-chip{padding:.5rem 1rem;font-size:.875rem}}
