.audit-demo *{box-sizing:border-box;margin:0;padding:0}.audit-demo{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 25px 50px -12px #0000001a;overflow:hidden;max-width:820px;margin:0 auto;padding:28px 32px}.audit-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.audit-brand{display:flex;align-items:center;gap:10px}.audit-brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6b4eff,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-brand-icon svg{width:18px;height:18px;color:#fff}.audit-brand-name{font-size:15px;font-weight:600;color:#111827}.audit-brand-sub{font-size:11px;color:#9ca3af}.audit-status{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#05966914;color:#059669;font-size:11px;font-weight:600;border-radius:20px}.audit-status-dot{width:6px;height:6px;border-radius:50%;background:#059669;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.audit-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-template-rows:auto 1fr;gap:0}.col-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding-left:2px;padding-bottom:10px;align-self:start}.audit-flow-content{display:flex;flex-direction:column;gap:8px;align-self:center}.audit-flow-arrow{display:flex;align-items:center;justify-content:center;padding:0 4px;color:#d1d5db;align-self:center}.audit-flow-arrow svg{width:24px;height:24px}.ai-platform-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f9fafb;border-radius:10px;border:1px solid #f3f4f6;transition:all .2s}.ai-platform-card:hover{border-color:#e5e7eb;background:#f3f4f6}.ai-platform-card img{width:22px;height:22px;border-radius:5px}.ai-platform-card .platform-label{font-size:12px;font-weight:500;color:#374151;flex:1}.ai-platform-card .platform-check{width:16px;height:16px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center}.ai-platform-card .platform-check svg{width:10px;height:10px;color:#059669}.analysis-hub{background:linear-gradient(135deg,#f8f5ff,#faf8ff);border-radius:14px;border:1px solid #e9e5ff;padding:16px;display:flex;flex-direction:column;gap:10px}.analysis-metric{display:flex;align-items:center;justify-content:space-between;gap:8px}.analysis-metric-label{font-size:11px;color:#6b7280}.analysis-metric-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;max-width:80px}.analysis-metric-fill{height:100%;border-radius:3px;transition:width .6s ease}.analysis-metric-value{font-size:11px;font-weight:600;color:#111827;min-width:28px;text-align:right}.insight-card{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #f3f4f6;background:#fff}.insight-icon{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon svg{width:13px;height:13px}.insight-icon.green{background:#d1fae5}.insight-icon.green svg{color:#059669}.insight-icon.orange{background:#ffedd5}.insight-icon.orange svg{color:#ea580c}.insight-icon.blue{background:#dbeafe}.insight-icon.blue svg{color:#2563eb}.insight-icon.purple{background:#ede9fe}.insight-icon.purple svg{color:#7c3aed}.insight-text{flex:1;min-width:0}.insight-title{font-size:12px;font-weight:500;color:#111827;line-height:1.3}.insight-desc{font-size:10px;color:#9ca3af;line-height:1.3}.col-header-mobile{display:none;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding-left:2px;margin-bottom:6px}@media(max-width:700px){.audit-demo{padding:16px 12px;border-radius:16px}.audit-topbar{margin-bottom:16px}.audit-flow{display:flex;flex-direction:column;gap:6px}.col-header,.col-header-spacer{display:none}.col-header-mobile{display:block}.audit-flow-content,.ai-platform-card,.insight-card,.analysis-hub{width:100%}.analysis-metric-bar{max-width:none;flex:1}.audit-flow-arrow{transform:rotate(90deg);padding:4px 0}}.comparison-wrap *{box-sizing:border-box;margin:0;padding:0}.comparison-wrap{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto}.card{background:#fff;border-radius:20px;border:1px solid #e5e7eb;padding:28px;position:relative}.card-badge{position:absolute;top:16px;left:16px;padding:6px 14px;font-size:12px;font-weight:600;border-radius:20px}.card.before .card-badge{background:#fef2f2;color:#dc2626}.card.after .card-badge{background:#ecfdf5;color:#059669}.card-content{padding-top:32px;text-align:center}.card-icon{width:64px;height:64px;border-radius:16px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.card.before .card-icon{background:#fef2f2}.card.before .card-icon svg{color:#dc2626}.card.after .card-icon{background:#ecfdf5}.card.after .card-icon svg{color:#059669}.card-icon svg{width:32px;height:32px}.card-score{font-size:48px;font-weight:800;margin-bottom:4px}.card.before .card-score{color:#dc2626}.card.after .card-score{color:#059669}.card-label{font-size:14px;color:#6b7280;margin-bottom:24px}.issues-list{text-align:left}.issues-title{font-size:12px;font-weight:600;color:#374151;margin-bottom:12px;display:flex;align-items:center;gap:6px}.issue-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f9fafb;border-radius:10px;margin-bottom:8px;font-size:13px}.issue-item:last-child{margin-bottom:0}.card.before .issue-item{color:#dc2626}.card.after .issue-item{color:#059669}.issue-item svg{width:16px;height:16px;flex-shrink:0}@media(max-width:640px){.comparison-wrap{grid-template-columns:1fr}}