:root{--primary-color:#0054a4;--secondary-color:#f8f9fa;--accent-color:#17a2b8;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--light-color:#f8f9fa;--dark-color:#343a40;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--font-family-sans-serif:'Open Sans',sans-serif;--font-family-headings:'Montserrat',sans-serif;--border-radius:4px;--box-shadow:0 2px 4px rgba(0,0,0,0.1)}*,*::before,*::after{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);color:var(--gray-800);line-height:1.6}.hidden{display:none!important}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--secondary-color)}.header-bar{background-color:var(--primary-color);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{max-height:40px}.badge{background-color:rgba(255,255,255,0.15);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);font-family:var(--font-family-headings);font-size:.875rem;font-weight:600}.screens-container{flex:1;position:relative}.screen{position:relative;min-height:calc(100vh - 80px);display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.screen-content{flex:1;max-width:800px;margin:0 auto;padding:2rem;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);font-weight:700;line-height:1.2;margin-top:0;margin-bottom:1rem}h1{font-size:2.25rem;color:var(--primary-color)}h2{font-size:1.5rem;color:var(--gray-700);font-weight:400;margin-bottom:2rem}.value-props{margin:2.5rem 0}.value-props ul{padding-left:1.5rem;list-style-type:none}.value-props li{position:relative;margin-bottom:1rem;padding-left:1.5rem;font-size:1.125rem}.value-props li::before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.cta-container{text-align:center;margin-top:2rem}.supporting-text{color:var(--gray-600);font-size:.875rem;margin-top:.5rem}.background-graphic{position:absolute;top:0;right:0;bottom:0;width:40%;z-index:0;opacity:.1}.btn{display:inline-block;font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.75rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:var(--border-radius);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;font-family:var(--font-family-headings)}.btn-primary{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:#004080;border-color:#003d7a}.btn-secondary{color:var(--primary-color);background-color:transparent;border-color:var(--primary-color)}.btn-secondary:hover{color:#fff;background-color:var(--primary-color)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn.disabled{opacity:.65;pointer-events:none}.progress-indicator{margin-bottom:2rem}.progress-bar{height:8px;background-color:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:4px}.progress-text{font-size:.875rem;color:var(--gray-600);text-align:right}.question-container{margin-bottom:3rem}.question-category{font-family:var(--font-family-headings);font-weight:600;font-size:.875rem;color:var(--primary-color);margin-bottom:.5rem;letter-spacing:.05em}.options-container{margin-top:2rem}.option{display:flex;align-items:flex-start;padding:1rem;margin-bottom:1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);cursor:pointer;transition:border-color .2s,box-shadow .2s}.option:hover{border-color:var(--primary-color)}.option.selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.option-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--gray-400);margin-right:1rem;position:relative;flex-shrink:0;margin-top:2px;transition:border-color .2s}.option.selected .option-radio{border-color:var(--primary-color)}.option.selected .option-radio::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--primary-color)}.option-text{flex:1}.navigation-buttons{display:flex;justify-content:space-between}.form-container{background-color:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow)}.form-row{display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.form-group{flex:1;min-width:250px;margin-bottom:1rem}.form-group:not(:last-child){margin-right:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem}input[type="text"],input[type="email"],input[type="tel"],select,textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:#fff;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem rgba(0,84,164,0.25)}.consent-group{display:flex;align-items:flex-start}.consent-group input[type="checkbox"]{margin-top:.25rem;margin-right:.5rem;flex-shrink:0}.form-buttons{text-align:center;margin-top:2rem}.results-container{text-align:center}.score-container{margin-bottom:2rem}.score-container.centered{display:flex;flex-direction:column;align-items:center}.score-circle{width:120px;height:120px;border-radius:50%;background-color:#fff;border:4px solid var(--primary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 1rem;box-shadow:0 4px 8px rgba(0,0,0,.1)}.score-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);line-height:1}.score-max{font-size:1rem;color:var(--gray-600)}.score-label{font-family:var(--font-family-headings);font-weight:600;font-size:.875rem;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.radar-chart-container{height:300px;margin:2rem auto}.key-findings{text-align:left;margin:2rem 0;padding:1.5rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:#fff}.key-findings h3{margin-top:0;color:var(--primary-color)}.follow-up-message{margin:1.5rem 0;font-size:1.125rem}.maturity-badge{display:inline-block;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;font-family:var(--font-family-headings);font-weight:600;border-radius:var(--border-radius);margin:1rem 0}.thank-you-container{text-align:center;max-width:600px;margin:0 auto}.thank-you-message{font-size:1.25rem;margin:2rem 0}.contact-info{margin-top:2rem;color:var(--gray-600);font-size:.875rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s}.spinner{width:40px;height:40px;border:4px solid rgba(0,84,164,0.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.footer{padding:1.5rem;text-align:center;color:var(--gray-600);font-size:.875rem}.footer a{color:var(--primary-color);text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:768px){.screen-content{padding:1rem}.form-row{flex-direction:column}.form-group:not(:last-child){margin-right:0}.form-group{min-width:auto}.background-graphic{display:none}.option{padding:.75rem}.score-circle{width:100px;height:100px}.score-value{font-size:2rem}.score-max{font-size:.875rem}}@media(min-width:769px) and (max-width:1024px){.screen-content{padding:1.5rem}}
