#sauce-audit-wrapper{background:linear-gradient(180deg,#fafafa,#fff);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;min-height:100vh;padding:40px 24px}#sauce-audit-wrapper *{box-sizing:border-box}[x-cloak]{display:none!important}.fade-out{animation:fadeOut .3s ease-out forwards}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-section{margin-bottom:40px;text-align:center}.badge{background:linear-gradient(135deg,#ff2d38,#ff5c64);border-radius:100px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.brand-badge{align-items:center;background:#f3f4f6;border-radius:100px;display:inline-flex;gap:8px;margin-bottom:20px;padding:8px 16px 8px 14px}.brand-badge-text{color:#6b7280;font-size:13px;font-weight:500}.brand-logo{height:32px;width:auto}.header-section h1{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.header-section .subtitle{color:#6b7280;font-size:16px;margin:0 auto;max-width:540px}.progress-container{margin-bottom:32px}.progress-bar{background:#e5e7eb;border-radius:100px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff2d38,#ff5c64);border-radius:100px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{color:#6b7280;display:flex;font-size:13px;justify-content:space-between;margin-top:8px}.progress-percent{color:#ff2d38;font-weight:600}.name-input-section{margin-bottom:36px}.name-input-section label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.name-input-section input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:16px;padding:14px 18px;transition:all .2s ease;width:100%}.name-input-section input:focus{border-color:#ff2d38;box-shadow:0 0 0 4px rgba(255,45,56,.1);outline:none}.name-input-section input::placeholder{color:#9ca3af}.audit-section{margin-bottom:36px}.section-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.section-number{align-items:center;background:#111827;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.section-info h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 4px}.section-info p{color:#6b7280;font-size:14px;margin:0}.checklist{display:flex;flex-direction:column;gap:10px}.check-card{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:all .2s ease}.check-card:hover{background:#fafafa;border-color:#d1d5db}.check-card.checked{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#ff2d38}.check-box{flex-shrink:0;position:relative}.check-box input{cursor:pointer;height:24px;opacity:0;position:absolute;width:24px}.checkmark{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.checkmark svg{color:#fff;height:14px;opacity:0;transform:scale(.5);transition:all .2s ease;width:14px}.check-card.checked .checkmark{background:#ff2d38;border-color:#ff2d38}.check-card.checked .checkmark svg{opacity:1;transform:scale(1)}.check-content{flex:1;min-width:0}.check-title{color:#1f2937;display:block;font-size:15px;font-weight:600;margin-bottom:4px}.check-helper{color:#6b7280;display:block;font-size:13px;line-height:1.5}.check-points{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);background:#ff2d38;border-radius:100px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;padding:4px 10px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.results-button-container{margin-top:40px;text-align:center}.see-results-btn{align-items:center;background:linear-gradient(135deg,#ff2d38,#e02530);border:none;border-radius:14px;box-shadow:0 4px 20px rgba(255,45,56,.35);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:17px;font-weight:700;gap:10px;justify-content:center;padding:18px 40px;transition:all .3s ease}.see-results-btn:hover:not(:disabled){box-shadow:0 8px 30px rgba(255,45,56,.45);transform:translateY(-2px)}.see-results-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.see-results-btn svg{height:20px;width:20px}.screen-results{padding-top:20px}.back-button{align-items:center;background:transparent;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;margin-bottom:30px;padding:10px 16px;transition:all .2s ease}.back-button:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.back-button svg{height:18px;width:18px}.results-container{margin:0 auto;max-width:600px}.score-reveal{margin-bottom:40px;text-align:center}.restaurant-name{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:24px;text-transform:uppercase}.score-circle-container{height:200px;margin:0 auto 24px;position:relative;width:200px}.score-circle{height:100%;transform:rotate(-90deg);width:100%}.score-bg{fill:none;stroke:#e5e7eb;stroke-width:12}.score-progress{fill:none;stroke-dasharray:565.48;stroke-linecap:round;stroke-width:12;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.score-inner{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.score-number{color:#111827;font-size:56px;font-weight:800;letter-spacing:-2px;line-height:1}.score-label{color:#9ca3af;font-size:13px;font-weight:500}.status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:16px;padding:12px 24px}.status-badge .status-icon{height:24px;width:24px}.status-badge .status-icon svg{height:100%;width:100%}.status-low{background:#fef2f2;color:#dc2626}.status-mid{background:#fffbeb;color:#d97706}.status-high{background:#ecfdf5;color:#059669}.status-message{color:#6b7280;font-size:16px;margin:0 auto;max-width:400px}.breakdown-section{margin-bottom:36px}.breakdown-section h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 16px}.breakdown-grid{display:flex;flex-direction:column;gap:12px}.breakdown-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px}.breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.breakdown-title{color:#374151;font-size:14px;font-weight:600}.breakdown-score{color:#ff2d38;font-size:14px;font-weight:700}.breakdown-bar{background:#f3f4f6;border-radius:100px;height:8px;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg,#ff2d38,#ff5c64);border-radius:100px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.quickwins-section{background:#f9fafb;border-radius:16px;margin-bottom:36px;padding:24px}.quickwins-section h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 6px}.quickwins-subtitle{color:#6b7280;font-size:14px;margin:0 0 16px}.quickwins-list{display:flex;flex-direction:column;gap:10px}.quickwin-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:14px 16px}.quickwin-points{background:#111827;border-radius:6px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;padding:4px 10px}.quickwin-text{color:#374151;font-size:14px;font-weight:500}.cta-section{background:linear-gradient(135deg,#111827,#1f2937);border-radius:20px;padding:40px 32px;text-align:center}.cta-icon{margin-bottom:20px}.cta-icon svg{height:56px;width:56px}.cta-content h3{color:#fff;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 12px}.cta-content p{color:#9ca3af;font-size:15px;margin:0 auto 24px;max-width:400px}.cta-button{align-items:center;background:linear-gradient(135deg,#ff2d38,#e02530);border:none;border-radius:12px;box-shadow:0 4px 20px rgba(255,45,56,.4);color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 32px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 30px rgba(255,45,56,.5);transform:translateY(-2px)}.cta-button svg{height:18px;width:18px}.cta-note{color:#6b7280;display:block;font-size:13px;margin-top:14px}@media (max-width:640px){#sauce-audit-wrapper{padding:24px 16px}.header-section h1{font-size:26px}.header-section .subtitle{font-size:15px}.section-header{gap:12px}.section-number{font-size:14px;height:32px;width:32px}.section-info h3{font-size:16px}.check-card{padding:14px}.check-title{font-size:14px}.check-helper{font-size:12px}.see-results-btn{padding:16px 24px;width:100%}.score-number{font-size:48px}.status-badge{font-size:16px;padding:10px 20px}.cta-section{padding:32px 20px}.cta-content h3{font-size:20px}.cta-button{width:100%}}