*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{align-items:flex-start;background:#f8f9fa;color:#1a1a1a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.audit-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:620px;padding:2rem;width:100%}.audit-logo{color:#1d9e75;font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.audit-title{color:#111827;font-size:22px;font-weight:600;margin-bottom:.25rem}.audit-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:1.5rem}.progress-wrap{margin-bottom:1.75rem}.progress-meta{color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.progress-bg{background:#f3f4f6}.progress-bg,.progress-fill{border-radius:2px;height:4px}.progress-fill{background:#1d9e75;transition:width .35s ease}.step{display:none}.step.active{display:block}.step-section{color:#1d9e75;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:.4rem;text-transform:uppercase}.step-question{color:#111827;font-size:17px;font-weight:500;line-height:1.45;margin-bottom:1.25rem}.options{display:flex;flex-direction:column;gap:10px}.opt-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:11px;line-height:1.4;padding:13px 16px;text-align:left;transition:border-color .15s,background .15s}.opt-btn:hover{background:#f0fdf8;border-color:#1d9e75}.opt-btn.selected{background:#f0fdf8;border:2px solid #1d9e75;color:#065f46}.opt-icon{color:#d1d5db;flex-shrink:0;font-size:17px}.opt-btn.selected .opt-icon{color:#1d9e75}.nav{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:1.75rem}.nav-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .15s}.nav-btn:hover{background:#f9fafb}.nav-btn:disabled{cursor:not-allowed;opacity:.35}.nav-btn.primary{background:#1d9e75;border-color:#1d9e75;color:#fff;flex:1;font-weight:500;text-align:center}.nav-btn.primary:hover{background:#0f6e56}.nav-btn.primary:disabled{background:#9ca3af;border-color:#9ca3af}#capture{display:none}.capture-intro{padding:.5rem 0 1.5rem;text-align:center}.capture-icon{color:#1d9e75;font-size:36px;margin-bottom:.75rem}.capture-title{color:#111827;font-size:19px;font-weight:600;margin-bottom:.4rem}.capture-desc{color:#6b7280;font-size:14px;line-height:1.55;margin:0 auto 1.5rem;max-width:400px}.form-row{margin-bottom:14px}.form-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s;width:100%}.form-input:focus{border-color:#1d9e75;box-shadow:0 0 0 3px rgba(29,158,117,.12)}.form-input.error{border-color:#e24b4a}.form-error{color:#e24b4a;display:none;font-size:12px;margin-top:4px}.submit-btn{background:#1d9e75;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:.5rem;padding:14px;transition:background .15s;width:100%}.submit-btn:hover{background:#0f6e56}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.rgpd-note{font-size:11px;line-height:1.5}.back-link,.rgpd-note{color:#9ca3af;margin-top:.75rem;text-align:center}.back-link{background:none;border:none;cursor:pointer;display:block;font-size:13px;text-decoration:underline}.back-link:hover{color:#6b7280}#result{display:none}.score-header{margin-bottom:1.5rem;text-align:center}.score-circle{align-items:center;border:3px solid #1d9e75;border-radius:50%;display:flex;flex-direction:column;height:100px;justify-content:center;margin:0 auto 1rem;width:100px}.score-num{font-size:30px;font-weight:600}.score-label{color:#111827;font-size:17px;font-weight:600;margin-bottom:.4rem}.score-desc{color:#6b7280;font-size:14px;line-height:1.55;margin:0 auto;max-width:420px}.section-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:1.25rem 0}.sec-card{background:#f9fafb;border-radius:10px;padding:12px 14px}.sec-name{color:#6b7280;font-size:12px;margin-bottom:6px}.sec-bar-bg{background:#e5e7eb;margin-bottom:5px}.sec-bar-bg,.sec-bar-fill{border-radius:2px;height:4px}.sec-bar-fill{transition:width .5s ease}.sec-pct{font-size:13px;font-weight:500}.reco-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.reco-title{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.07em;margin-bottom:.75rem;text-transform:uppercase}.reco-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;font-size:14px;gap:10px;line-height:1.45;padding:9px 0}.reco-item:last-child{border-bottom:none;padding-bottom:0}.reco-ico{color:#1d9e75;flex-shrink:0;font-size:17px;margin-top:1px}.cta-section{margin-top:1.25rem;text-align:center}.cta-btn{background:#1d9e75;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:500;padding:14px 28px;text-decoration:none;transition:background .15s}.cta-btn:hover{background:#0f6e56}.cta-sub{color:#9ca3af;font-size:12px;margin-top:.75rem}.restart-btn{background:none;border:none;color:#9ca3af;cursor:pointer;display:block;font-size:13px;margin:.75rem auto 0;text-decoration:underline}.restart-btn:hover{color:#6b7280}@media (max-width:480px){.audit-container{padding:1.25rem}.section-grid{grid-template-columns:1fr}.audit-title{font-size:18px}}