*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2c5f4f;--color-primary-light: #3d8068;--color-primary-dark: #1d4137;--color-accent: #d4a574;--color-red: #c44536;--color-amber: #e67e22;--color-green: #27ae60;--color-text: #2c3e50;--color-text-light: #7f8c8d;--color-bg: #ffffff;--color-bg-alt: #f8f9fa;--color-border: #e0e0e0;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 64px;--max-width: 1200px;--max-width-narrow: 800px}body{font-family:var(--font-primary);color:var(--color-text);line-height:1.6;background:var(--color-bg)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.container-narrow{max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-xl) 0}h1,h2,h3,h4{line-height:1.2;font-weight:700;color:var(--color-text)}h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md)}h2{font-size:clamp(1.75rem,3vw,2.25rem);margin-bottom:var(--spacing-md)}h3{font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm);font-size:1.125rem;line-height:1.7}.hero{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:#fff;text-align:center;padding:var(--spacing-xl) 0 calc(var(--spacing-xl) * 1.5)}.hero h1,.hero p{color:#fff}.hero .subheadline{font-size:1.25rem;margin-bottom:var(--spacing-lg);opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:1.125rem;font-weight:600;text-decoration:none;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;text-align:center}.btn-primary{background:var(--color-accent);color:var(--color-text)}.btn-primary:hover{background:#c49563;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.microcopy{font-size:.875rem;margin-top:var(--spacing-sm);opacity:.85}.benefits{background:var(--color-bg-alt)}.benefits ul{list-style:none;margin-top:var(--spacing-md)}.benefits li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;font-size:1.125rem;line-height:1.7}.benefits li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.5rem}.authority{background:#fff}.testimonial{background:var(--color-bg-alt);padding:var(--spacing-lg);border-left:4px solid var(--color-primary);font-style:italic;margin:var(--spacing-md) 0}.testimonial-quote{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.testimonial-name{font-style:normal;font-weight:600;color:var(--color-primary)}.how-it-works{background:#fff}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.step{text-align:center;padding:var(--spacing-md)}.step-number{width:60px;height:60px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto var(--spacing-sm)}.step h3{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;text-align:center}.cta-section h2,.cta-section p{color:#fff}.quiz-container{min-height:100vh;background:var(--color-bg-alt);padding:var(--spacing-lg) 0}.quiz-card{background:#fff;border-radius:12px;padding:var(--spacing-lg);box-shadow:0 4px 12px #0000001a;margin:var(--spacing-md) 0}.question-group{margin-bottom:var(--spacing-lg)}.question-label{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);display:block;color:var(--color-text)}.question-number{color:var(--color-primary);font-weight:700}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.radio-label,.checkbox-label{display:flex;align-items:center;padding:var(--spacing-sm);background:var(--color-bg-alt);border-radius:6px;cursor:pointer;transition:all .2s ease}.radio-label:hover,.checkbox-label:hover{background:#e8eaed}.radio-label input,.checkbox-label input{margin-right:var(--spacing-sm);cursor:pointer}input[type=text],input[type=email],textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:var(--font-primary);transition:border-color .2s ease}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:var(--color-primary)}textarea{min-height:100px;resize:vertical}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.results-container{min-height:100vh;background:var(--color-bg-alt);padding:var(--spacing-lg) 0}.score-display{text-align:center;padding:var(--spacing-xl);background:#fff;border-radius:12px;margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px #0000001a}.score-number{font-size:5rem;font-weight:700;margin:var(--spacing-md) 0}.score-number.red{color:var(--color-red)}.score-number.amber{color:var(--color-amber)}.score-number.green{color:var(--color-green)}.band-label{font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.band-label.red{color:var(--color-red)}.band-label.amber{color:var(--color-amber)}.band-label.green{color:var(--color-green)}.insights-box{background:#fff;border-radius:12px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px #0000001a}.insights-box h3{color:var(--color-primary);margin-bottom:var(--spacing-md)}.insights-box ul{list-style:none;margin-left:0}.insights-box li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-md);position:relative;line-height:1.7}.insights-box li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.cta-box{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border-radius:12px;padding:var(--spacing-lg);text-align:center}.cta-box h3,.cta-box p{color:#fff}.hidden{display:none}@media (max-width: 768px){section{padding:var(--spacing-lg) 0}.steps{grid-template-columns:1fr}.btn{width:100%}}
