.progress-bar-container{padding:0 100px;background-color:var(--color-white)}.progress-bar{height:4px;background-color:var(--color-light-bg);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-green);border-radius:2px;transition:width .3s ease-out}@media (max-width: 768px){.progress-bar-container{padding:0 var(--spacing-md)}}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--color-white);border-top:1px solid var(--color-light-bg)}.nav-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:500;border-radius:var(--radius-lg);border:none;transition:all var(--transition-fast)}.nav-button .arrow{font-size:1.25rem}.nav-button.back{background-color:transparent;color:var(--color-gray)}.nav-button.back:hover{background-color:var(--color-light-bg);color:var(--color-text)}.nav-button.next{background-color:var(--color-navy);color:var(--color-white)}.nav-button.next:hover:not(:disabled){background-color:#1a2570}.nav-button.next:disabled{background-color:var(--color-gray);cursor:not-allowed}@media (max-width: 768px){.navigation-buttons{padding:var(--spacing-md)}.nav-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}}.intro-screen{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-white)}.intro-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 100px;position:sticky;top:0;background-color:#fafafaf2;z-index:100}.intro-header-logo{height:80px;width:auto}.intro-header-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:.9375rem;font-weight:600;color:var(--color-white);background-color:var(--color-green);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.intro-header-cta:hover{background-color:#1f7516;transform:translateY(-1px)}.hero-section{padding:80px var(--spacing-xl) 100px;text-align:left;max-width:900px;margin:0 auto}.hero-content{max-width:100%}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:#e3e4eb;border-radius:var(--radius-xl);font-size:.875rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-lg);border:1px solid rgb(227,228,235)}.hero-badge svg{color:var(--color-navy)}.hero-headline{font-size:4.5rem;font-weight:700;color:var(--color-text);line-height:1.1;margin-bottom:var(--spacing-lg)}.hero-headline-accent{color:var(--color-navy)}.hero-description{font-size:1.25rem;color:#64748b;font-weight:500;line-height:1.6;margin-bottom:var(--spacing-xl);max-width:750px}.hero-description strong{color:var(--color-navy)}.hero-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:600;color:var(--color-white);background-color:var(--color-green);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.hero-cta:hover{background-color:#1f7516;transform:translateY(-2px);box-shadow:0 4px 12px #258b1c4d}.hero-cta-row{display:flex;align-items:center;gap:var(--spacing-lg)}.time-estimate{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9375rem;color:#64748b;margin:0}.time-estimate svg{flex-shrink:0}.questions-section{background-color:#f6f6f8;padding:60px var(--spacing-xl) 80px;text-align:center}.questions-inner{max-width:1100px;margin:0 auto}.questions-intro{font-size:1.25rem;color:var(--color-text);line-height:1.6;max-width:800px;margin:0 auto var(--spacing-xl);font-weight:500}.question-cards{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.question-card{flex:0 0 280px;min-height:180px;background-color:var(--color-white);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left;transition:all var(--transition-fast)}.question-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.question-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-light-green);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);color:var(--color-green)}.question-text{font-size:1.125rem;font-weight:600;font-style:italic;color:var(--color-text);line-height:1.4;margin:0}.questions-tagline{font-size:1.25rem;color:var(--color-text);line-height:1.6}.green-text{color:var(--color-green)}.navy-text{color:var(--color-navy)}.benefits-section{background-color:var(--color-white);padding:80px var(--spacing-xl);text-align:center}.benefits-label{font-size:.875rem;font-weight:700;color:var(--color-green);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.benefits-heading{font-size:2.5rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.benefits-description{font-size:1.125rem;color:var(--color-text);line-height:1.6;max-width:700px;margin:0 auto var(--spacing-xl)}.benefit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:1100px;margin:0 auto var(--spacing-xl)}.benefit-card{background-color:var(--color-white);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left;transition:all var(--transition-fast)}.benefit-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.benefit-card.featured{background:linear-gradient(135deg,#f4f9f2,#f4f8f2);border:1px solid rgb(160,198,148);box-shadow:0 0 20px #a0c69466}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-light-green);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:var(--color-green)}.benefit-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.benefit-text{font-size:.9375rem;color:var(--color-text);line-height:1.6;margin:0}.bonus-items{display:flex;justify-content:center;gap:var(--spacing-xl);max-width:1000px;margin:0 auto;padding-top:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.08);text-align:left}.bonus-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:500;color:var(--color-dark-gray)}.bonus-item svg{flex-shrink:0;color:var(--color-green)}.preview-section{padding:80px var(--spacing-xl);text-align:center;max-width:1000px;margin:0 auto}.preview-label{font-size:.875rem;font-weight:700;color:var(--color-green);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.preview-heading{font-size:2.5rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.preview-description{font-size:1rem;font-weight:500;color:var(--color-dark-gray);line-height:1.6;margin-bottom:var(--spacing-xl)}.browser-mockup{background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 40px #0000001a}.browser-chrome{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.1)}.browser-dots{display:flex;gap:6px}.browser-dots .dot{width:12px;height:12px;border-radius:50%}.browser-dots .dot.red{background-color:#ff5f57}.browser-dots .dot.yellow{background-color:#ffbd2e}.browser-dots .dot.green{background-color:#28ca42}.browser-url{flex:1;font-size:.8125rem;color:var(--color-text);text-align:left}.browser-content{display:grid;grid-template-columns:1fr 1fr;padding:var(--spacing-xl);gap:var(--spacing-xl)}.score-panel{text-align:center}.score-gauge{position:relative;width:160px;height:160px;margin:0 auto var(--spacing-md)}.gauge-svg{width:100%;height:100%}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:3rem;font-weight:700;color:#eaaa45;display:block;line-height:1}.score-max{font-size:1rem;color:var(--color-gray)}.score-tier{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:#f5a62326;color:#f5a623;font-size:.75rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-xl);margin-bottom:var(--spacing-md)}.score-summary{font-size:.9375rem;color:var(--color-text);line-height:1.5;margin-bottom:var(--spacing-md)}.score-guidance{background-color:#fafafa;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);line-height:1.5;text-align:center}.breakdown-panel{text-align:left}.breakdown-heading{font-size:.75rem;font-weight:700;color:var(--color-navy);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.breakdown-list{list-style:none;padding:0;margin:0}.breakdown-list li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);background-color:#fafcf9}.breakdown-list li.error{background-color:#fefafa}.breakdown-list li.warning{background-color:#fefaf3}.breakdown-list li svg{flex-shrink:0}.breakdown-list li span:first-of-type{flex:1;font-size:.875rem;color:var(--color-text)}.breakdown-score{font-size:.875rem;font-weight:600;color:var(--color-navy)}.preview-caption{font-size:.875rem;color:var(--color-gray);margin-top:var(--spacing-lg)}.privacy-section{padding:80px var(--spacing-xl);max-width:800px;margin:0 auto}.privacy-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.privacy-shield{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-light-green);border-radius:var(--radius-md);color:var(--color-green)}.privacy-heading{font-size:1.75rem;font-weight:700;color:var(--color-navy);margin:0}.privacy-statement{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;color:var(--color-text);margin-bottom:var(--spacing-lg)}.privacy-statement svg{flex-shrink:0;color:var(--color-green)}.privacy-items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.privacy-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fafafa;border-radius:var(--radius-md);border:rgb(240,240,240) 1px solid;font-size:1rem;font-weight:500;color:var(--color-text)}.privacy-item svg{flex-shrink:0}.privacy-purpose{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-md)}.privacy-tagline{font-size:1rem;color:var(--color-text);line-height:1.6}.final-cta-section{padding:100px var(--spacing-xl);text-align:center;background-color:#f7f7f9}.final-cta-heading{font-size:2.5rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.final-cta-description{font-size:1.125rem;color:var(--color-dark-gray);font-weight:500;line-height:1.6;max-width:600px;margin:0 auto var(--spacing-xl)}.final-cta-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:600;color:var(--color-white);background-color:var(--color-green);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.final-cta-button:hover{background-color:#1f7516;transform:translateY(-2px);box-shadow:0 4px 12px #258b1c4d}.final-cta-section .time-estimate{justify-content:center;margin-top:var(--spacing-md)}.intro-footer{padding:var(--spacing-lg) var(--spacing-xl);text-align:center;border-top:1px solid rgba(0,0,0,.05)}.intro-footer p{font-size:.875rem;color:var(--color-dark-gray);margin:0}.arrow{font-size:1.125rem}@media (max-width: 1024px){.hero-headline{font-size:2.75rem}.question-cards,.benefit-cards{grid-template-columns:repeat(2,1fr)}.browser-content{grid-template-columns:1fr}.bonus-items{flex-direction:column;align-items:center;gap:var(--spacing-md)}}@media (max-width: 768px){.intro-header{padding:var(--spacing-sm) var(--spacing-md)}.intro-header-logo{height:28px}.intro-header-cta{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.hero-section{padding:40px var(--spacing-md) 60px;text-align:center}.hero-headline{font-size:2rem}.hero-description{font-size:1rem;margin-left:auto;margin-right:auto}.hero-cta-row{flex-direction:column;align-items:center;gap:var(--spacing-md)}.hero-cta{width:100%;justify-content:center}.questions-section{padding:40px var(--spacing-md) 60px}.questions-intro{font-size:1rem}.question-cards{grid-template-columns:1fr}.questions-tagline{font-size:1rem}.benefits-section{padding:60px var(--spacing-md)}.benefits-heading{font-size:1.75rem}.benefit-cards{grid-template-columns:1fr}.bonus-items{text-align:left;align-items:flex-start}.preview-section{padding:60px var(--spacing-md)}.preview-heading{font-size:1.75rem}.browser-content{padding:var(--spacing-md)}.score-gauge{width:120px;height:120px}.score-number{font-size:2.25rem}.breakdown-list li span:first-of-type{font-size:.8125rem}.privacy-section{padding:60px var(--spacing-md)}.privacy-header{flex-direction:column;align-items:flex-start}.privacy-heading{font-size:1.5rem}.final-cta-section{padding:60px var(--spacing-md)}.final-cta-heading{font-size:1.75rem}.final-cta-button{width:100%;justify-content:center}}@media (max-width: 480px){.hero-headline{font-size:1.75rem}.benefits-heading,.preview-heading,.final-cta-heading{font-size:1.5rem}.browser-content{padding:var(--spacing-sm);gap:var(--spacing-md)}.score-gauge{width:100px;height:100px}.score-number{font-size:1.75rem}.score-max{font-size:.75rem}.breakdown-heading{font-size:.6875rem}}@keyframes fillStroke{0%{stroke-dashoffset:339.29}to{stroke-dashoffset:63.62}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.gauge-progress{stroke-dashoffset:339.29}.score-gauge.visible .gauge-progress{animation:fillStroke 1.5s ease-out forwards}.breakdown-list li{opacity:0;transform:translate(-30px)}.breakdown-list.visible li{animation:slideInLeft .4s ease-out forwards}.breakdown-list.visible li:nth-child(1){animation-delay:.1s}.breakdown-list.visible li:nth-child(2){animation-delay:.2s}.breakdown-list.visible li:nth-child(3){animation-delay:.3s}.breakdown-list.visible li:nth-child(4){animation-delay:.4s}.breakdown-list.visible li:nth-child(5){animation-delay:.5s}.breakdown-list.visible li:nth-child(6){animation-delay:.6s}.breakdown-list.visible li:nth-child(7){animation-delay:.7s}@media (prefers-reduced-motion: reduce){.animate-section,.gauge-progress,.breakdown-list li{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:63.62!important}}.video-screen{flex:1;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-white)}.video-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 100px}.video-header-logo{height:80px;width:auto}.skip-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-weight:500;color:var(--color-gray);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.skip-button:hover{color:var(--color-text);border-color:var(--color-text);background-color:var(--color-white)}.skip-button .arrow{font-size:1rem}.video-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--spacing-xl);text-align:center;max-width:1000px;margin:0 auto;width:100%}.video-headline{font-size:2.25rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.video-headline em{color:var(--color-green);font-style:italic}.video-subtitle{font-size:1.125rem;font-weight:500;color:#64748b;margin-bottom:var(--spacing-xl)}.video-container{width:100%;max-width:800px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #0000001a;background-color:var(--color-navy)}.video-player{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:contain;background-color:var(--color-navy)}.playback-controls{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.playback-label{font-size:.875rem;color:#64748b}.speed-buttons{display:flex;gap:var(--spacing-xs)}.speed-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--color-gray);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:48px}.speed-button:hover{border-color:var(--color-green);color:var(--color-green)}.speed-button.active{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.continue-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:600;color:var(--color-white);background-color:var(--color-green);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.continue-button:hover{background-color:#1f7516;transform:translateY(-2px);box-shadow:0 4px 12px #258b1c4d}.continue-button .arrow{font-size:1.25rem}@media (max-width: 768px){.video-header{padding:var(--spacing-sm) var(--spacing-md)}.video-header-logo{height:40px}.video-section{padding:40px var(--spacing-md)}.video-headline{font-size:1.5rem}.video-subtitle{font-size:1rem}.video-container{border-radius:var(--radius-md)}.playback-controls{flex-direction:column;gap:var(--spacing-xs)}.continue-button{width:100%;justify-content:center}}.text-input{margin-bottom:var(--spacing-md)}.text-input-label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text)}.text-input-label .required{color:#e53935;margin-left:4px}.text-input-field{width:100%;padding:var(--spacing-md);font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-white);transition:all var(--transition-fast)}.text-input-field::placeholder{color:var(--color-gray)}.text-input-field:hover{border-color:var(--color-primary)}.text-input-field:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #258b1c1a}.text-input-field.multiline{resize:vertical;min-height:120px}@media (max-width: 768px){.text-input-label{font-size:1.1rem}.text-input-field{padding:var(--spacing-sm)}}.radio-group{margin-bottom:var(--spacing-md)}.radio-group-label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.radio-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-option{display:flex;align-items:center;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white)}.radio-option:hover{border-color:var(--color-primary);background-color:var(--color-light-bg)}.radio-option.selected{border-color:var(--color-green);background-color:var(--color-light-green)}.radio-option input{position:absolute;opacity:0;width:0;height:0}.radio-indicator{width:24px;height:24px;border:2px solid var(--color-border);border-radius:50%;margin-right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.radio-option.selected .radio-indicator{border-color:var(--color-green)}.radio-option.selected .radio-indicator:after{content:"";width:12px;height:12px;background-color:var(--color-green);border-radius:50%}.radio-label{font-size:1rem;color:var(--color-text)}@media (max-width: 768px){.radio-group-label{font-size:1.1rem}.radio-option{padding:var(--spacing-sm)}}.checkbox-group{margin-bottom:var(--spacing-md)}.checkbox-group-label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.checkbox-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-option{display:flex;align-items:center;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white)}.checkbox-option:hover{border-color:var(--color-primary);background-color:var(--color-light-bg)}.checkbox-option.selected{border-color:var(--color-green);background-color:var(--color-light-green)}.checkbox-option input{position:absolute;opacity:0;width:0;height:0}.checkbox-indicator{width:24px;height:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);margin-right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.checkbox-option.selected .checkbox-indicator{border-color:var(--color-green);background-color:var(--color-green)}.checkbox-option.selected .checkbox-indicator:after{content:"";width:6px;height:12px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:3px}.checkbox-label{font-size:1rem;color:var(--color-text)}@media (max-width: 768px){.checkbox-group-label{font-size:1.1rem}.checkbox-option{padding:var(--spacing-sm)}}.dropdown{position:relative;margin-bottom:var(--spacing-md)}.dropdown-label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text)}.dropdown-select{width:100%;padding:var(--spacing-md);padding-right:var(--spacing-xl);font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray)}.dropdown-select.has-value{color:var(--color-text)}.dropdown-select:hover{border-color:var(--color-primary)}.dropdown-select:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #258b1c1a}.dropdown-arrow{position:absolute;right:var(--spacing-md);bottom:calc(var(--spacing-md) + 4px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-gray);pointer-events:none}.dropdown-select:focus+.dropdown-arrow{border-top-color:var(--color-green)}@media (max-width: 768px){.dropdown-label{font-size:1.1rem}.dropdown-select{padding:var(--spacing-sm);padding-right:var(--spacing-lg)}.dropdown-arrow{bottom:calc(var(--spacing-sm) + 8px)}}.rating-scale{margin-bottom:var(--spacing-md)}.rating-scale-label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.rating-scale-container{display:flex;align-items:center;gap:var(--spacing-md)}.rating-scale-end-label{font-size:.875rem;color:var(--color-gray);min-width:80px}.rating-scale-end-label.low{text-align:right}.rating-scale-end-label.high{text-align:left}.rating-options{display:flex;gap:var(--spacing-sm)}.rating-button{width:48px;height:48px;border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);font-size:1.125rem;font-weight:500;color:var(--color-text);transition:all var(--transition-fast)}.rating-button:hover{border-color:var(--color-primary);background-color:var(--color-light-bg)}.rating-button.selected{border-color:var(--color-green);background-color:var(--color-green);color:var(--color-white)}@media (max-width: 768px){.rating-scale-label{font-size:1.1rem}.rating-scale-container{flex-direction:column;gap:var(--spacing-sm)}.rating-scale-end-label{min-width:auto;text-align:center!important}.rating-button{width:40px;height:40px;font-size:1rem}}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown-label{display:block;font-size:1.25rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.searchable-dropdown-input-wrapper{position:relative;display:flex;align-items:center}.searchable-dropdown-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:calc(var(--spacing-xl) + var(--spacing-md));font-size:1rem;font-family:inherit;color:var(--color-text);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.searchable-dropdown-input:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #258b1c1a}.searchable-dropdown-input::placeholder{color:var(--color-gray)}.searchable-dropdown-input-wrapper.open .searchable-dropdown-input{border-color:var(--color-green);border-bottom-left-radius:0;border-bottom-right-radius:0}.searchable-dropdown-clear{position:absolute;right:calc(var(--spacing-md) + 20px);background:none;border:none;font-size:1.25rem;color:var(--color-gray);cursor:pointer;padding:0 var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.searchable-dropdown-clear:hover{color:var(--color-text)}.searchable-dropdown-arrow{position:absolute;right:var(--spacing-md);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-gray);pointer-events:none;transition:transform var(--transition-fast)}.searchable-dropdown-arrow.open{transform:rotate(180deg)}.searchable-dropdown-list{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background-color:var(--color-white);border:2px solid var(--color-green);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);list-style:none;padding:0;margin:0;z-index:100;box-shadow:0 4px 12px #0000001a}.searchable-dropdown-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.searchable-dropdown-item:hover,.searchable-dropdown-item.highlighted{background-color:var(--color-light-bg)}.searchable-dropdown-item.selected{background-color:var(--color-light-green);color:var(--color-green);font-weight:500}.searchable-dropdown-item.no-results{color:var(--color-gray);font-style:italic;cursor:default}.searchable-dropdown-item.no-results:hover{background-color:transparent}@media (max-width: 768px){.searchable-dropdown-list{max-height:200px}}.screen-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg);overflow-y:auto;max-width:800px;margin:0 auto;width:100%}.screen-header{text-align:center;margin-bottom:var(--spacing-xl)}.screen-header h2{font-size:2rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.screen-subtitle{font-size:1rem;font-weight:500;color:#64748b;line-height:1.6}.questions-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.question-group{margin-bottom:var(--spacing-md)}.question-label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.single-question{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex:1;padding:var(--spacing-xl)}.single-question h2{color:var(--color-navy);margin-bottom:var(--spacing-lg);max-width:600px}.single-question .input-wrapper{width:100%;max-width:500px}@media (max-width: 768px){.screen-content{padding:var(--spacing-md)}.screen-header h2{font-size:1.5rem}.side-by-side{grid-template-columns:1fr}.single-question{padding:var(--spacing-md)}}.subcategory-input{margin-top:var(--spacing-md);margin-left:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-light-bg);border-radius:var(--radius-lg);border-left:3px solid var(--color-navy);animation:slideDown .2s ease-out}.subcategory-input .dropdown-label{font-size:.95rem;color:var(--color-navy);font-weight:500}@media (max-width: 768px){.other-input,.subcategory-input{margin-left:0}}.tool-search{position:relative;margin-top:var(--spacing-sm)}.tool-search__input-wrapper{position:relative;display:flex;align-items:center}.tool-search__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:36px;font-size:.9375rem;font-family:inherit;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.tool-search__input:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #22c55e1a}.tool-search__input::placeholder{color:var(--color-gray)}.tool-search__spinner{position:absolute;right:12px;width:16px;height:16px;border:2px solid var(--color-light-bg);border-top-color:var(--color-green);border-radius:50%;animation:spin .6s linear infinite}.tool-search__error{margin-top:var(--spacing-xs);font-size:.8125rem;color:var(--color-red, #dc2626)}.tool-search__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:4px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;max-height:240px;overflow-y:auto}.tool-search__result{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-family:inherit;color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.tool-search__result:hover{background:var(--color-light-bg)}.tool-search__result:not(:last-child){border-bottom:1px solid var(--color-light-bg)}.tool-search__result--custom{color:var(--color-green);font-style:italic}.tool-search__result-name{flex:1}.tool-search__result-add{flex-shrink:0;margin-left:var(--spacing-sm);font-size:.8125rem;font-weight:500;color:var(--color-green);opacity:0;transition:opacity .15s ease}.tool-search__result:hover .tool-search__result-add{opacity:1}.ai-section-label{display:block;font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.ai-categories-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-category-item{border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:visible;transition:all var(--transition-fast)}.ai-category-item:has(.category-checkbox.selected){border-color:var(--color-green);background-color:var(--color-light-green)}.category-checkbox{display:flex;align-items:center;padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ai-category-item:not(:has(.category-tools)) .category-checkbox{border-radius:var(--radius-lg)}.category-checkbox:hover{background-color:var(--color-light-bg)}.category-checkbox.selected{background-color:var(--color-light-green)}.category-checkbox input{position:absolute;opacity:0;width:0;height:0}.category-checkbox .checkbox-indicator{width:24px;height:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);margin-right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);background-color:var(--color-white)}.category-checkbox.selected .checkbox-indicator{border-color:var(--color-green);background-color:var(--color-green)}.category-checkbox.selected .checkbox-indicator:after{content:"";width:6px;height:12px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:3px}.category-label{font-size:1rem;font-weight:500;color:var(--color-text)}.category-tools{padding:var(--spacing-md);background-color:var(--color-white);border-top:1px solid var(--color-light-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:slideDown .2s ease-out;overflow:visible;position:relative}.category-tools .checkbox-group-label{font-size:.9rem;color:var(--color-gray);margin-bottom:var(--spacing-sm)}.category-tools .checkbox-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.category-tools .checkbox-option{padding:var(--spacing-sm);border-width:1px}.category-tools .checkbox-option .checkbox-indicator{width:20px;height:20px}.category-tools .checkbox-label{font-size:.9rem}.tools-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-gray);font-size:.9rem}.tools-loading .spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-green);border-radius:50%;margin-right:var(--spacing-sm);animation:spin .8s linear infinite}.search-label{display:block;font-size:.9rem;color:var(--color-gray);margin-bottom:var(--spacing-sm)}.other-tools-input{margin-top:var(--spacing-md);padding-top:var(--spacing-md);padding-bottom:var(--spacing-lg);border-top:1px dashed var(--color-border);position:relative;z-index:10}.other-tools-input .text-input-label{font-size:.9rem;color:var(--color-gray)}.other-tools-input .text-input-field{font-size:.9rem;padding:var(--spacing-sm)}.none-option{border:2px solid var(--color-border);border-radius:var(--radius-lg)}.none-option.selected{border-color:var(--color-gray);background-color:var(--color-light-bg)}.none-option.selected .checkbox-indicator{border-color:var(--color-gray);background-color:var(--color-gray)}.top-tools-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-light-bg)}.top-tools-section .checkbox-group-label{font-size:1.25rem;font-weight:500;color:var(--color-text)}.top-tools-section .checkbox-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.top-tools-section .checkbox-option{flex:0 0 auto;padding:var(--spacing-xs) var(--spacing-sm);border-width:1px}.top-tools-section .checkbox-label{font-size:.9rem}.selection-hint{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-green);font-weight:500}.custom-category-input{margin-bottom:var(--spacing-md)}.custom-category-input .text-input-label{font-size:.9rem;color:var(--color-gray)}.custom-category-input .text-input-field{font-size:.9rem}.custom-category-tools{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.custom-tool-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-light-green);border:1px solid var(--color-green);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text)}.custom-tool-chip button{background:none;border:none;color:var(--color-green);cursor:pointer;font-size:1.125rem;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.custom-tool-chip button:hover{color:var(--color-navy)}@media (max-width: 768px){.category-tools .checkbox-options{grid-template-columns:1fr}.ai-section-label{font-size:1.1rem}}.question-with-other{margin-bottom:var(--spacing-md)}.other-input{margin-top:var(--spacing-sm);margin-left:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-light-bg);border-radius:var(--radius-lg);border-left:3px solid var(--color-green);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.other-input .text-input-label{font-size:.9rem;color:var(--color-text)}.other-input .text-input-field{background-color:var(--color-white)}@media (max-width: 768px){.other-input{margin-left:0}}.optin-screen{flex:1;display:flex;flex-direction:column;background-color:var(--color-white)}.optin-section{padding:60px var(--spacing-xl) 80px;max-width:900px;margin:0 auto;width:100%}.optin-header{text-align:center;margin-bottom:var(--spacing-xl)}.optin-title{font-size:2rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.optin-subtitle{font-size:1rem;font-weight:500;color:#64748b;line-height:1.6;margin-bottom:var(--spacing-sm)}.optin-subtitle:last-of-type{margin-bottom:0}.optin-subtitle strong{color:var(--color-navy)}.optin-form{margin-bottom:var(--spacing-xl)}.form-row{margin-bottom:var(--spacing-md)}.error-message{margin-top:var(--spacing-xs);font-size:.875rem;color:#e53935}.bonus-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #00000014}.bonus-title{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.bonus-intro{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-sm)}.bonus-intro strong{color:var(--color-navy)}.bonus-list{list-style:none;padding:0;margin-bottom:var(--spacing-md)}.bonus-list li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xs);font-size:1rem;color:var(--color-text);line-height:1.6}.bonus-list li:before{content:"•";position:absolute;left:var(--spacing-xs);color:var(--color-green);font-weight:700}.bonus-disclaimer{font-size:.9375rem;font-style:italic;color:#64748b;margin-bottom:var(--spacing-lg)}.bonus-note{margin-top:var(--spacing-lg);font-size:.9375rem;color:#64748b;line-height:1.6}.bonus-note strong{color:var(--color-text)}@media (max-width: 768px){.optin-section{padding:40px var(--spacing-md) 60px}.optin-title{font-size:1.5rem}.bonus-card{padding:var(--spacing-md)}}.success-screen{flex:1;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-white)}.success-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 100px;background-color:#fafafaf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid rgba(0,0,0,.05)}.success-header-logo{height:80px;width:auto}.success-header-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-weight:600;color:var(--color-white);background-color:var(--color-green);border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.success-header-cta:hover{background-color:#1f7516;transform:translateY(-2px);box-shadow:0 4px 12px #258b1c4d}.success-header-cta .arrow{font-size:1rem}.success-hero{padding:80px var(--spacing-xl);text-align:center;background-color:var(--color-white)}.success-hero-inner{max-width:900px;margin:0 auto}.success-icon{width:80px;height:80px;background-color:var(--color-green);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto var(--spacing-lg)}.success-hero h1{font-size:2.5rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md)}.success-message{font-size:1.125rem;font-weight:500;color:#64748b;margin-bottom:var(--spacing-xl)}.dashboard-link-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #00000014;max-width:600px;margin:0 auto}.bookmark-hint{font-size:.9375rem;color:#64748b;margin-bottom:var(--spacing-sm)}.dashboard-url{display:block;padding:var(--spacing-sm) var(--spacing-md);background-color:#f6f6f8;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-navy);word-break:break-all;-webkit-user-select:all;user-select:all;text-decoration:none;transition:background-color var(--transition-fast)}.dashboard-url:hover{background-color:#f0f0f3}.success-next-steps{padding:80px var(--spacing-xl);background-color:#f6f6f8}.success-inner{max-width:900px;margin:0 auto}.success-next-steps h2{font-size:2rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-lg);text-align:center}.next-steps-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #00000014}.next-steps-card ol{padding-left:var(--spacing-lg);margin:0}.next-steps-card li{margin-bottom:var(--spacing-lg);line-height:1.7;color:var(--color-text)}.next-steps-card li:last-child{margin-bottom:0}.success-calendly{padding:80px var(--spacing-xl);background-color:var(--color-white)}.success-calendly h2{font-size:2rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-md);text-align:center}.calendly-intro{font-size:1.125rem;color:#64748b;line-height:1.6;margin-bottom:var(--spacing-xl);text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.calendly-inline-widget{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #00000014}.success-share{padding:80px var(--spacing-xl);background-color:#f7f7f9}.share-prompt{font-size:1.25rem;font-weight:500;color:var(--color-navy);margin-bottom:var(--spacing-xl);text-align:center}.share-actions{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.dashboard-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:600;color:var(--color-white);background-color:var(--color-green);border:none;border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.dashboard-button:hover{background-color:#1f7516;transform:translateY(-2px);box-shadow:0 4px 12px #258b1c4d}.dashboard-button .arrow{font-size:1.25rem}.share-button-wrapper{position:relative;display:inline-block}.share-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;font-weight:600;color:var(--color-white);background-color:var(--color-navy);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.share-button:hover{background-color:#1a2570;transform:translateY(-2px);box-shadow:0 4px 12px #1e29624d}.share-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:220px;background:var(--color-white);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;padding:var(--spacing-xs);z-index:100}.share-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;color:var(--color-text);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.share-option:hover{background-color:#f6f6f8}.share-icon{width:24px;text-align:center;font-size:1.125rem}.success-footer{padding:var(--spacing-lg) var(--spacing-xl);text-align:center;background-color:var(--color-white);border-top:1px solid rgba(0,0,0,.05)}.success-footer p{font-size:.875rem;color:#64748b;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-section{opacity:0;transform:translateY(40px)}.animate-section.visible{animation:slideInUp .6s ease-out forwards}@media (prefers-reduced-motion: reduce){.animate-section{animation:none!important;opacity:1!important;transform:none!important}}@media (max-width: 768px){.success-header{padding:var(--spacing-sm) var(--spacing-md)}.success-header-logo{height:40px}.success-hero,.success-next-steps,.success-calendly,.success-share{padding:40px var(--spacing-md)}.success-hero h1{font-size:1.75rem}.success-next-steps h2,.success-calendly h2{font-size:1.5rem}.success-message{font-size:1rem}.dashboard-link-card,.next-steps-card{padding:var(--spacing-md)}.share-actions{flex-direction:column;align-items:center}.dashboard-button,.share-button{width:100%;justify-content:center}.calendly-inline-widget{height:600px!important}}.questionnaire{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-white)}.questionnaire-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 100px;background-color:var(--color-white);border-bottom:1px solid var(--color-light-bg)}.header-logo{height:80px;width:auto}.header-progress{font-size:.9375rem;font-weight:500;color:#64748b}.questionnaire-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.questionnaire-content.fullscreen-active{overflow-y:visible}@media (max-width: 768px){.questionnaire-header{padding:var(--spacing-sm) var(--spacing-md)}.header-logo{height:40px}.header-progress{font-size:.875rem}}.dashboard-header{background-color:var(--color-white);border-bottom:1px solid var(--color-light-bg);padding:var(--spacing-md) var(--spacing-lg)}.dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.dashboard-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-logo{height:40px;width:auto}.dashboard-title-group{display:flex;flex-direction:column}.dashboard-title{font-size:1.5rem;font-weight:600;color:var(--color-navy);margin:0}.dashboard-subtitle{font-size:.875rem;color:var(--color-gray);margin:0}.dashboard-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-badge{display:flex;gap:var(--spacing-sm)}.user-industry,.user-location{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:500}.user-industry{background-color:var(--color-light-green);color:var(--color-green)}.user-location{background-color:var(--color-light-bg);color:var(--color-navy)}@media (max-width: 768px){.dashboard-header-content,.dashboard-header-left{flex-direction:column;align-items:flex-start}.dashboard-title{font-size:1.25rem}.user-badge{margin-top:var(--spacing-sm)}}.download-report-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#141c5b;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.download-report-btn:hover:not(:disabled){background-color:#0f1442;transform:translateY(-1px);box-shadow:0 4px 12px #141c5b33}.download-report-btn:active:not(:disabled){transform:translateY(0)}.download-report-btn:disabled{opacity:.6;cursor:not-allowed}.download-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.download-error{position:absolute;top:100%;right:0;margin-top:8px;padding:12px 16px;background-color:#fee;color:#c33;border:1px solid #fcc;border-radius:6px;font-size:13px;box-shadow:0 2px 8px #0000001a;z-index:1000}@media (max-width: 768px){.download-report-btn{padding:8px 16px;font-size:13px}.download-report-btn svg{width:16px;height:16px}}@media (max-width: 640px){.download-report-btn span:not(.download-spinner){display:none}.download-report-btn{padding:10px;width:40px;justify-content:center}}.filter-bar{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #0000000a;position:sticky;top:var(--spacing-md);z-index:10}.filter-bar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.filter-label{font-size:.875rem;font-weight:500;color:var(--color-navy);white-space:nowrap}.filter-bar__cohort{font-size:.8125rem;color:var(--color-text-muted)}.filter-bar__cohort strong{color:var(--color-green);font-weight:700}.filter-bar__status{display:flex;align-items:center}.filter-bar__loading{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-navy);font-weight:500}.filter-bar__spinner{width:14px;height:14px;border:2px solid var(--color-light-bg);border-top-color:var(--color-navy);border-radius:50%;animation:filter-spin .8s linear infinite}@keyframes filter-spin{to{transform:rotate(360deg)}}.filter-controls{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;flex:1}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);padding-right:var(--spacing-lg);font-size:.875rem;font-family:inherit;color:var(--color-text);background-color:var(--color-light-bg);border:1px solid var(--color-light-bg);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b9bccd' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:140px;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.filter-select:hover{border-color:var(--color-gray)}.filter-select:focus{outline:none;border-color:var(--color-green)}.filter-bar__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-sm);border-top:1px solid var(--color-light-bg)}.filter-bar__btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;font-weight:600;font-family:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.filter-bar__btn--clear{background:transparent;border:1px solid var(--color-gray);color:var(--color-text-muted)}.filter-bar__btn--clear:hover{background:var(--color-light-bg);color:var(--color-text)}.filter-bar__btn--reset{background:var(--color-navy);border:1px solid var(--color-navy);color:#fff}.filter-bar__btn--reset:hover{background:#0d1340}@media (max-width: 768px){.filter-bar{position:static}.filter-bar__header{flex-direction:column;align-items:flex-start}.filter-controls{width:100%}.filter-select{flex:1;min-width:auto}.filter-bar__actions{flex-wrap:wrap;justify-content:center}.filter-bar__btn{flex:1}}.chart-selector{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.chart-selector__label{font-size:.875rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.chart-selector__select{padding:var(--spacing-xs) var(--spacing-md);padding-right:var(--spacing-xl);font-size:.9375rem;font-weight:600;font-family:inherit;color:var(--color-navy);background-color:var(--color-white);border:2px solid var(--color-navy);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23141c5b' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:200px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chart-selector__select:hover{border-color:var(--color-green)}.chart-selector__select:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #258b1c26}.collapsible-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.06);overflow:hidden}.collapsible-section__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.collapsible-section__trigger:hover{background:var(--color-light-bg)}.collapsible-section__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.collapsible-section__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.125rem;font-weight:600;color:var(--color-navy)}.collapsible-section__badge{font-size:.75rem;font-weight:500;padding:4px 10px;background:var(--color-light-bg);color:var(--color-text-muted);border-radius:var(--radius-sm)}.collapsible-section__chevron{width:24px;height:24px;color:var(--color-text-muted);transition:transform var(--transition-normal);flex-shrink:0}.collapsible-section__chevron.is-open{transform:rotate(180deg)}.collapsible-section__content{padding:0 var(--spacing-lg) var(--spacing-lg);opacity:0;max-height:0;overflow:hidden;transition:opacity var(--transition-normal),max-height var(--transition-normal),padding var(--transition-normal)}.collapsible-section__content.is-open{opacity:1;max-height:none;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}@media (max-width: 768px){.collapsible-section__trigger{padding:var(--spacing-sm) var(--spacing-md)}.collapsible-section__title{font-size:1rem}.collapsible-section__content{padding:0 var(--spacing-md) var(--spacing-md)}.collapsible-section__content.is-open{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}}.chart-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 20px #0000000f}.chart-card-title{font-size:1rem;font-weight:600;color:var(--color-navy);margin:0 0 var(--spacing-md) 0}.chart-card-content{width:100%;min-height:250px}@media (max-width: 768px){.chart-card{padding:var(--spacing-md)}.chart-card-content{min-height:200px}}.insight-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-md)}.insight-box__header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.insight-box__list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.insight-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid;background:var(--color-background)}.insight-item__icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1}.insight-item__text{font-size:.875rem;line-height:1.5;color:var(--color-text)}.insight-item--positive{border-color:var(--status-good, #22C55E);background:var(--status-good-bg, #F0FDF4)}.insight-item--positive .insight-item__icon{color:var(--status-good, #22C55E)}.insight-item--warning{border-color:var(--status-warn, #F59E0B);background:var(--status-warn-bg, #FFFBEB)}.insight-item--warning .insight-item__icon{color:var(--status-warn, #F59E0B)}.insight-item--info{border-color:var(--insight-border, #3B82F6);background:var(--insight-bg, #EFF6FF)}.insight-item--info .insight-item__icon{color:var(--insight-border, #3B82F6)}.insight-item--observation{border-color:#8b5cf6;background:#ede9fe}.insight-item--observation .insight-item__icon{color:#8b5cf6}.insight-box--loading{opacity:.7}.insight-item--skeleton{border-color:var(--color-border);background:var(--color-background)}.insight-item__icon-skeleton{width:20px;height:20px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.insight-item__text-skeleton{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line--long{width:100%}.skeleton-line--short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.insight-box{padding:var(--spacing-sm)}.insight-item{padding:var(--spacing-xs) var(--spacing-sm)}.insight-item__text{font-size:.8rem}}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.06)}.stat-card__title{font-size:.875rem;font-weight:600;color:var(--color-navy);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.03em}.spending-card__row{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.spending-card__item{display:flex;flex-direction:column;gap:2px}.spending-card__label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.spending-card__amount{font-size:1.25rem;font-weight:700;color:var(--color-navy)}.spending-card__amount--user{color:var(--color-green)}.spending-card__sublabel{font-size:.7rem;color:var(--color-gray);font-style:italic}.spending-card__difference{display:flex;align-items:baseline;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-light-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.spending-card__diff-amount{font-size:1rem;font-weight:700;color:var(--color-navy)}.spending-card--typical .spending-card__diff-amount{color:var(--status-good)}.spending-card--lean .spending-card__diff-amount,.spending-card--below .spending-card__diff-amount{color:var(--color-blue, #3b82f6)}.spending-card--review .spending-card__diff-amount{color:var(--status-caution)}.spending-card--overspending .spending-card__diff-amount{color:var(--status-risk)}.spending-card__diff-annual{font-size:.75rem;color:var(--color-gray)}.spending-card__status{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.spending-card__status--typical{background:var(--status-good-bg);color:var(--status-good)}.spending-card__status--lean,.spending-card__status--below{background:#3b82f61a;color:var(--color-blue, #3b82f6)}.spending-card__status--review{background:var(--status-caution-bg);color:var(--status-caution)}.spending-card__status--overspending{background:var(--status-risk-bg);color:var(--status-risk)}.spending-card__status-icon{font-size:.875rem}.spending-card__status-text{font-size:.75rem}.spending-card--unknown{border-left:3px solid var(--status-caution)}.spending-card__unknown{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 .75rem}.spending-card__unknown-icon{font-size:1.25rem}.spending-card__unknown-label{font-size:1.5rem;font-weight:700;color:var(--status-caution)}.spending-card__unknown-message{font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;margin:0 0 .75rem}.spending-card__peer-context{display:flex;align-items:baseline;gap:.5rem;padding:var(--spacing-sm);background:var(--color-light-bg);border-radius:var(--radius-md)}.spending-card__peer-context .spending-card__label{font-size:.75rem}.spending-card__peer-context .spending-card__amount{font-size:1rem}.spending-card__peer-context .spending-card__sublabel{font-size:.7rem}.clarity-score-card{cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:left;border:none;width:100%;font-family:inherit}.clarity-score-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.clarity-score-card:focus{outline:2px solid var(--color-navy);outline-offset:2px}.clarity-score-card__loading{font-size:.875rem;color:var(--color-text-muted);padding:var(--spacing-md) 0}.clarity-score-card__score{display:flex;align-items:baseline;gap:4px;margin-bottom:var(--spacing-xs)}.clarity-score-card__number{font-size:2.5rem;font-weight:800;line-height:1}.clarity-score-card__suffix{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.clarity-score-card__tier-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.clarity-score-card__bar{position:relative;height:8px;background:var(--color-light-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden}.clarity-score-card__bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.clarity-score-card__cta{font-size:.75rem;color:var(--color-text-muted);margin:0;text-decoration:underline;text-underline-offset:2px}.clarity-score-card:hover .clarity-score-card__cta{color:var(--color-navy)}.typical-range-card__range{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-md)}.typical-range-card__range-label{font-size:.75rem;color:var(--color-text-muted)}.typical-range-card__range-value{font-size:1.5rem;font-weight:700;color:var(--color-navy)}.typical-range-card__range-period{font-size:.75rem;color:var(--color-gray)}.typical-range-card__user{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-light-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.typical-range-card__user-label{font-size:.75rem;color:var(--color-text-muted)}.typical-range-card__user-value{font-size:.875rem;font-weight:600;color:var(--color-green)}.typical-range-card__status{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.typical-range-card__status--within{background:var(--status-good-bg);color:var(--status-good)}.typical-range-card__status--outside{background:var(--status-caution-bg);color:var(--status-caution)}.typical-range-card__status-icon{font-size:.875rem}.typical-range-card__status-text{font-size:.75rem}.typical-range-card--unknown{border-left:3px solid var(--status-caution)}.typical-range-card__unknown{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 .75rem}.typical-range-card__unknown-icon{font-size:1.25rem}.typical-range-card__unknown-label{font-size:1.5rem;font-weight:700;color:var(--status-caution)}.typical-range-card__unknown-message{font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;margin:0 0 .75rem}.typical-range-card__peer-context{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:var(--color-light-bg);border-radius:var(--radius-md)}.typical-range-card__range-value--muted{font-size:1.25rem;color:var(--color-navy)}.chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center;padding:1rem}.chart-empty-message{margin:0;font-size:1rem;font-weight:500}.chart-empty-subtext{font-size:.875rem;margin:.5rem 0 0;opacity:.8}.chart-tooltip{background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #ebf0f5}.tooltip-label{font-weight:600;color:#141c5b;margin:0 0 4px}.tooltip-value{color:#666;margin:0;font-size:.875rem}.tooltip-user{color:#258b1c;margin:4px 0 0;font-size:.75rem;font-weight:600}.pie-chart-container{width:100%}.pie-legend{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.pie-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem}.pie-legend-color{width:10px;height:10px;border-radius:2px}.pie-legend-text{color:#666}.pie-legend-text.highlight{color:#258b1c;font-weight:600}.you-badge{background:#e8f4e7;color:#258b1c;font-size:.625rem;padding:2px 6px;border-radius:4px;margin-left:4px;font-weight:500}.bar-chart-container{width:100%}.chart-legend{display:flex;justify-content:center;gap:16px;margin-top:8px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#666}.legend-color{width:12px;height:12px;border-radius:2px}.pie-chart-header{text-align:center;margin-bottom:16px}.pie-chart-title{font-size:1.125rem;font-weight:600;color:#141c5b;margin:0 0 4px}.pie-chart-subtitle{font-size:.875rem;color:#666;margin:0}.tool-adoption-chart-container{width:100%}.tooltip-tools{color:#999;margin:0;font-size:.75rem}.tool-adoption-legend{display:flex;justify-content:center;gap:24px;margin-top:8px;padding-top:8px;border-top:1px solid #ebf0f5}.tool-adoption-legend-item{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#666}.tool-adoption-legend-item--user{font-weight:600;color:#141c5b}.tool-adoption-legend-dot{width:12px;height:12px;border-radius:2px;background:#141c5b;opacity:.7}.tool-adoption-legend-dot--user{background:#258b1c;opacity:1}.top-tools-chart-container{width:100%}.category-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.category-tab{padding:8px 16px;border:1px solid #ebf0f5;border-radius:20px;background:#fff;font-size:.875rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.category-tab:hover{border-color:#141c5b;color:#141c5b}.category-tab.active{background:#141c5b;border-color:#141c5b;color:#fff}.trend-chart-container{width:100%}.trend-tooltip{background:#fff;padding:10px 14px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light-bg);max-width:220px}.trend-tooltip__title{font-weight:600;color:var(--color-navy);margin:0 0 6px;font-size:.875rem}.trend-tooltip__value{color:var(--color-text);margin:0 0 4px;font-size:.8125rem}.trend-tooltip__range{color:var(--color-text-muted);margin:0 0 4px;font-size:.75rem}.trend-tooltip__count{color:var(--color-gray);margin:0;font-size:.75rem;font-style:italic}.trend-chart-info{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#f0f4ff;border-radius:var(--radius-md);margin-top:.75rem;border-left:3px solid #5b7fc7}.trend-chart-info__icon{flex-shrink:0;width:18px;height:18px;background:#5b7fc7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;font-style:italic}.trend-chart-info__text{font-size:.8125rem;color:#3d5a8a;line-height:1.4}.clarity-modal__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.clarity-modal{background:#fff;border-radius:12px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.clarity-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.clarity-modal__close:hover{background-color:#e0e0e0}.clarity-modal__header{padding:1.5rem 1.5rem 0;text-align:center}.clarity-modal__title{font-size:1.25rem;font-weight:600;color:#141c5b;margin:0}.clarity-modal__content{padding:1.5rem}.clarity-modal__score-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.clarity-modal__score-circle{width:120px;height:120px;border-radius:50%;border:6px solid var(--tier-color, #141c5b);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;margin-bottom:1rem}.clarity-modal__score-value{font-size:2.5rem;font-weight:700;color:var(--tier-color, #141c5b);line-height:1}.clarity-modal__score-max{font-size:.875rem;color:#666}.clarity-modal__tier-badge{padding:.375rem 1rem;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.clarity-modal__tier-description{font-size:.875rem;color:#666;text-align:center;margin:0;max-width:320px}.clarity-modal__message{background:#f8f9fc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.clarity-modal__message-headline{font-size:1rem;font-weight:600;color:#141c5b;margin:0 0 .5rem}.clarity-modal__message-body{font-size:.875rem;color:#555;margin:0;line-height:1.5}.clarity-modal__breakdown{margin-bottom:1rem}.clarity-modal__breakdown-title{font-size:.875rem;font-weight:600;color:#141c5b;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.clarity-modal__breakdown-list{list-style:none;padding:0;margin:0}.clarity-modal__breakdown-item{padding:.75rem;border-radius:6px;margin-bottom:.5rem;background:#f8f9fc}.clarity-modal__breakdown-item--complete{border-left:3px solid #258b1c}.clarity-modal__breakdown-item--partial{border-left:3px solid #f5a623}.clarity-modal__breakdown-item--missing{border-left:3px solid #d32f2f}.clarity-modal__breakdown-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.clarity-modal__status-icon{font-size:.875rem;font-weight:600;width:18px;text-align:center}.clarity-modal__status-icon--complete{color:#258b1c}.clarity-modal__status-icon--partial{color:#f5a623}.clarity-modal__status-icon--missing{color:#d32f2f}.clarity-modal__breakdown-label{flex:1;font-size:.875rem;font-weight:500;color:#333}.clarity-modal__breakdown-points{font-size:.75rem;font-weight:600;color:#666;background:#fff;padding:.125rem .5rem;border-radius:4px}.clarity-modal__breakdown-detail{font-size:.75rem;color:#666;margin:0;padding-left:1.625rem}.clarity-modal__breakdown-note{font-size:.75rem;color:#888;margin:.75rem 0 0;font-style:italic;text-align:center}.clarity-modal__footer{padding:0 1.5rem 1.5rem}.clarity-modal__cta{width:100%;padding:.875rem 1.5rem;background:#141c5b;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.clarity-modal__cta:hover{background:#1e2a7a}@media (max-width: 480px){.clarity-modal__backdrop{padding:0;align-items:flex-end}.clarity-modal{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0}.clarity-modal__score-circle{width:100px;height:100px}.clarity-modal__score-value{font-size:2rem}}.tutorial-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.tutorial-prompt-modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:100%;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-prompt-emoji{font-size:3rem;margin-bottom:1rem}.tutorial-prompt-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.tutorial-prompt-description{font-size:1rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.tutorial-prompt-actions{display:flex;gap:1rem;justify-content:center}.tutorial-prompt-skip{padding:.75rem 1.5rem;background:transparent;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.tutorial-prompt-skip:hover{background:#f8fafc;border-color:#cbd5e1}.tutorial-prompt-start{padding:.75rem 1.5rem;background:#1e3a8a;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.tutorial-prompt-start:hover{background:#1e40af}.tutorial-tooltip{position:absolute;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 10px 40px #0003;pointer-events:auto;z-index:1600;animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip-header{margin-bottom:.75rem}.tutorial-tooltip-step{font-size:.75rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.tutorial-tooltip-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:.25rem 0 0}.tutorial-tooltip-description{font-size:.9375rem;color:#475569;line-height:1.6;margin:0 0 1.25rem}.tutorial-tooltip-actions{display:flex;justify-content:space-between;gap:.75rem}.tutorial-tooltip-btn{padding:.625rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.tutorial-tooltip-back{background:transparent;border:1px solid #e2e8f0;color:#64748b}.tutorial-tooltip-back:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.tutorial-tooltip-back:disabled{opacity:.4;cursor:not-allowed}.tutorial-tooltip-next{background:#1e3a8a;border:none;color:#fff;flex:1}.tutorial-tooltip-next:hover{background:#1e40af}.tutorial-progress{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;padding:.75rem 1rem;background:#fffffff2;border-radius:20px;box-shadow:0 4px 12px #00000026;pointer-events:auto;z-index:1600}.tutorial-progress-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:all .3s}.tutorial-progress-dot.active{background:#3b82f6;transform:scale(1.2)}.tutorial-progress-dot.completed{background:#22c55e}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1500;pointer-events:none}.tutorial-overlay-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.tutorial-overlay-svg rect{transition:all .4s cubic-bezier(.4,0,.2,1)}.tutorial-spotlight-border{position:absolute;border:3px solid #3b82f6;border-radius:12px;box-shadow:0 0 0 4px #3b82f64d,0 0 20px #3b82f666;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 0 4px #3b82f64d,0 0 20px #3b82f666}50%{box-shadow:0 0 0 6px #3b82f633,0 0 30px #3b82f680}}.tutorial-exit-btn{position:fixed;top:1rem;right:1rem;padding:.5rem 1rem;background:#fffffff2;border:none;border-radius:6px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;pointer-events:auto;transition:all .2s;z-index:1600}.tutorial-exit-btn:hover{background:#fff;color:#1e293b}.tutorial-complete-toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:2000;animation:toastSlideIn .4s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.tutorial-complete-emoji{font-size:1.5rem}.tutorial-complete-content{display:flex;flex-direction:column}.tutorial-complete-content strong{font-size:.9375rem;color:#1e293b}.tutorial-complete-content span{font-size:.875rem;color:#64748b}.tutorial-help-button{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:#1e3a8a;border:none;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1e3a8a4d;transition:all .2s;z-index:1000}.tutorial-help-button:hover{background:#1e40af;transform:scale(1.05)}.dashboard{min-height:100vh;background-color:var(--color-light-bg)}.dashboard-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.dashboard-main{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg);align-items:start;margin-bottom:var(--spacing-xl)}.chart-area{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.06);height:100%}.chart-area__chart{position:relative;margin-bottom:var(--spacing-md)}.chart-area__loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffbf;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-lg)}.loading-ellipsis{font-size:.875rem;font-weight:500;color:var(--color-navy)}.loading-ellipsis:after{content:"";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.chart-area__legend{display:flex;justify-content:center;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-bg)}.chart-legend__item{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-text-muted)}.chart-legend__dot{width:12px;height:12px;border-radius:50%}.chart-legend__dot--user{background:var(--color-green)}.chart-legend__line{width:24px;height:3px;background:var(--color-navy);border-radius:2px}.chart-legend__band{width:24px;height:12px;background:var(--color-navy);opacity:.15;border-radius:2px}.sidebar-stats{display:flex;flex-direction:column;gap:var(--spacing-md);position:sticky;top:100px}.warning-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--status-caution-bg);border:1px solid var(--status-caution);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.warning-banner__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--status-caution);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.warning-banner__text{flex:1;font-size:.875rem;color:var(--color-text)}.warning-banner__action{background:var(--color-white);border:1px solid var(--status-caution);color:var(--status-caution);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.warning-banner__action:hover{background:var(--status-caution);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000f;margin-bottom:var(--spacing-xl)}.empty-state__icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state__title{font-size:1.5rem;font-weight:700;color:var(--color-navy);margin:0 0 var(--spacing-sm) 0}.empty-state__text{font-size:1rem;color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.empty-state__action{background:var(--color-green);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.empty-state__action:hover{background:#1e7316;transform:translateY(-1px)}.dashboard-context,.dashboard-insights-section{margin-bottom:var(--spacing-xl)}.top-tools-chart-card{margin-top:var(--spacing-lg)}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.chart-half{grid-column:span 1}.chart-full{grid-column:span 2}.dashboard-footer{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-gray);font-size:.875rem}.dashboard-footer p{margin-bottom:var(--spacing-xs)}.dashboard-footer-link a{color:var(--color-green);text-decoration:none}.dashboard-footer-link a:hover{text-decoration:underline}.dashboard-footer-id{font-size:.75rem;opacity:.7;margin-top:var(--spacing-sm)}.no-results{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-muted);background:var(--color-light-bg);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.no-results p{margin:0;font-size:1rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-text-secondary)}.dashboard-loading__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-loading p{font-size:1rem;margin:0}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--spacing-2xl)}.dashboard-error__icon{font-size:3rem;margin-bottom:var(--spacing-md)}.dashboard-error h2{font-size:1.5rem;color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.dashboard-error p{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;max-width:400px}.dashboard-error__action{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:background-color .2s}.dashboard-error__action:hover{background:var(--color-primary-dark, #0f1647)}@media (max-width: 1200px){.dashboard-main{grid-template-columns:1fr}.sidebar-stats{position:static;flex-direction:row;flex-wrap:wrap}.sidebar-stats>*{flex:1;min-width:280px}.charts-row{grid-template-columns:1fr}.chart-half,.chart-full{grid-column:span 1}}@media (max-width: 768px){.dashboard-container{padding:var(--spacing-md)}.dashboard-main{gap:var(--spacing-md)}.sidebar-stats{flex-direction:column}.sidebar-stats>*{min-width:auto}.charts-row{grid-template-columns:1fr;gap:var(--spacing-md)}.warning-banner{flex-wrap:wrap}.warning-banner__action{width:100%;margin-top:var(--spacing-xs)}}.app{min-height:100vh;display:flex;flex-direction:column}:root{--color-black: #000000;--color-navy: #141c5b;--color-green: #258b1c;--color-light-bg: #ebf0f5;--color-gray: #b9bccd;--color-dark-gray: #6b7280;--color-light-green: #e8f4e7;--color-white: #ffffff;--color-primary: var(--color-navy);--color-accent: var(--color-green);--color-background: var(--color-white);--color-text: var(--color-black);--color-text-muted: var(--color-gray);--color-border: var(--color-gray);--user-highlight: #22c55e;--peer-benchmark: #1e3a8a;--national-avg: #94a3b8;--status-good: #22c55e;--status-good-bg: #dcfce7;--status-caution: #f59e0b;--status-caution-bg: #fef3c7;--status-risk: #ef4444;--status-risk-bg: #fee2e2;--insight-bg: #fef3c7;--insight-border: #f59e0b;--insight-text: #92400e;--focus-ring: 0 0 0 3px rgba(34, 197, 94, .4);--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);cursor:pointer}input,select,textarea{font-family:var(--font-family);font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.screen-enter{animation:fadeIn var(--transition-normal) forwards}.screen-exit{animation:fadeOut var(--transition-normal) forwards}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}