/* ===== AUDIT WIZARD STYLES ===== */
.audit-wizard{max-width:920px;margin:0 auto}

/* Progress */
.audit-progress{display:flex;align-items:center;gap:0;margin-bottom:48px;position:relative}
.audit-progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}
.audit-progress-dot{width:36px;height:36px;border-radius:0;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#7a6b9a;transition:all .4s}
.audit-progress-step.active .audit-progress-dot{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:none}
.audit-progress-step.done .audit-progress-dot{background:#059669;border-color:#059669;color:#fff}
.audit-progress-label{font-size:.58rem;color:#7a6b9a;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;transition:color .3s;text-align:center;max-width:72px;line-height:1.3}
.audit-progress-step.active .audit-progress-label{color:#7c3aed}
.audit-progress-step.done .audit-progress-label{color:#059669}
.audit-progress-line{position:absolute;top:18px;left:0;right:0;height:2px;background:rgba(255,255,255,.06);z-index:0}
.audit-progress-fill{height:100%;background:linear-gradient(90deg,#059669,#7c3aed);transition:width .5s ease;border-radius:0}

/* Steps */
.audit-step{display:none;animation:auditFadeIn .4s ease}
.audit-step.active{display:block}
@keyframes auditFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.audit-question{text-align:center;margin-bottom:36px}
.audit-question h2{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:12px}
.audit-question p{font-size:.92rem;color:#a89cc0;line-height:1.7;max-width:520px;margin:0 auto}

/* Dimension badges */
.audit-dim-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}
.audit-dim-badge.dim-problem{background:#ef4444;color:#fff;border:none}
.audit-dim-badge.dim-users{background:#3b82f6;color:#fff;border:none}
.audit-dim-badge.dim-value{background:#059669;color:#fff;border:none}
.audit-dim-badge.dim-retention{background:#f59e0b;color:#fff;border:none}
.audit-dim-badge.dim-growth{background:#7c3aed;color:#fff;border:none}
.audit-dim-badge.dim-monetization{background:#10b981;color:#fff;border:none}
.audit-dim-badge.dim-tech{background:#ec4899;color:#fff;border:none}
.audit-dim-badge.dim-team{background:#a78bfa;color:#fff;border:none}

/* Options */
.audit-options{display:grid;gap:10px;max-width:520px;margin:0 auto}
.audit-option{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s;text-align:left}
.audit-option:hover{border-color:rgba(178,107,255,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(178,107,255,.1)}
.audit-option.selected{background:rgba(178,107,255,.06);border-color:#7c3aed;box-shadow:none}
.audit-option-icon{width:46px;height:46px;border-radius:0;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0;line-height:0;color:#7c3aed;transition:all .3s}
.audit-option-icon svg{width:22px;height:22px;display:block}
.audit-option.selected .audit-option-icon{background:#ffffff;border-color:#ffffff;color:#111827}
.audit-option-text h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:2px}
.audit-option-text p{font-size:.78rem;color:#7a6b9a;margin:0;line-height:1.5}

.audit-nav{display:flex;justify-content:center;gap:12px;margin-top:36px}
.audit-counter{text-align:center;margin-top:16px;font-size:.72rem;color:#5a4a7a;letter-spacing:1px}
.audit-submit-status{text-align:center;min-height:22px;margin-top:10px;font-size:.78rem;color:#7a6b9a}
.btn-loading{position:relative;pointer-events:none;opacity:.9}
.btn-loading .btn-label{opacity:0}
.btn-loading .btn-spinner{display:block!important;position:absolute;top:50%;left:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:auditSpin .8s linear infinite}
@keyframes auditSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Contact form */
.audit-form{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.audit-form .form-group label{display:block;font-size:.78rem;color:#888;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.audit-form .form-group input,
.audit-form .form-group textarea,
.audit-form .form-group select{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:0;padding:14px 16px;color:#e8e4f0;font-family:inherit;font-size:.9rem;transition:border-color .3s;outline:none;resize:vertical;width:100%;box-sizing:border-box}
.audit-form .form-group select option{background:#0a0614;color:#e8e4f0}
.audit-form .form-group input:focus,
.audit-form .form-group textarea:focus,
.audit-form .form-group select:focus{border-color:rgba(178,107,255,.5)}
.audit-form .form-group input::placeholder,
.audit-form .form-group textarea::placeholder{color:#5a4a7a}

/* ===== RESULT ===== */
.audit-result{max-width:800px;margin:0 auto}
.audit-result-header{text-align:center;margin-bottom:40px}
.audit-result-header h2{font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:8px}
.audit-result-header p{font-size:1rem;color:#a89cc0;line-height:1.7}

/* Stage card */
.audit-stage-card{padding:32px;border-radius:0;margin-bottom:32px;text-align:center;position:relative;overflow:hidden}
.audit-stage-card::before{display:none}
.audit-stage-card.stage-1{background:transparent;border:1px solid #ef4444;color:#ef4444}
.audit-stage-card.stage-2{background:transparent;border:1px solid #f59e0b;color:#f59e0b}
.audit-stage-card.stage-3{background:transparent;border:1px solid #3b82f6;color:#3b82f6}
.audit-stage-card.stage-4{background:transparent;border:1px solid #059669;color:#059669}
.audit-stage-card.stage-5{background:transparent;border:1px solid #7c3aed;color:#7c3aed}
.audit-stage-num{font-family:'Inter',sans-serif;font-size:.68rem;letter-spacing:3px;margin-bottom:8px;position:relative;text-transform:uppercase;font-weight:700}
.audit-stage-name{font-size:1.4rem;font-weight:900;color:#fff;margin-bottom:8px;position:relative}
.audit-stage-desc{font-size:.9rem;color:#a89cc0;line-height:1.7;max-width:500px;margin:0 auto;position:relative}

/* Overall score */
.audit-overall{text-align:center;padding:28px;border-radius:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin-bottom:32px}
.audit-overall-num{font-size:3.5rem;font-weight:900;line-height:1}
.audit-overall-label{font-size:.72rem;color:#7a6b9a;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:8px}

/* Scores list */
.audit-scores-list{display:flex;flex-direction:column;gap:10px}
.audit-score-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.audit-score-row-icon{font-size:1rem;width:28px;text-align:center;flex-shrink:0}
.audit-score-row-info{flex:1;min-width:0}
.audit-score-row-label{font-size:.75rem;color:#7a6b9a;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.audit-score-row-bar{height:6px;border-radius:0;background:rgba(255,255,255,.06);margin-top:6px;overflow:hidden}
.audit-score-row-fill{height:100%;border-radius:0;transition:width 1s ease}
.audit-score-row-fill.green{background:#059669}
.audit-score-row-fill.yellow{background:#f59e0b}
.audit-score-row-fill.red{background:#ef4444}
.audit-score-row-val{font-size:.85rem;font-weight:800;min-width:36px;text-align:right}
.audit-score-row-val.green{color:#059669}
.audit-score-row-val.yellow{color:#d97706}
.audit-score-row-val.red{color:#ef4444}

/* Recommendations */
.audit-recs{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.audit-rec{display:flex;gap:16px;padding:24px;border-radius:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.audit-rec-priority{width:40px;height:40px;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;font-weight:900}
.audit-rec-priority.critical{background:#ef4444;color:#fff}
.audit-rec-priority.important{background:#f59e0b;color:#fff}
.audit-rec-priority.nice{background:#059669;color:#fff}
.audit-rec-content h4{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px}
.audit-rec-content p{font-size:.85rem;color:#a89cc0;line-height:1.6;margin:0}
.audit-rec-link{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:#7c3aed;font-weight:600;margin-top:8px;text-decoration:none;transition:color .3s}
.audit-rec-link:hover{color:#fff}

/* PMF Path banner */
.audit-path-banner{display:flex;align-items:center;gap:24px;padding:28px 32px;border-radius:0;background:#1e1136;border:1px solid #1e1136;margin-bottom:32px;transition:all .3s}
.audit-path-banner:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.12)}
.audit-path-banner-icon{width:64px;height:64px;border-radius:0;background:rgba(255,255,255,.08);border:1px solid rgba(124,58,237,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0;line-height:0;color:#c4b5fd}
.audit-path-banner-icon svg{width:28px;height:28px;display:block}
.audit-path-banner-text h3{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:4px}
.audit-path-banner-text p{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.6;margin:0}

.audit-result-note{display:flex;align-items:center;gap:12px;padding:20px 24px;border-radius:0;background:transparent;border:1px solid #059669;margin:28px 0;text-align:left}
.audit-result-note svg{color:#059669;flex-shrink:0}
.audit-result-note p{font-size:.9rem;color:#a89cc0;margin:0;line-height:1.6}
.audit-result-note strong{color:#059669}

/* Intro grid */
.audit-intro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
.audit-intro-card{padding:24px 20px;border-radius:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);text-align:center;transition:all .3s}
.audit-intro-card:hover{border-color:rgba(178,107,255,.3)}
.audit-intro-card-icon{font-size:0;line-height:0;margin-bottom:12px}
.audit-intro-card-icon svg{width:22px;height:22px;display:block}
.audit-intro-card h4{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:4px}
.audit-intro-card p{font-size:.75rem;color:#7a6b9a;line-height:1.5;margin:0}

/* ===== BlackCatAI Bot Analysis ===== */
.audit-bot-section{margin:36px 0;padding:28px 28px 24px;border-radius:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.audit-bot-section::before{display:none}
.audit-bot-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.audit-bot-avatar{width:48px;height:48px;border-radius:0;background:#7c3aed;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.audit-bot-header h3{font-size:1rem;font-weight:800;color:#fff;margin:0 0 2px}
.audit-bot-header p{font-size:.75rem;color:#7a6b9a;margin:0}

/* Typing animation */
.audit-bot-typing{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.audit-bot-typing span{width:8px;height:8px;border-radius:50%;background:#7c3aed;animation:botDot 1.4s infinite ease-in-out}
.audit-bot-typing span:nth-child(2){animation-delay:.2s}
.audit-bot-typing span:nth-child(3){animation-delay:.4s}
.audit-bot-typing em{font-size:.78rem;color:#7a6b9a;font-style:normal;margin-left:4px}
@keyframes botDot{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}

/* Analysis content */
.audit-bot-analysis{display:flex;flex-direction:column;gap:14px}
.audit-bot-msg{padding:16px 20px;border-radius:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);animation:botMsgIn .4s ease}
.audit-bot-msg h4{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.audit-bot-msg h4 .bot-label{font-size:.6rem;padding:2px 8px;border-radius:0;background:#7c3aed;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.audit-bot-msg p{font-size:.84rem;color:#a89cc0;line-height:1.7;margin:0}
.audit-bot-msg ul{list-style:none;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}
.audit-bot-msg ul li{font-size:.82rem;color:#c4bdd4;padding-left:16px;position:relative;line-height:1.6}
.audit-bot-msg ul li::before{content:'';width:5px;height:5px;border-radius:0;background:#7c3aed;position:absolute;left:0;top:8px}
@keyframes botMsgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Sent confirmation */
.audit-bot-sent{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:0;background:transparent;border:1px solid #059669;margin-top:14px;animation:botMsgIn .4s ease}
.audit-bot-sent svg{color:#059669;flex-shrink:0}
.audit-bot-sent span{font-size:.84rem;color:#059669;font-weight:600}

@media(max-width:960px){
  .audit-intro-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .audit-progress-label{font-size:.5rem;letter-spacing:.8px;max-width:48px}
  .audit-progress-dot{width:28px;height:28px;font-size:.6rem}
  .audit-progress-line{top:14px}
  .audit-question h2{font-size:1.2rem}
  .audit-intro-grid{grid-template-columns:1fr}
  .audit-path-banner{flex-direction:column;text-align:center}
  .audit-rec{flex-direction:column;gap:12px}
  .audit-stage-name{font-size:1.1rem}
  .audit-bot-section{padding:20px 18px}
  .audit-bot-header h3{font-size:.9rem}
}
.est-modern-card-container { display: flex; flex-direction: column; gap: 12px; }
.est-modern-card { background: #1a1625; border: 1px solid rgba(255,255,255,0.05); padding: 20px; border-radius: 8px; display: grid; grid-template-columns: 1fr 120px 2fr; gap: 20px; align-items: center; transition: all 0.3s ease; }
.est-modern-card:hover { border-color: rgba(144, 114, 219, 0.4); background: #1e192c; transform: translateY(-2px); }
.est-mc-title { font-weight: 600; color: #fff; font-size: 1.05rem; }
.est-mc-val { font-weight: 700; color: #9072db; font-size: 1.1rem; white-space: nowrap; }
.est-mc-desc { color: #8a7ea8; font-size: 0.9rem; line-height: 1.5; }

@media(max-width: 768px) {
  .est-modern-card { grid-template-columns: 1fr; gap: 12px; }
  .est-mc-val { font-size: 1rem; }
}