@import"https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#1a1a1a;line-height:1.6}html{scroll-behavior:smooth}.app{max-width:1200px;margin:0 auto;padding:2rem;font-family:var(--font-body)}header{text-align:center;margin-bottom:3rem;padding:2rem 0}header h1{font-size:var(--text-h1);font-weight:700;color:var(--brand-dark);margin-bottom:.75rem;font-family:var(--font-heading)}header p{font-size:var(--text-large);color:var(--brand-river-rock-blue);font-weight:500;opacity:.8}main{background:transparent;padding:0;border-radius:0;min-height:auto}.brand-footer{text-align:center;margin-top:4rem;padding:2rem;font-size:var(--text-small);color:var(--brand-dark);opacity:.7}.brand-footer a{color:var(--brand-sea-blue);text-decoration:none;font-weight:600}.brand-footer a:hover{color:var(--brand-orange);text-decoration:underline}@media (max-width: 768px){.app{padding:1rem}header{margin-bottom:2rem;padding:1rem 0}header h1{font-size:40px}header p{font-size:var(--text-medium)}.brand-footer{margin-top:3rem;padding:1.5rem}.input-form{padding-bottom:6rem}}@media (max-width: 480px){.app{padding:.75rem}header{margin-bottom:1.5rem}header h1{font-size:32px;line-height:1.1}header p{font-size:var(--text-regular)}}.input-form{background:transparent;padding:0;border-radius:0;box-shadow:none;border:none}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.form-header-content h2{font-size:var(--text-h3);margin:0 0 .25rem;color:var(--brand-dark);font-weight:700;font-family:var(--font-heading)}.form-description{margin:0;color:#666;font-size:var(--text-small)}.reset-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);color:var(--brand-river-rock-blue);font-weight:600;font-size:var(--text-small);font-family:var(--font-body);cursor:pointer;transition:all .2s ease;white-space:nowrap}.reset-button:hover{background:var(--brand-sunset-red);border-color:var(--brand-sunset-red);color:#fff;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}.reset-icon{font-size:1.25rem;line-height:1}.reset-text{font-weight:600}.input-form h2{font-size:var(--text-h3);margin-bottom:2rem;color:var(--brand-dark);font-weight:700;font-family:var(--font-heading)}.form-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-field{display:flex;flex-direction:column}.form-field label{display:flex;align-items:center;gap:.25rem;font-size:var(--text-small);font-weight:600;color:var(--brand-dark);margin-bottom:.5rem;font-family:var(--font-body)}.required{color:var(--brand-orange)}.form-field input{height:auto;min-height:2.75rem;padding:.5rem .75rem;font-size:var(--text-regular);border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background-color:var(--brand-terracotta-white);font-family:var(--font-body);transition:all .2s ease;color:var(--brand-dark)}.form-field input:hover{border-color:var(--brand-sea-blue)}.form-field input:focus{outline:none;border-color:var(--brand-sea-blue);box-shadow:0 2px 8px #38aabd26;transform:translateY(-1px)}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix .prefix{position:absolute;left:.75rem;font-weight:600;color:#666;pointer-events:none}.input-with-prefix input{padding-left:2rem;width:100%}.debug{background:#f0f0f0;padding:1rem;border-radius:6px;margin-top:2rem}.debug h3{font-size:1rem;margin-bottom:.5rem}.debug pre{font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto}.form-field small{font-size:var(--text-tiny);color:var(--brand-dark);opacity:.6;margin-top:.25rem;display:block}.marketing-section{border-top:2px solid var(--brand-river-rock-blue);padding-top:2rem;margin-top:1rem}.marketing-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a;grid-column:1 / -1}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#333}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3498db}.checkbox-label span{-webkit-user-select:none;user-select:none}.business-operations-section{border-top:2px solid var(--brand-river-rock-blue);padding-top:2rem;margin-top:1rem}.business-operations-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1a1a1a;grid-column:1 / -1}.form-field select{height:auto;min-height:2.75rem;padding:.5rem .75rem;font-size:var(--text-regular);border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background-color:var(--brand-terracotta-white);font-family:var(--font-body);cursor:pointer;transition:all .2s ease;color:var(--brand-dark)}.form-field select:hover{border-color:var(--brand-sea-blue)}.form-field select:focus{outline:none;border-color:var(--brand-sea-blue);box-shadow:0 2px 8px #38aabd26;transform:translateY(-1px)}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix .suffix{position:absolute;right:.75rem;font-weight:600;color:#666;pointer-events:none}.input-with-suffix input{padding-right:2rem;width:100%}.return-rate-controls{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label span{color:#666;font-weight:500}.category-default-hint{color:#2196f3;font-size:.85rem;font-weight:500}.override-hint{color:#ff9800;font-size:.85rem;font-weight:500}input:disabled{background-color:#fcc6924d!important;cursor:not-allowed!important;color:#666}.form-field-full{grid-column:1 / -1}.toggle-section{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.toggle-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.toggle-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;color:var(--brand-river-rock-blue);font-family:var(--font-body);font-size:var(--text-small);font-weight:600;cursor:pointer;transition:all .2s;text-align:center;transform-origin:center}.toggle-option:active{transform:scale(.97)}.toggle-option:hover{background:var(--brand-terracotta-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.toggle-option.active{background:linear-gradient(45deg,var(--brand-orange),var(--brand-lazy-orange) 65%,var(--brand-sunday-sunshine));border-color:var(--brand-orange);color:var(--brand-river-rock-blue);font-weight:700;box-shadow:var(--shadow-md)}.toggle-icon{font-size:2rem;line-height:1}.toggle-content{background:var(--brand-terracotta-white);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--brand-river-rock-blue);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.toggle-field{display:flex;flex-direction:column}.toggle-field label{display:flex;align-items:center;gap:.25rem;font-size:var(--text-small);font-weight:600;color:var(--brand-dark);margin-bottom:.5rem}.toggle-field input{height:auto;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background-color:transparent;color:var(--brand-river-rock-blue);font-size:1rem;line-height:1.6;font-family:var(--font-body);transition:border-color .2s}.toggle-field input:focus{outline:none;border-color:var(--brand-sea-blue)}.toggle-field .input-with-prefix input{padding-left:2rem}.employee-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1rem}.payroll-summary{background:#38aabd1a;border:2px solid var(--brand-sea-blue);border-radius:var(--radius-md);padding:1rem 1.5rem;text-align:right;color:var(--brand-dark);font-size:var(--text-regular);max-width:33.33%;margin-left:auto}.payroll-summary strong{color:var(--brand-river-rock-blue);margin-right:.5rem}.calculation-hint{margin-top:.5rem;padding:.5rem .75rem;background:transparent;border-radius:var(--radius-sm);color:var(--brand-sea-blue);font-size:var(--text-small);font-weight:600;border:1px solid var(--brand-sea-blue)}.radio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.radio-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;color:var(--brand-river-rock-blue);font-family:var(--font-body);font-size:var(--text-small);font-weight:600;cursor:pointer;transition:all .2s;text-align:center;position:relative}.radio-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-option:hover{background:var(--brand-terracotta-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.radio-option.active{background:linear-gradient(45deg,var(--brand-orange),var(--brand-lazy-orange) 65%,var(--brand-sunday-sunshine));border-color:var(--brand-orange);color:var(--brand-river-rock-blue);font-weight:700;box-shadow:var(--shadow-md)}.radio-icon{font-size:2rem;line-height:1}.radio-label{font-size:var(--text-small)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.checkbox-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;color:var(--brand-river-rock-blue);font-family:var(--font-body);font-size:var(--text-small);font-weight:600;cursor:pointer;transition:all .2s;text-align:center;position:relative}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-option:hover{background:var(--brand-terracotta-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.checkbox-option.active{background:linear-gradient(45deg,var(--brand-orange),var(--brand-lazy-orange) 65%,var(--brand-sunday-sunshine));border-color:var(--brand-orange);color:var(--brand-river-rock-blue);font-weight:700;box-shadow:var(--shadow-md)}.checkbox-icon{font-size:2rem;line-height:1}.checkbox-label{font-size:var(--text-small)}@media (max-width: 768px){.form-header{flex-direction:column;align-items:flex-start;gap:1rem}.reset-button{align-self:flex-start;width:auto}.toggle-options{grid-template-columns:1fr}.toggle-option{padding:1.25rem 1rem}.toggle-content{padding:1rem}.employee-fields-grid{grid-template-columns:1fr;gap:1rem}.payroll-summary{max-width:100%;margin-left:0;text-align:left}.radio-grid,.checkbox-grid{grid-template-columns:1fr}.input-form{padding:1.5rem;border-radius:.75rem}.input-form h2{font-size:var(--text-h4);margin-bottom:1.5rem}.form-section{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem;padding-top:1.25rem}.form-field label{font-size:var(--text-regular);margin-bottom:.5rem}.form-field input,.form-field select{min-height:3rem;font-size:16px;padding:.75rem}.form-field small{font-size:var(--text-small)}.input-with-prefix{min-height:3rem}.input-with-prefix .prefix{font-size:18px;padding-left:.75rem}.input-with-prefix input{padding-left:2.25rem}.checkbox-field{min-height:48px;padding:.75rem}.checkbox-field input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px}.checkbox-field label{font-size:var(--text-regular)}}@media (max-width: 480px){.input-form{padding:1rem;border-radius:.5rem}.input-form h2{font-size:var(--text-h5);margin-bottom:1rem}.form-section{gap:1rem;margin-bottom:1rem;padding-top:1rem}.form-field input,.form-field select{min-height:3.25rem;font-size:16px}}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;border:1.5px solid var(--brand-sea-blue);background:transparent;color:var(--brand-sea-blue);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent}.tooltip-trigger:hover{background:var(--brand-sea-blue);color:#fff;transform:scale(1.1)}.tooltip-trigger:active{transform:scale(.95)}.tooltip-backdrop{display:none}.tooltip-content{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--brand-river-rock-blue);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:var(--text-small);line-height:1.5;min-width:200px;max-width:280px;width:max-content;z-index:10000;box-shadow:0 4px 20px #0000004d;animation:tooltipFadeIn .2s ease-out;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--brand-river-rock-blue)}@media (max-width: 768px){.tooltip-trigger{width:28px;height:28px;min-width:28px;min-height:28px}.tooltip-backdrop{display:block;position:fixed;inset:0;background:#0000004d;z-index:9999;animation:backdropFadeIn .2s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.tooltip-content{position:fixed;left:1rem;right:1rem;top:50%;bottom:auto;transform:translate(0) translateY(-50%);max-width:none;width:auto;min-width:0;z-index:10000;pointer-events:auto;text-align:left}.tooltip-arrow{display:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}}@media (max-width: 480px){.form-field label{flex-wrap:wrap}}.collapsible-section{margin-bottom:1.5rem;border:2px solid var(--brand-river-rock-blue);border-radius:1rem;background:var(--brand-lazy-orange);overflow:hidden;transition:all .3s ease}.collapsible-section.open{background:transparent}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--brand-lazy-orange);border:none;cursor:pointer;transition:all .2s;font-family:var(--font-body);text-align:left;gap:1rem}.section-header:hover{background:var(--brand-terracotta-white)}.collapsible-section.open .section-header{background:var(--brand-lazy-orange);border-bottom:2px solid var(--brand-river-rock-blue)}.section-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.section-icon{font-size:2rem;line-height:1;flex-shrink:0}.section-title-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.section-title{font-size:var(--text-h5);font-family:var(--font-heading);font-weight:700;color:var(--brand-dark);margin:0;line-height:1.2}.section-progress{font-size:var(--text-tiny);color:var(--brand-dark);opacity:.6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.progress-bar{width:80px;height:8px;background:var(--brand-terracotta-white);border-radius:4px;overflow:hidden;border:1px solid var(--brand-river-rock-blue)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-sea-blue),var(--brand-lazy-orange));transition:width .3s ease;border-radius:4px}.section-chevron{font-size:.875rem;color:var(--brand-river-rock-blue);transition:transform .3s ease;width:20px;text-align:center}.collapsible-section.open .section-chevron{transform:rotate(0)}.section-content{padding:1.5rem;animation:slideDown .3s ease-out;background:transparent}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}@media (max-width: 768px){.collapsible-section{border-radius:.75rem;margin-bottom:1rem}.section-header{padding:1rem}.section-icon{font-size:1.75rem}.section-title{font-size:var(--text-h6)}.section-progress{font-size:.65rem}.progress-bar{width:60px;height:6px}.section-content{padding:1rem}}@media (max-width: 480px){.section-header{padding:.875rem}.section-header-left{gap:.75rem}.section-icon{font-size:1.5rem}.progress-bar{display:none}}.calculator-progress-sticky{display:flex;justify-content:center;position:sticky;bottom:0;left:0;right:0;background:transparent;padding:1rem 0;z-index:100;animation:slideUpSticky .3s ease-out}@keyframes slideUpSticky{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.calculate-button-container{position:relative;width:80%;height:3.25rem;border-radius:var(--radius-button);transition:box-shadow .3s ease,transform .1s ease;cursor:pointer;outline:none}.calculate-button-container.disabled{cursor:not-allowed}.calculate-button-container:not(.disabled):active{transform:scale(.98)}.calculate-button-container.pulse{animation:pulseGlow 2s ease-in-out infinite}.calculate-arrow{position:absolute;right:0;top:0;bottom:0;width:60px;background:var(--brand-sea-blue);border-radius:0 var(--radius-button) var(--radius-button) 0;display:flex;align-items:center;justify-content:center;color:var(--brand-terracotta-white);font-size:1.5rem;font-weight:700;z-index:0}.progress-button{position:absolute;left:0;top:0;bottom:0;width:100%;min-height:3.25rem;padding:.875rem 1.5rem;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:var(--brand-river-rock-blue)!important;background-color:var(--brand-river-rock-blue)!important;color:#fff;font-weight:700;font-family:var(--font-body);font-size:var(--text-regular);transition:width .3s ease,border-radius .3s ease;box-shadow:var(--shadow-md);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.progress-button.complete{width:calc(100% - 60px);border-radius:var(--radius-button) 0 0 var(--radius-button)}.calculate-button-container.disabled .progress-button{background:var(--brand-slate-grey)!important;background-color:var(--brand-slate-grey)!important}.calculate-button-container.disabled .progress-button-fill{background:linear-gradient(90deg,var(--brand-sunset-red),var(--brand-coral))!important}.progress-button.complete .progress-button-fill{background:linear-gradient(45deg,var(--brand-orange),var(--brand-lazy-orange) 65%,var(--brand-sunday-sunshine))!important;border-radius:var(--radius-button)}.progress-button.all-complete .progress-button-fill{border-radius:var(--radius-button) 0 0 var(--radius-button)}@keyframes pulseGlow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:0 0 0 4px #38aabd66,0 0 12px 2px #38aabd4d,var(--shadow-lg)}}.progress-button-fill{position:absolute;top:0;left:0;height:100%;background:var(--brand-sunday-sunshine)!important;background-color:var(--brand-sunday-sunshine)!important;transition:width .3s ease,background .3s ease;z-index:1;border-radius:var(--radius-button)}.progress-button-text{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;justify-content:center;color:#fff}.button-icon{font-size:1.2em;display:inline-block}.number-change{animation:numberPulse .3s ease-out;display:inline-block}@keyframes numberPulse{0%{transform:scale(1)}50%{transform:scale(1.2);color:var(--brand-sunday-sunshine)}to{transform:scale(1)}}@media (max-width: 768px){.calculator-progress-sticky{padding:1rem}.calculate-button-container{width:100%}}.results{position:relative;background:transparent;padding:2rem;border-radius:1rem;box-shadow:var(--shadow-lg);margin-top:2rem;border:1px solid var(--brand-river-rock-blue);animation:resultsSlideIn .5s ease-out}@keyframes resultsSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.results h2{font-size:var(--text-h3);margin-bottom:1.5rem;color:var(--brand-dark);font-family:var(--font-heading);font-weight:700}.results-placeholder{text-align:center;padding:3rem;color:#999;font-size:1.1rem}.verdict{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.verdict.profitable{background:#38aabd33;border-left:4px solid var(--brand-sea-blue)}.verdict.warning{background:#f98e2833;border-left:4px solid var(--brand-orange)}.verdict.losing-money{background:#e8503a26;border-left:4px solid var(--brand-sunset-red)}.verdict-icon{font-size:2.5rem;line-height:1}.verdict-content h3{margin:0 0 .25rem;font-size:var(--text-h4);font-family:var(--font-heading);color:var(--brand-dark)}.verdict-content p{margin:0;color:#666}.category-section{background:transparent;padding:1.5rem;border-radius:1rem;margin-bottom:2rem;border:1px solid var(--brand-river-rock-blue)}.category-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.category-icon-large{font-size:2rem;line-height:1}.category-section-header h3{margin:0;font-size:1.15rem;font-family:var(--font-heading);color:var(--brand-dark);font-weight:600}.benchmark-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.benchmark-card{background:transparent;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--brand-river-rock-blue)}.benchmark-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:.75rem;font-weight:600}.benchmark-comparison-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.benchmark-you,.benchmark-avg{display:flex;flex-direction:column;align-items:center;gap:.25rem}.benchmark-value{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--brand-dark)}.benchmark-sublabel{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.benchmark-vs{font-size:.9rem;color:#999;font-weight:600;padding:0 .5rem}.benchmark-badge{text-align:center;padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.benchmark-badge.good{background:#38aabd26;color:var(--brand-sea-blue)}.benchmark-badge.poor{background:#e8503a26;color:var(--brand-sunset-red)}.benchmark-badge.average{background:#f98e2826;color:var(--brand-orange)}.category-insight{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%);padding:.75rem 1rem;border-radius:var(--radius-sm);border-left:3px solid var(--brand-orange);font-size:.9rem;line-height:1.5;color:#fff;border:none}.category-insight strong{color:var(--brand-lazy-orange)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:linear-gradient(135deg,var(--brand-lazy-orange) 0%,var(--brand-lazy-orange) 75%,var(--brand-sunday-sunshine) 100%);padding:1.25rem;border-radius:var(--radius-md);border:2px solid var(--brand-river-rock-blue);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;animation:cardFadeIn .3s ease-out backwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-card:nth-child(1){animation-delay:.05s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.metric-card:nth-child(4){animation-delay:.2s}.metric-card:nth-child(5){animation-delay:.25s}.metric-card:nth-child(6){animation-delay:.3s}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand-sea-blue)}.metric-label{font-size:var(--text-small);color:var(--brand-river-rock-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-family:var(--font-body)}.metric-value{font-size:var(--text-h2);font-weight:700;color:var(--brand-river-rock-blue);margin-bottom:.25rem;font-family:var(--font-heading)}.metric-sublabel{font-size:.85rem;color:var(--brand-river-rock-blue)}.metric-card-empty{opacity:.7;background:linear-gradient(135deg,#f98e280d,#f98e2814 75%,#ffbf451a);border:2px dashed rgba(19,48,82,.2)}.metric-empty-state{color:#999;font-size:var(--text-h3)}.metric-empty-hint{color:#999;font-style:italic;font-size:var(--text-tiny)}.insight{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%);border:none;padding:1.25rem;border-radius:var(--radius-sm);margin-bottom:2rem}.insight h4{margin:0 0 .5rem;font-size:var(--text-h5);color:#fff;font-family:var(--font-heading)}.insight p{margin:0;line-height:1.6;color:#fff}.breakdown{background:transparent;padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--brand-river-rock-blue);margin-bottom:2rem}.breakdown h4{margin:0 0 1rem;font-size:var(--text-h5);font-family:var(--font-heading);color:var(--brand-dark)}.breakdown-bars{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;flex-direction:column;gap:.25rem}.breakdown-label{display:flex;justify-content:space-between;font-size:.9rem;color:#333;font-weight:500}.breakdown-bar{height:24px;background:var(--brand-river-rock-blue);border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;min-width:2px;transition:width .5s ease}.breakdown-bar.revenue .breakdown-fill{background:linear-gradient(90deg,var(--brand-sea-blue),var(--brand-lazy-orange))}.breakdown-bar.cogs .breakdown-fill{background:linear-gradient(90deg,var(--brand-orange),var(--brand-lazy-orange))}.breakdown-bar.shipping .breakdown-fill{background:linear-gradient(90deg,var(--brand-lazy-orange),var(--brand-sunday-sunshine))}.breakdown-bar.platform .breakdown-fill{background:linear-gradient(90deg,var(--brand-river-rock-blue),var(--brand-sea-blue))}.breakdown-bar.returns .breakdown-fill{background:linear-gradient(90deg,var(--brand-sunset-red),var(--brand-coral))}.breakdown-bar.ads .breakdown-fill{background:linear-gradient(90deg,var(--brand-sea-blue),#5fc4d8)}.breakdown-bar.overhead .breakdown-fill{background:linear-gradient(90deg,var(--brand-river-rock-blue),#2a5575)}.breakdown-bar.profit .breakdown-fill{background:linear-gradient(90deg,var(--brand-sea-blue),var(--brand-lazy-orange))}.breakdown-bar.loss .breakdown-fill{background:linear-gradient(90deg,var(--brand-sunset-red),var(--brand-coral))}.breakdown-sublabel{font-size:.8rem;color:#666;margin-top:.25rem;font-style:italic}.metric-card.highlight{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%);color:#fff;border:none}.metric-card.highlight.negative{background:linear-gradient(135deg,var(--brand-sunset-red) 0%,var(--brand-sunset-red) 70%,var(--brand-coral) 100%)}.metric-card.highlight .metric-label,.metric-card.highlight .metric-sublabel{color:#ffffffe6}.metric-card.highlight .metric-value{color:#fff}.breakdown-label .negative{color:#dc3545;font-weight:700}.breakdown-label .positive{color:#28a745;font-weight:700}.insight .negative{color:#dc3545;font-weight:700}.goal-empty-state{background:linear-gradient(135deg,#f98e280d,#f98e281a);border:2px dashed var(--brand-lazy-orange);border-radius:var(--radius-md);padding:2rem;display:flex;align-items:center;gap:1.5rem;margin:2rem 0}.empty-state-icon{font-size:3rem;line-height:1;flex-shrink:0}.empty-state-content h4{margin:0 0 .5rem;font-size:var(--text-h4);color:var(--brand-river-rock-blue);font-family:var(--font-heading)}.empty-state-content p{margin:0 0 1rem;color:#666;line-height:1.6}.empty-state-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.empty-state-features li{color:var(--brand-river-rock-blue);font-weight:500;font-size:var(--text-small)}.locked-teaser{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%);border:none;border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:1.5rem}.locked-icon{font-size:3rem;color:#fff}.locked-content h4{margin:0 0 .5rem;font-size:1.3rem;color:#fff}.locked-content p{margin:0 0 1rem;color:#fff;opacity:.9}.unlock-button{padding:.75rem 1.5rem;border:1px solid white;border-radius:var(--radius-button);background:transparent;color:#fff;font-weight:700;font-family:var(--font-body);font-size:var(--text-regular);cursor:pointer;transition:all .2s ease}.unlock-button:hover{background:#fff;color:var(--brand-river-rock-blue)}.goal-card{background:transparent;padding:2rem;border-radius:var(--radius-md);margin:2rem 0;border:1px solid var(--brand-river-rock-blue);animation:cardSlideIn .6s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--brand-river-rock-blue)}.goal-header h3{margin:0;font-size:var(--text-h3);font-family:var(--font-heading);font-weight:700;color:var(--brand-dark)}.goal-target{font-size:var(--text-h2);font-weight:800;color:var(--brand-river-rock-blue)}.goal-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.goal-metric-item{background:linear-gradient(135deg,var(--brand-lazy-orange) 0%,var(--brand-lazy-orange) 75%,var(--brand-sunday-sunshine) 100%);padding:1.25rem;border-radius:var(--radius-md);border:2px solid var(--brand-river-rock-blue);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.goal-metric-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand-sea-blue)}.goal-metric-label{font-size:var(--text-small);color:var(--brand-river-rock-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600;font-family:var(--font-body)}.goal-metric-value{font-size:var(--text-h2);font-weight:700;color:var(--brand-river-rock-blue);margin-bottom:.25rem;font-family:var(--font-heading)}.goal-metric-hint{font-size:.85rem;color:var(--brand-river-rock-blue)}.goal-status{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.5rem;border:none}.goal-status-content{display:flex;align-items:flex-start;gap:1rem}.goal-status-icon{font-size:2rem;line-height:1}.goal-status-text strong{display:block;color:#fff;margin-bottom:.5rem;font-size:var(--text-regular)}.goal-status-text p{margin:0;color:#fff;font-size:var(--text-small);line-height:1.5}.goal-status-content.achieved .goal-status-text strong,.goal-status-content.on-track .goal-status-text strong,.goal-status-content.behind .goal-status-text strong,.goal-status-content.focus .goal-status-text strong{color:var(--brand-lazy-orange)}.goal-progress-bar{margin-top:1rem;height:12px;background:#ffffff4d;border-radius:6px;overflow:hidden}.goal-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-lazy-orange),var(--brand-sunday-sunshine));border-radius:6px;transition:width .5s ease}.goal-cta{background:linear-gradient(135deg,var(--brand-lazy-orange) 0%,var(--brand-lazy-orange) 75%,var(--brand-sunday-sunshine) 100%);border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-md);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.goal-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand-sea-blue)}.goal-cta-text strong{display:block;color:var(--brand-river-rock-blue);margin-bottom:.25rem;font-size:var(--text-regular);font-weight:700}.goal-cta-text p{margin:0;color:var(--brand-river-rock-blue);font-size:var(--text-small)}.goal-cta-button{background:var(--brand-river-rock-blue);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-button);font-weight:700;font-size:var(--text-regular);cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:var(--shadow-md);font-family:var(--font-body)}.goal-cta-button:hover{background:var(--brand-sea-blue);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.goal-cta-button:active{transform:translateY(0)}.strategies-section{margin:2rem 0;padding:2rem;background:transparent;border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-md);animation:cardSlideIn .6s ease-out}.strategies-header{text-align:center;margin-bottom:2rem}.strategies-header h3{font-size:var(--text-h2);color:var(--brand-dark);margin-bottom:.5rem;font-family:var(--font-heading);font-weight:700}.strategies-header p{color:#666;font-size:var(--text-regular)}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.strategy-card{background:linear-gradient(135deg,var(--brand-lazy-orange) 0%,var(--brand-lazy-orange) 75%,var(--brand-sunday-sunshine) 100%);border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-md);padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.strategy-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--brand-sea-blue)}.strategy-card.recommended{border-color:var(--brand-sea-blue);border-width:3px;box-shadow:0 4px 12px #38aabd4d}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-sea-blue);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:700;box-shadow:var(--shadow-sm)}.strategy-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--brand-river-rock-blue);min-height:100px}.strategy-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.strategy-header h4{margin:0 0 .5rem;font-size:var(--text-h4);color:var(--brand-river-rock-blue);font-family:var(--font-heading);font-weight:700;line-height:1.3}.difficulty-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-tiny);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.easy{background:#38aabd33;color:var(--brand-sea-blue)}.difficulty-badge.medium{background:#f98e2833;color:var(--brand-orange)}.difficulty-badge.hard{background:#e8503a33;color:var(--brand-sunset-red)}.strategy-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.strategy-number-item{background:#ffffff80;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--brand-river-rock-blue)}.strategy-number-label{font-size:var(--text-tiny);color:var(--brand-river-rock-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.strategy-number-value{font-size:var(--text-h3);font-weight:700;color:var(--brand-river-rock-blue);font-family:var(--font-heading);margin-bottom:.25rem}.strategy-number-hint{font-size:var(--text-tiny);color:#666}.strategy-tactics{background:#ffffff4d;padding:1rem;border-radius:var(--radius-sm);border-left:4px solid var(--brand-river-rock-blue)}.strategy-tactics-label{font-size:var(--text-small);font-weight:700;color:var(--brand-river-rock-blue);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.strategy-tactics ul{margin:0;padding-left:1.25rem;list-style:none}.strategy-tactics li{position:relative;margin-bottom:.5rem;color:var(--brand-dark);font-size:var(--text-small);line-height:1.6}.strategy-tactics li:before{content:"→";position:absolute;left:-1.25rem;color:var(--brand-river-rock-blue);font-weight:700}.strategy-tactics li:last-child{margin-bottom:0}.strategies-footer{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%);padding:1.25rem;border-radius:var(--radius-sm);border:none}.strategies-footer p{margin:0;color:#fff;font-size:var(--text-small);line-height:1.6}.strategies-footer strong{color:var(--brand-lazy-orange)}.settings-panel{background:transparent;border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-md);margin:2rem 0;overflow:hidden}.settings-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-regular);font-weight:600;color:var(--brand-river-rock-blue);transition:background-color .2s ease}.settings-toggle:hover{background:#38aabd0d}.settings-toggle-icon{font-size:1.25rem;line-height:1}.settings-toggle-text{flex:1;text-align:left}.settings-toggle-arrow{font-size:.75rem;transition:transform .3s ease;color:var(--brand-sea-blue)}.settings-toggle-arrow.expanded{transform:rotate(180deg)}.settings-content{padding:0 1.5rem 1.5rem;border-top:1px solid var(--brand-river-rock-blue);animation:slideDown .3s ease}.settings-description{margin:1rem 0 1.5rem;color:var(--brand-river-rock-blue);font-size:var(--text-small);line-height:1.6}.settings-fields{display:flex;flex-direction:column;gap:2rem;margin-bottom:1.5rem}.setting-field{display:flex;flex-direction:column;gap:.75rem}.setting-header{display:flex;justify-content:space-between;align-items:center}.setting-header label{font-weight:600;color:var(--brand-river-rock-blue);font-size:var(--text-regular)}.setting-value{font-weight:700;color:var(--brand-sea-blue);font-size:var(--text-large);font-family:var(--font-heading)}.setting-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(90deg,var(--brand-river-rock-blue),var(--brand-sea-blue));border-radius:4px;outline:none;opacity:.7;transition:opacity .2s}.setting-slider:hover{opacity:1}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--brand-sea-blue);cursor:pointer;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--brand-lazy-orange)}.setting-slider::-moz-range-thumb{width:20px;height:20px;background:var(--brand-sea-blue);cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.setting-slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--brand-lazy-orange)}.setting-help{margin:0;font-size:var(--text-small);color:#666;line-height:1.5;font-style:italic}.settings-reset{padding:.75rem 1.5rem;background:transparent;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);color:var(--brand-river-rock-blue);font-weight:600;font-size:var(--text-small);font-family:var(--font-body);cursor:pointer;transition:all .2s ease}.settings-reset:hover{background:var(--brand-sea-blue);border-color:var(--brand-sea-blue);color:#fff}.gap-analysis-section{background:transparent;border:1px solid var(--brand-river-rock-blue);padding:2rem;border-radius:var(--radius-md);margin:2rem 0}.gap-analysis-header{text-align:center;margin-bottom:2rem}.gap-analysis-header h3{font-size:var(--text-h2);color:var(--brand-river-rock-blue);margin:0 0 .5rem;font-family:var(--font-heading);font-weight:700}.gap-analysis-header p{margin:0;color:var(--brand-river-rock-blue);opacity:.8;font-size:var(--text-regular)}.gap-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.gap-card{background:linear-gradient(135deg,var(--brand-lazy-orange) 0%,var(--brand-lazy-orange) 75%,var(--brand-sunday-sunshine) 100%);border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.gap-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand-sea-blue)}.gap-card-highlight{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%)}.gap-card-label{font-size:var(--text-small);color:var(--brand-river-rock-blue);text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:.5rem}.gap-card-current,.gap-card-required{display:flex;flex-direction:column;gap:.25rem}.gap-current-label,.gap-required-label{font-size:var(--text-tiny);color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.gap-current-value{font-size:var(--text-h3);font-weight:700;color:var(--brand-river-rock-blue);font-family:var(--font-heading)}.gap-required-value{font-size:var(--text-h4);font-weight:600;color:#999;font-family:var(--font-heading)}.gap-card-divider{height:2px;background:linear-gradient(90deg,transparent,var(--brand-river-rock-blue),transparent);opacity:.3}.gap-card-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:600}.gap-card-status.achieved{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%);color:#fff}.gap-card-status.behind{background:linear-gradient(135deg,var(--brand-sunset-red) 0%,var(--brand-sunset-red) 70%,var(--brand-coral) 100%);color:#fff}.gap-status-icon{font-size:1.25rem;line-height:1}.gap-status-text{font-size:var(--text-small);word-break:break-word}.gap-progress-circle{position:relative;width:120px;height:120px;margin:1rem auto}.progress-ring{width:100%;height:100%}.progress-ring-progress{transition:stroke-dashoffset 1s ease}.gap-card-highlight .gap-card-label{color:#fff}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-h2);font-weight:700;color:#fff;font-family:var(--font-heading)}.gap-gauge-status{display:flex;flex-direction:column;gap:.5rem}.gap-gauge-label{font-size:var(--text-small);color:#fff;text-align:center;font-weight:600}.gap-gauge-bar{height:12px;background:#ffffff4d;border-radius:6px;overflow:hidden}.gap-gauge-fill{height:100%;background:linear-gradient(90deg,var(--brand-lazy-orange),var(--brand-sunday-sunshine));border-radius:6px;transition:width 1s ease}.waterfall-section{background:transparent;border:1px solid var(--brand-river-rock-blue);padding:2rem;border-radius:var(--radius-md);margin:2rem 0}.waterfall-header{margin-bottom:2rem}.waterfall-header h3{margin:0 0 .5rem;color:var(--brand-river-rock-blue)}.waterfall-header p{margin:0;color:var(--brand-river-rock-blue);opacity:.8;font-size:var(--text-small)}.waterfall-chart{display:flex;flex-direction:column;gap:.5rem}.waterfall-step{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;align-items:center}.waterfall-label{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;text-align:right}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--brand-river-rock-blue);color:#fff;border-radius:50%;font-weight:700;font-size:var(--text-small);flex-shrink:0}.step-title{font-weight:600;color:var(--brand-river-rock-blue);font-size:var(--text-regular)}.waterfall-bar{padding:1rem 1.5rem;border-radius:var(--radius-md);border:2px solid var(--brand-river-rock-blue);min-height:60px;display:flex;flex-direction:column;justify-content:center;transition:transform .2s ease}.waterfall-bar:hover{transform:translate(4px)}.waterfall-bar.target{background:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-lazy-orange) 65%,var(--brand-sunday-sunshine) 100%)}.waterfall-bar.addition{background:linear-gradient(135deg,var(--brand-sunset-red) 0%,var(--brand-coral) 65%,var(--brand-lazy-orange) 100%)}.waterfall-bar.result{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 70%,var(--brand-sea-blue) 100%)}.waterfall-bar.calculation{background:linear-gradient(135deg,var(--brand-sea-blue) 0%,var(--brand-sea-blue) 70%,var(--brand-lazy-orange) 100%)}.waterfall-bar.final-units{background:var(--brand-lazy-orange);border:3px solid var(--brand-river-rock-blue);box-shadow:0 4px 12px #13305226}.waterfall-value{font-size:var(--text-large);font-weight:700;color:#fff;margin-bottom:.25rem;word-break:break-word;overflow-wrap:break-word}.waterfall-bar.final-units .waterfall-value{color:var(--brand-river-rock-blue);font-size:var(--text-h5)}.waterfall-note{font-size:var(--text-small);color:#ffffffe6;font-weight:500}.waterfall-bar.final-units .waterfall-note{color:var(--brand-river-rock-blue);opacity:.8}.waterfall-arrow{display:flex;justify-content:center;align-items:center;margin:.25rem 0;grid-column:2}.waterfall-arrow span{font-size:1.5rem;color:var(--brand-river-rock-blue);opacity:.5}@media (max-width: 768px){.results{padding:1.5rem;border-radius:.75rem;margin-top:1.5rem}.results h2{font-size:var(--text-h4);margin-bottom:1rem}.results h3{font-size:var(--text-h5)}.results h4{font-size:var(--text-h6)}.verdict{padding:1.25rem;border-radius:.75rem;margin-bottom:1.5rem}.verdict-icon{font-size:2.5rem}.verdict-content h3{font-size:var(--text-h5);margin-bottom:.5rem}.verdict-content p{font-size:var(--text-small)}.metrics-grid{grid-template-columns:1fr;gap:.75rem}.metric-card{padding:1.25rem;border-radius:.75rem}.metric-label{font-size:var(--text-tiny)}.metric-value{font-size:var(--text-h3)}.metric-sublabel{font-size:var(--text-tiny)}.category-section{padding:1.25rem;border-radius:.75rem}.category-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.category-icon-large{font-size:1.5rem}.category-section-header h3{font-size:var(--text-h5)}.benchmark-cards{grid-template-columns:1fr;gap:.75rem}.benchmark-card{padding:1rem}.breakdown{padding:1.25rem;border-radius:.75rem}.breakdown h4{font-size:var(--text-h6);margin-bottom:1rem}.breakdown-bar{margin-bottom:.75rem}.breakdown-label{font-size:var(--text-small);margin-bottom:.5rem}.goal-empty-state{padding:1.5rem;flex-direction:column;text-align:center}.empty-state-features{grid-template-columns:1fr}.locked-teaser{padding:1.5rem;flex-direction:column;text-align:center;border-radius:.75rem}.locked-icon{font-size:2.5rem}.locked-content h4{font-size:var(--text-h5)}.locked-content p{font-size:var(--text-small)}.unlock-button{width:100%;padding:1rem 1.5rem;font-size:var(--text-regular);min-height:48px}.settings-panel{margin:1.5rem 0}.settings-toggle{padding:.875rem 1.25rem;font-size:var(--text-small)}.settings-content{padding:0 1.25rem 1.25rem}.settings-fields{gap:1.5rem}.setting-header label{font-size:var(--text-small)}.setting-value{font-size:var(--text-regular)}.gap-analysis-section{padding:1.5rem}.gap-analysis-header h3{font-size:var(--text-h4)}.gap-analysis-header p{font-size:var(--text-small)}.gap-analysis-grid{grid-template-columns:1fr;gap:1rem}.gap-card{padding:1.25rem}.gap-current-value{font-size:var(--text-h4)}.gap-required-value{font-size:var(--text-h5)}.gap-progress-circle{width:100px;height:100px}.progress-percentage{font-size:var(--text-h3)}.waterfall-section{padding:1.5rem}.waterfall-header{margin-bottom:1.5rem}.waterfall-step{grid-template-columns:1fr;gap:.75rem}.waterfall-label{justify-content:flex-start;text-align:left}.step-number{width:24px;height:24px;font-size:var(--text-tiny)}.step-title{font-size:var(--text-small)}.waterfall-bar{padding:.875rem 1rem;min-height:50px}.waterfall-value{font-size:var(--text-medium)}.waterfall-bar.final-units .waterfall-value{font-size:var(--text-h6)}.waterfall-note{font-size:var(--text-tiny)}.waterfall-arrow{grid-column:1;margin:0}.waterfall-arrow span{font-size:1.25rem;transform:rotate(90deg)}}@media (max-width: 480px){.results{padding:1rem;border-radius:.5rem;margin-top:1rem}.results h2{font-size:var(--text-h5)}.verdict{padding:1rem}.verdict-icon{font-size:2rem}.metric-card{padding:1rem}.metric-value{font-size:var(--text-h4)}.category-section{padding:1rem}.category-icon-large{font-size:1.25rem}.breakdown{padding:1rem}.locked-teaser{padding:1.25rem}.unlock-button{padding:.875rem 1.25rem}.goal-card{padding:1.25rem}.goal-header{flex-direction:column;gap:.5rem}.goal-target{font-size:var(--text-h3)}.goal-metrics{grid-template-columns:1fr}.goal-cta{flex-direction:column;gap:1rem}.goal-cta-button{width:100%}.strategies-section{padding:1.25rem}.strategies-header h3{font-size:var(--text-h4)}.strategies-grid{grid-template-columns:1fr;gap:1rem}.strategy-card{padding:1.25rem}.strategy-icon{font-size:2rem}.strategy-numbers{grid-template-columns:1fr;gap:.75rem}.recommended-badge{font-size:var(--text-tiny);padding:.2rem .5rem}.settings-panel{margin:1rem 0}.settings-toggle{padding:.75rem 1rem;font-size:var(--text-tiny)}.settings-content{padding:0 1rem 1rem}.setting-header{flex-direction:column;align-items:flex-start;gap:.25rem}.settings-description,.setting-help{font-size:var(--text-tiny)}.gap-analysis-section{padding:1rem}.gap-analysis-header h3{font-size:var(--text-h5)}.gap-card{padding:1rem}.gap-current-value{font-size:var(--text-h5)}.gap-required-value{font-size:var(--text-h6)}.gap-progress-circle{width:90px;height:90px}.progress-percentage{font-size:var(--text-h4)}.waterfall-section{padding:1rem}.waterfall-header h3{font-size:var(--text-h5)}.waterfall-header p{font-size:var(--text-tiny)}.waterfall-bar{padding:.75rem;min-height:45px}.waterfall-value{font-size:var(--text-regular)}.waterfall-bar.final-units .waterfall-value{font-size:var(--text-h6)}}@media (max-width: 375px){.gap-analysis-grid{gap:.75rem}.gap-card{padding:.875rem}.gap-current-value{font-size:var(--text-h6)}.gap-required-value{font-size:var(--text-h6);font-size:1rem}.waterfall-section{padding:.875rem}.waterfall-header h3{font-size:1rem;line-height:1.3}.waterfall-bar{padding:.625rem;min-height:40px}.waterfall-value{font-size:var(--text-small)}.waterfall-note{font-size:.7rem}.settings-toggle{padding:.625rem .875rem;font-size:.8rem}.setting-slider{height:6px}.setting-slider::-webkit-slider-thumb{width:16px;height:16px}.setting-slider::-moz-range-thumb{width:16px;height:16px}}:root{--brand-lazy-orange: #fcc692;--brand-sunday-sunshine: #f8e5cf;--brand-terracotta-white: #eae7e1;--brand-orange: #f98e28;--brand-sea-blue: #38aabd;--brand-river-rock-blue: #133052;--brand-sunset-red: #e8503a;--brand-coral: #ff7b5f;--brand-slate-grey: #94a3b8;--brand-primary: var(--brand-orange);--brand-primary-light: var(--brand-lazy-orange);--brand-primary-lightest: var(--brand-sunday-sunshine);--brand-secondary: var(--brand-sea-blue);--brand-dark: var(--brand-river-rock-blue);--brand-light: var(--brand-terracotta-white);--brand-error: var(--brand-sunset-red);--font-heading: "Yanone Kaffeesatz", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Quicksand", -apple-system, BlinkMacSystemFont, sans-serif;--text-h1: 56px;--text-h2: 48px;--text-h3: 40px;--text-h4: 32px;--text-h5: 24px;--text-h6: 20px;--text-large: 20px;--text-medium: 18px;--text-regular: 16px;--text-small: 14px;--text-tiny: 12px;--radius-button: 12px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px 0 rgb(19 48 82 / .1);--shadow-md: 0 4px 6px -1px rgb(19 48 82 / .1);--shadow-lg: 0 10px 15px -3px rgb(19 48 82 / .15);--shadow-hover: rgba(0, 0, 0, .2) 0px 2px 5px 0px}body{font-family:var(--font-body);font-size:var(--text-regular);color:var(--brand-dark);background:var(--brand-light);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--brand-dark);line-height:1.2}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}h5{font-size:var(--text-h5)}h6{font-size:var(--text-h6)}@media (max-width: 768px){h1{font-size:40px}h2{font-size:36px}h3{font-size:32px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}}.cc-button{padding:.75rem 1.5rem;border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;background-image:linear-gradient(45deg,var(--brand-orange),var(--brand-lazy-orange) 65%,var(--brand-sunday-sunshine));color:var(--brand-river-rock-blue);font-weight:700;font-family:var(--font-body);font-size:var(--text-regular);text-align:center;cursor:pointer;transition:box-shadow .5s ease;display:inline-block}.cc-button:hover{box-shadow:var(--shadow-hover)}.cc-button-secondary{padding:.75rem 1.5rem;border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;background-image:linear-gradient(225deg,var(--brand-sea-blue),var(--brand-sea-blue) 65%,var(--brand-terracotta-white));color:var(--brand-river-rock-blue);font-weight:700;font-family:var(--font-body);font-size:var(--text-regular);text-align:center;cursor:pointer;transition:box-shadow .5s ease;display:inline-block}.cc-button-secondary:hover{box-shadow:var(--shadow-hover)}.cc-panel{padding:2rem;border:1px solid var(--brand-river-rock-blue);border-radius:1rem;background-color:var(--brand-lazy-orange)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;border:2px solid var(--brand-river-rock-blue)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.modal-content.error{animation:shake .5s ease-in-out}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-header{background:linear-gradient(135deg,var(--brand-river-rock-blue) 0%,var(--brand-river-rock-blue) 85%,var(--brand-sea-blue) 100%);color:#fff;padding:2.5rem 2rem 2rem;text-align:center;border-radius:16px 16px 0 0}.modal-icon{font-size:3rem;margin-bottom:1rem}.modal-header h2{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--text-h3);font-weight:700;color:#fff}.modal-header p{margin:0;opacity:.95;font-family:var(--font-body);font-size:var(--text-medium);line-height:1.5;color:#fff}.modal-form{padding:2rem;background:#fff}.modal-field{margin-bottom:1.5rem}@media (min-width: 769px){.modal-content{max-width:800px}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem 2.5rem}.modal-field{margin-bottom:0}.modal-submit,.modal-disclaimer,.modal-field-full-width{grid-column:1 / -1}}.modal-field label{display:block;font-family:var(--font-body);font-size:var(--text-small);font-weight:600;color:var(--brand-dark);margin-bottom:.5rem}.modal-field input{width:100%;padding:.75rem;font-family:var(--font-body);font-size:var(--text-regular);border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;transition:border-color .2s}.modal-field input:focus{outline:none;border-color:var(--brand-river-rock-blue);box-shadow:0 2px 8px #38aabd26;transform:translateY(-1px)}.modal-field input:disabled{background:#fcc6924d;cursor:not-allowed}.modal-field input.error{border-color:#dc3545}.error-message{display:block;color:#dc3545;font-size:.85rem;margin-top:.25rem;font-weight:500}.modal-field input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.modal-submit{padding:.75rem 1.5rem;border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;background-image:linear-gradient(45deg,var(--brand-orange),var(--brand-lazy-orange) 65%,var(--brand-sunday-sunshine));color:var(--brand-river-rock-blue);font-weight:700;font-family:var(--font-body);font-size:var(--text-medium);cursor:pointer;transition:box-shadow .5s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-submit:hover:not(:disabled){box-shadow:var(--shadow-hover)}.modal-submit:disabled{opacity:.7}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.modal-disclaimer{text-align:center;font-size:.85rem;color:#666;margin-top:1rem;margin-bottom:0}.modal-success{padding:3rem 2rem;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.modal-success h2{margin:0 0 1rem;font-size:1.75rem;color:#1a1a1a}.modal-success p{margin:0 0 .5rem;font-size:1rem;line-height:1.6;color:#666}.success-subtext{font-size:.9rem;color:#999}.success-subtext a{color:#667eea;text-decoration:none;font-weight:600}.success-subtext a:hover{text-decoration:underline}.success-button{padding:.75rem 2rem;border:1px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:transparent;background-image:linear-gradient(225deg,var(--brand-sea-blue),var(--brand-sea-blue) 65%,var(--brand-terracotta-white));color:var(--brand-river-rock-blue);font-weight:700;font-family:var(--font-body);cursor:pointer;transition:box-shadow .5s ease;margin-top:2rem}.success-button:hover{box-shadow:var(--shadow-hover)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:2rem 1.5rem 1.5rem}.modal-header h2{font-size:var(--text-h4)}.modal-header p{font-size:var(--text-small)}.modal-form{padding:1.5rem}.modal-field{margin-bottom:1.25rem}.modal-field label{font-size:var(--text-regular)}.modal-field input{min-height:3rem;font-size:16px;padding:.75rem}.modal-submit{min-height:3rem;font-size:var(--text-regular);padding:.875rem 1.5rem}.modal-disclaimer{font-size:var(--text-tiny)}.modal-success{padding:2rem 1.5rem}.success-icon{font-size:3rem}.modal-success h2{font-size:var(--text-h4)}.modal-success p{font-size:var(--text-small)}.success-button{min-height:3rem;font-size:var(--text-regular)}}@media (max-width: 480px){.modal-header{padding:1.5rem 1rem 1rem}.modal-header h2{font-size:var(--text-h5)}.modal-form{padding:1rem}.modal-field input,.modal-submit{min-height:3.25rem}.modal-success{padding:1.5rem 1rem}}.modal-field input.input-error{border-color:#dc3545;background-color:transparent}.modal-field input.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.error-message{display:block;color:#dc3545;font-size:.85rem;margin-top:.5rem;font-weight:500;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.modal-content.shake{animation:shake .4s ease-in-out}.link-button{background:none;border:none;color:var(--brand-sea-blue);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-weight:600}.link-button:hover{color:var(--brand-orange)}.modal-field select{width:100%;padding:.75rem 2.5rem .75rem .75rem;font-family:var(--font-body);font-size:var(--text-regular);border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23133052' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s;cursor:pointer}.modal-field select:focus{outline:none;border-color:var(--brand-river-rock-blue);box-shadow:0 2px 8px #38aabd26}.modal-field select:disabled{background:#fcc6924d;cursor:not-allowed}.modal-field select.input-error{border-color:#dc3545}.modal-field select.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.radio-option-inline{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;background:transparent}.radio-option-inline:hover{border-color:var(--brand-river-rock-blue);background:#38aabd0d}.radio-option-inline.active{border-color:var(--brand-river-rock-blue);background:linear-gradient(135deg,#38aabd0d,#38aabd1a)}.radio-option-inline input[type=radio]{width:20px;height:20px;margin:-2px 0 0;padding:0;cursor:pointer;flex-shrink:0;vertical-align:middle;accent-color:var(--brand-river-rock-blue)}.radio-option-inline span{font-family:var(--font-body);font-size:var(--text-regular);font-weight:500;color:var(--brand-dark);margin-left:1rem;line-height:1.2}.radio-option-inline.input-error{border-color:#dc3545}@media (max-width: 768px){.modal-field select{min-height:3rem;font-size:16px}.radio-group{grid-template-columns:1fr}}@media (max-width: 480px){.modal-field select{min-height:3.25rem}.radio-option-inline{padding:1rem}}.submission-error{background-color:#fff3f0;border:2px solid #E07856;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;gap:.75rem;align-items:flex-start;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submission-error .error-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.submission-error .error-content{flex:1}.submission-error .error-content h3{margin:0 0 .5rem;font-size:1rem;color:#e07856;font-weight:700}.submission-error .error-content p{margin:0;font-size:.9rem;line-height:1.5;color:#666}.modal-retry{padding:.75rem 1.5rem;border:2px solid var(--brand-river-rock-blue);border-radius:var(--radius-button);background:#fff;color:var(--brand-river-rock-blue);font-weight:600;font-family:var(--font-body);font-size:var(--text-medium);cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.modal-retry:hover{background:var(--brand-river-rock-blue);color:#fff;box-shadow:var(--shadow-hover)}.modal-retry:active{transform:scale(.98)}