*{box-sizing:border-box;margin:0;padding:0}body{color:#0a0a0a;background:#fff;min-height:100dvh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.survey-logo{z-index:60;pointer-events:none;width:2rem;height:auto;position:fixed;top:1.25rem;left:1.5rem}.survey-footer{flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 2rem 2rem;display:flex}.survey-footer-links{gap:1rem;display:flex}.survey-footer-links a{color:#bbb;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:color .2s;display:flex}.survey-footer-links a:hover{color:#0a0a0a}.survey-footer-links svg{fill:currentColor;width:1.1rem;height:1.1rem}.survey-footer-text{color:#bbb;font-size:.75rem}.survey-shell{flex-direction:column;min-height:100dvh;display:flex}.survey-progress{z-index:50;background:#eee;height:3px;position:fixed;top:0;left:0;right:0}.survey-progress-fill{background:#0a0a0a;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.survey-container{flex:1;justify-content:center;align-items:center;padding:4rem 2rem 2rem;display:flex}.survey-step{width:100%;max-width:600px;transition:opacity .3s,transform .3s}.survey-step.exit-left{opacity:0;transform:translate(-30px)}.survey-step.exit-right{opacity:0;transform:translate(30px)}.survey-step.enter{opacity:0;transform:translateY(12px)}.step-num{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:500}.step-title{color:#0a0a0a;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.step-subtitle{color:#555;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.intro-title{margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.intro-body{color:#444;margin-bottom:.5rem;font-size:1rem;line-height:1.7}.intro-body+.intro-body{margin-top:.75rem}.option-list{flex-direction:column;gap:.5rem;display:flex}.option-btn{color:#0a0a0a;cursor:pointer;text-align:left;background:#fafafa;border:1.5px solid #ddd;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,background .15s,transform .1s;display:flex}.option-btn:hover{background:#f5f5f5;border-color:#999}.option-btn:active{transform:scale(.99)}.option-btn.selected{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.option-indicator{border:2px solid #ccc;border-radius:50%;flex-shrink:0;width:1.1rem;height:1.1rem;transition:border-color .15s,background .15s}.option-btn.selected .option-indicator{background:#fff;border-color:#fff}.option-indicator--check{border-radius:4px}.other-text{color:#0a0a0a;background:#fafafa;border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;margin-top:.5rem;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.other-text:focus{border-color:#888}.scale-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.scale-btn{cursor:pointer;color:#0a0a0a;background:#fafafa;border:1.5px solid #ddd;border-radius:8px;width:3rem;height:3rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .15s}.scale-btn:hover{border-color:#999}.scale-btn.selected{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.scale-labels{color:#999;justify-content:space-between;margin-top:.25rem;font-size:.75rem;display:flex}.follow-up{border-top:1px solid #eee;margin-top:1.25rem;padding-top:1.25rem;animation:.3s both fadeUp}.follow-up label{color:#555;margin-bottom:.5rem;font-size:.9rem;display:block}.rank-hint{color:#999;margin-bottom:.75rem;font-size:.85rem}.rank-btn{color:#0a0a0a;cursor:pointer;text-align:left;background:#fafafa;border:1.5px solid #ddd;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .15s;display:flex}.rank-btn:hover{border-color:#999}.rank-badge{background:#eee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.rank-btn.ranked{background:#f8f8f8;border-color:#0a0a0a}.rank-btn.ranked .rank-badge{color:#fff;background:#0a0a0a}.matrix-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.matrix-label{flex:1;min-width:0;font-size:.9rem}.matrix-btns{flex-shrink:0;gap:.3rem;display:flex}.matrix-btn{cursor:pointer;color:#0a0a0a;background:#fafafa;border:1.5px solid #ddd;border-radius:6px;width:2.2rem;height:2.2rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.matrix-btn:hover{border-color:#999}.matrix-btn.selected{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.matrix-scale-labels{justify-content:flex-end;gap:.3rem;margin-bottom:.75rem;display:flex}.matrix-scale-labels span{text-align:center;color:#999;width:2.2rem;font-size:.65rem}.closing-section{margin-bottom:1.5rem}.closing-section label{margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.closing-section textarea{color:#0a0a0a;resize:vertical;background:#fafafa;border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;min-height:80px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.closing-section textarea:focus{border-color:#888}.thank-you{text-align:center}.thank-you .check-circle{border:3px solid #0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1.25rem;animation:.4s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}.thank-you .check-circle svg{width:1.5rem;height:1.5rem}.thank-you h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;animation:.4s .15s both fadeUp}.thank-you p{color:#555;font-size:1rem;line-height:1.6;animation:.4s .25s both fadeUp}.step-error{color:#c00;background:#fff0f0;border:1px solid #fcc;border-radius:6px;margin-top:1rem;padding:.6rem 1rem;font-size:.85rem;animation:.2s both fadeUp}.survey-nav{justify-content:space-between;width:100%;max-width:640px;margin:0 auto;padding:1rem 2rem 2rem;display:flex}.survey-btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .2s,transform .15s,opacity .2s}.survey-btn--back{color:#555;background:#f0f0f0}.survey-btn--back:hover{background:#e5e5e5}.survey-btn--next{color:#fff;background:#0a0a0a;margin-left:auto}.survey-btn--next:hover{background:#333}.survey-btn--next:active{transform:scale(.98)}.survey-btn:disabled{opacity:.4;cursor:not-allowed}.survey-btn.hidden{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=640px){.survey-container{padding:3.5rem 1.25rem 1rem}.survey-nav{padding:1rem 1.25rem 1.5rem}.step-title{font-size:1.25rem}.intro-title{font-size:1.4rem}.scale-btn{width:2.6rem;height:2.6rem;font-size:.9rem}.matrix-row{flex-direction:column;align-items:flex-start;gap:.35rem}.matrix-btns{justify-content:space-between;width:100%}.matrix-btn{flex:1}.matrix-scale-labels{display:none}}