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