:root{--color-dark:#171717;--color-darker:#0a0a0a;--color-white:#fff;--color-accent:#171717;--color-accent-light:#f0f0f0;--color-gray:#6b7280;--color-gray-light:#9ca3af;--color-gray-border:#e5e7eb;--color-gray-bg:#fafafa;--font:"Satoshi", system-ui, -apple-system, sans-serif;--max-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:28px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--color-dark);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.6}#root{min-height:100vh}h1{letter-spacing:-1.8px;font-size:60px;font-weight:700;line-height:1.05}h2{letter-spacing:-1px;font-size:42px;font-weight:700;line-height:1.15}h3{font-size:20px;font-weight:600;line-height:1.3}p{font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-dark{background:var(--color-dark);color:var(--color-white)}.section-light{background:var(--color-white);color:var(--color-dark)}@media (width<=768px){h1{letter-spacing:-1px;font-size:38px}h2{font-size:30px}h3{font-size:18px}p{font-size:16px}}.survey-page{background:#fff;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.survey-progress{z-index:100;background:#f0f0f0;height:4px;position:fixed;top:0;left:0;right:0}.survey-progress-fill{background:#2a5c3f;border-radius:0 2px 2px 0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.survey-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:600px;padding:80px 24px 120px;display:flex}.survey-step-label{color:#9ca3af;font-size:13px;font-family:var(--font);margin-bottom:32px}.survey-question{text-align:center;width:100%;animation:.3s surveyFadeIn}.survey-slide-forward{animation:.3s slideInRight}.survey-slide-back{animation:.3s slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes surveyFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.survey-title{font-family:var(--font);color:#171717;letter-spacing:-.5px;margin-bottom:12px;font-size:28px;font-weight:800;line-height:1.2}.survey-subtitle{color:#9ca3af;margin-bottom:8px;font-size:14px}.survey-options-stack{flex-direction:column;gap:12px;width:100%;margin-top:32px;display:flex}.survey-option-stack{width:100%;font-family:var(--font);color:#171717;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;padding:16px 24px;font-size:16px;font-weight:500;transition:all .15s;display:flex}.survey-option-stack:hover{background:#fafafa;border-color:#171717}.survey-option-stack.selected{color:#fff;background:#171717;border-color:#171717}.survey-options-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.survey-option-chip{font-family:var(--font);color:#171717;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .15s;display:inline-flex}.survey-option-chip:hover{background:#fafafa;border-color:#171717}.survey-option-chip.selected{color:#fff;background:#171717;border-color:#171717}.survey-option-chip.selected .survey-tool-logo{filter:invert()}.survey-option-icon{font-size:18px;line-height:1}.survey-options-tools{grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;display:grid}.survey-option-tool{justify-content:flex-start;padding:14px 16px}.survey-tool-logo{object-fit:contain;flex-shrink:0;width:20px;height:20px}.survey-tool-placeholder{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex}.survey-continue{color:#fff;width:100%;font-family:var(--font);cursor:pointer;background:#171717;border:none;border-radius:12px;margin-top:24px;padding:16px;font-size:16px;font-weight:600;transition:all .15s}.survey-continue:hover{background:#333}.survey-continue.disabled{cursor:not-allowed;background:#d1d5db}.survey-back{font-family:var(--font);color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;margin-top:32px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.survey-back:hover{color:#171717;border-color:#9ca3af}.survey-bottom-bar{background:#d1d5db;border-radius:2px;width:48px;height:4px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.survey-complete{text-align:center;padding:40px 24px;animation:.4s surveyFadeIn}.survey-complete-icon{color:#2a5c3f;background:#ebf5ef;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.survey-complete h2{font-family:var(--font);color:#171717;letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:800}.survey-complete-desc{color:#6b7280;max-width:420px;margin:0 auto 32px;font-size:16px;line-height:1.6}.survey-complete-desc strong{color:#171717}.survey-home-link{color:#fff;font-family:var(--font);background:#171717;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.survey-home-link:hover{background:#333}@media (width<=640px){.survey-container{padding:60px 20px 100px}.survey-title{font-size:24px}.survey-option-stack{padding:14px 20px;font-size:15px}.survey-option-chip{padding:10px 16px;font-size:14px}.survey-options-tools{grid-template-columns:1fr 1fr;gap:8px}.survey-options-tools.large-grid{grid-template-columns:1fr 1fr}.survey-option-tool{padding:12px;font-size:13px}}