/* ============================================================
   SIMULATEUR D'ESTIMATION — CSS COMPLET v2.0
   ============================================================ */

/* Force [hidden] à fonctionner même quand display: flex/grid est défini par une autre règle CSS */
.sim-wrapper [hidden],
.sim-popup-overlay[hidden] {
  display: none !important;
}

/* ── Hero section ─────────────────────────────────────────── */
.sim-hero {
  text-align: center;
  padding: 0 16px 32px;
  max-width: 1100px;
  margin: 0 auto;
  font-family: var(--sim-font);
}
.sim-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #c2410c;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .4px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.sim-hero-title {
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 900;
  color: #0f172a;
  line-height: 1.15;
  margin: 0 0 14px;
  letter-spacing: -.5px;
}
.sim-hero-title em {
  font-style: normal;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sim-hero-sub {
  font-size: 17px;
  color: #475569;
  margin: 0 0 20px;
  line-height: 1.6;
}
.sim-hero-social-proof {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 40px;
  padding: 6px 16px;
  font-size: 13px;
  color: #15803d;
  font-weight: 500;
}
.sim-hero-social-proof .sim-hero-dot {
  width: 8px;
  height: 8px;
  background: #22c55e;
  border-radius: 50%;
  animation: sim-pulse-dot 1.8s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes sim-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .5; transform: scale(.7); }
}
/* ── End Hero ─────────────────────────────────────────────── */

:root {
  --sim-bg: #f0f2f5; --sim-white: #ffffff; --sim-primary: #2563eb;
  --sim-primary-dark: #1d4ed8; --sim-primary-light: #eff6ff;
  --sim-cta: #f97316; --sim-cta-hover: #ea6c0a;
  --sim-text: #1a1a2e; --sim-text-muted: #6b7280; --sim-text-light: #9ca3af;
  --sim-border: #e5e7eb; --sim-success: #16a34a; --sim-danger: #dc2626;
  --sim-card-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --sim-card-shadow-hover: 0 4px 12px rgba(0,0,0,.12);
  --sim-radius: 12px; --sim-radius-sm: 8px; --sim-radius-lg: 16px;
  --sim-transition: all .2s ease;
  --sim-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.sim-wrapper, .sim-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
.sim-wrapper { font-family: var(--sim-font); font-size: 16px; color: var(--sim-text); background: var(--sim-bg); min-height: 500px; position: relative; max-width: 1100px; margin: 0 auto; border-radius: var(--sim-radius-lg); overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,.08); }
.sim-social-bar { background: var(--sim-white); border-bottom: 1px solid var(--sim-border); padding: 8px 24px; display: flex; align-items: center; gap: 12px; font-size: 13px; color: var(--sim-text-muted); flex-wrap: wrap; }
.sim-social-stars { color: var(--sim-text); }
.sim-social-stars strong { color: var(--sim-primary); }
.sim-social-sep { color: var(--sim-border); }
.sim-reset-btn { margin-left: auto; background: none; border: 1px solid var(--sim-border); border-radius: 20px; padding: 4px 12px; font-size: 12px; cursor: pointer; color: var(--sim-text-muted); transition: var(--sim-transition); }
.sim-reset-btn:hover { border-color: var(--sim-primary); color: var(--sim-primary); }
.sim-steps-nav { background: var(--sim-white); padding: 16px 24px; display: flex; align-items: center; gap: 0; border-bottom: 1px solid var(--sim-border); overflow-x: auto; scrollbar-width: none; }
.sim-steps-nav::-webkit-scrollbar { display: none; }
.sim-step-item { display: flex; align-items: center; gap: 8px; cursor: default; flex-shrink: 0; }
.sim-step-circle { width: 32px; height: 32px; border-radius: 50%; background: var(--sim-border); color: var(--sim-text-muted); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; transition: var(--sim-transition); }
.sim-step-info { display: flex; flex-direction: column; }
.sim-step-sub { font-size: 10px; color: var(--sim-text-light); text-transform: uppercase; letter-spacing: .5px; }
.sim-step-label { font-size: 12px; font-weight: 600; color: var(--sim-text-muted); }
.sim-step-item.active .sim-step-circle { background: var(--sim-primary); color: #fff; box-shadow: 0 0 0 4px rgba(37,99,235,.15); }
.sim-step-item.active .sim-step-label { color: var(--sim-primary); }
.sim-step-item.completed .sim-step-circle { background: var(--sim-success); color: #fff; }
.sim-step-item.completed .sim-step-label { color: var(--sim-success); }
.sim-step-line { flex: 1; height: 2px; background: var(--sim-border); min-width: 20px; margin: 0 4px; transition: var(--sim-transition); }
.sim-step-line.completed { background: var(--sim-success); }
.sim-progress-wrap { padding: 8px 24px 4px; background: var(--sim-white); }
.sim-progress-thin { height: 4px; background: var(--sim-border); border-radius: 4px; overflow: hidden; }
.sim-progress-bar-fill { height: 100%; background: linear-gradient(90deg, var(--sim-primary), #7c3aed); border-radius: 4px; transition: width .5s ease; }
.sim-progress-info { display: flex; justify-content: space-between; font-size: 12px; color: var(--sim-text-muted); margin-top: 4px; padding-bottom: 8px; }
.sim-progress-time { color: var(--sim-text-light); }
.sim-content { padding: 24px; min-height: 400px; }
.sim-step { animation: sim-fadein .25s ease; }
@keyframes sim-fadein { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.sim-step-header { margin-bottom: 24px; position: relative; }
.sim-step-title { font-size: 22px; font-weight: 700; color: var(--sim-text); margin-bottom: 6px; }
.sim-step-desc { font-size: 14px; color: var(--sim-text-muted); }
.sim-back-link { background: none; border: none; color: var(--sim-primary); cursor: pointer; font-size: 14px; padding: 0; margin-bottom: 8px; display: block; }
/* ÉTAPE 1 */
.sim-search-wrap { position: relative; margin-bottom: 20px; }
.sim-search-ico { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 16px; pointer-events: none; }
.sim-search-input { width: 100%; padding: 12px 16px 12px 42px; border: 2px solid var(--sim-border); border-radius: 10px; font-size: 15px; transition: var(--sim-transition); background: var(--sim-white); }
.sim-search-input:focus { outline: none; border-color: var(--sim-primary); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.sim-autocomplete { position: absolute; top: 100%; left: 0; right: 0; background: var(--sim-white); border: 1px solid var(--sim-border); border-radius: var(--sim-radius-sm); box-shadow: var(--sim-card-shadow-hover); z-index: 100; max-height: 240px; overflow-y: auto; margin-top: 4px; }
.sim-autocomplete li { padding: 10px 16px; cursor: pointer; font-size: 14px; transition: background .15s; list-style: none; }
.sim-autocomplete li:hover { background: var(--sim-primary-light); color: var(--sim-primary); }
.sim-sectors-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }
@media (max-width: 768px) { .sim-sectors-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .sim-sectors-grid { grid-template-columns: 1fr; } }
.sim-sector-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: var(--sim-radius); padding: 16px 12px; cursor: pointer; transition: var(--sim-transition); display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; position: relative; overflow: hidden; }
.sim-sector-card:hover { border-color: var(--sim-primary); box-shadow: var(--sim-card-shadow-hover); transform: translateY(-2px); }
.sim-sector-card.selected { border-color: var(--sim-primary); background: var(--sim-primary-light); }
.sim-sector-ico { font-size: 28px; display: block; }
.sim-sector-name { font-size: 13px; font-weight: 700; color: var(--sim-text); }
.sim-sector-desc { font-size: 11px; color: var(--sim-text-muted); line-height: 1.3; }
.sim-sector-arrow { position: absolute; right: 8px; top: 8px; font-size: 12px; color: var(--sim-border); transition: var(--sim-transition); }
.sim-sector-card:hover .sim-sector-arrow { color: var(--sim-primary); }
.sim-subcats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (max-width: 480px) { .sim-subcats-grid { grid-template-columns: 1fr; } }
.sim-subcat-btn, .sim-subcat-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: var(--sim-radius-sm); padding: 12px 16px; cursor: pointer; display: flex; align-items: center; gap: 10px; font-size: 14px; transition: var(--sim-transition); text-align: left; width: 100%; }
.sim-subcat-btn:hover, .sim-subcat-card:hover { border-color: var(--sim-primary); background: var(--sim-primary-light); }
.sim-subcat-btn.selected, .sim-subcat-card.selected { border-color: var(--sim-primary); background: var(--sim-primary-light); font-weight: 600; }
.sim-subcat-icon { font-size: 18px; }
.sim-subcat-label { font-size: 14px; font-weight: 500; }
.sim-ac-icon { margin-right: 4px; }
.sim-ac-label { font-weight: 600; }
.sim-ac-sector { font-size: 12px; color: var(--sim-text-muted); margin-left: auto; }
.sim-subcat-ico { font-size: 18px; }
.sim-step1-info { text-align: center; font-size: 13px; color: var(--sim-text-muted); padding: 12px; background: var(--sim-white); border-radius: var(--sim-radius-sm); display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; }
.sim-sep { color: var(--sim-border); }
/* ÉTAPE 2 */
.sim-section { margin-bottom: 28px; }
.sim-section-title { font-size: 16px; font-weight: 700; color: var(--sim-text); margin-bottom: 14px; }
.sim-badge-optional { font-size: 12px; font-weight: 400; background: #fef3c7; color: #92400e; padding: 2px 8px; border-radius: 12px; margin-left: 8px; }
.sim-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 768px) { .sim-type-grid { grid-template-columns: repeat(2, 1fr); } }
.sim-type-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: var(--sim-radius); padding: 16px 12px; cursor: pointer; transition: var(--sim-transition); display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.sim-type-card:hover, .sim-type-card.selected { border-color: var(--sim-primary); background: var(--sim-primary-light); }
.sim-type-ico { font-size: 24px; }
.sim-type-name { font-size: 13px; font-weight: 700; }
.sim-type-desc { font-size: 11px; color: var(--sim-text-muted); }
.sim-promo-msg { background: linear-gradient(135deg, #eff6ff, #f0fdf4); border: 1px solid #bfdbfe; border-radius: var(--sim-radius-sm); padding: 10px 14px; font-size: 13px; color: var(--sim-primary); font-weight: 500; margin-bottom: 14px; }
.sim-delai-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 480px) { .sim-delai-grid { grid-template-columns: 1fr; } }
.sim-delai-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: var(--sim-radius); padding: 16px; cursor: pointer; transition: var(--sim-transition); display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.sim-delai-card:hover, .sim-delai-card.selected { border-color: var(--sim-primary); background: var(--sim-primary-light); }
.sim-delai-ico { font-size: 24px; }
.sim-delai-name { font-size: 14px; font-weight: 700; }
.sim-delai-desc { font-size: 12px; color: var(--sim-text-muted); }
.sim-objectifs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (max-width: 480px) { .sim-objectifs-grid { grid-template-columns: 1fr; } }
.sim-objectif-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: var(--sim-radius-sm); padding: 14px; cursor: pointer; transition: var(--sim-transition); display: flex; align-items: flex-start; gap: 12px; position: relative; }
.sim-objectif-card:hover { border-color: var(--sim-primary); }
.sim-objectif-card.selected { border-color: var(--sim-primary); background: var(--sim-primary-light); }
.sim-objectif-ico { font-size: 22px; flex-shrink: 0; margin-top: 1px; }
.sim-objectif-body { flex: 1; }
.sim-objectif-label { font-size: 13px; font-weight: 700; display: block; margin-bottom: 3px; }
.sim-objectif-desc { font-size: 12px; color: var(--sim-text-muted); }
.sim-badge-top { position: absolute; top: 8px; right: 8px; background: var(--sim-cta); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 10px; text-transform: uppercase; }
.sim-objectif-check { position: absolute; top: 8px; left: 8px; width: 18px; height: 18px; border-radius: 50%; background: var(--sim-primary); color: #fff; font-size: 11px; display: none; align-items: center; justify-content: center; }
.sim-objectif-card.selected .sim-objectif-check { display: flex; }
.sim-objectifs-loading { color: var(--sim-text-muted); padding: 10px; }
.sim-section-cta { margin-top: 20px; text-align: center; }
.sim-cta-sub { font-size: 12px; color: var(--sim-text-muted); margin-top: 8px; }
.sim-btn-count { font-size: 11px; background: rgba(255,255,255,.3); border-radius: 10px; padding: 1px 6px; }
.sim-testimonials-mini { margin-top: 24px; position: relative; overflow: hidden; }
.sim-testi-track { display: flex; transition: transform .4s ease; }
.sim-testi-item { min-width: 100%; background: var(--sim-white); border-radius: var(--sim-radius); padding: 16px; display: flex; gap: 14px; align-items: flex-start; box-shadow: var(--sim-card-shadow); }
.sim-testi-avatar { width: 44px; height: 44px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sim-testi-body { flex: 1; }
.sim-testi-quote { font-size: 13px; color: var(--sim-text); margin-bottom: 8px; font-style: italic; }
.sim-testi-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sim-testi-name { font-size: 12px; font-weight: 700; }
.sim-testi-badge { font-size: 11px; color: #fff; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
.sim-testi-dots { display: flex; justify-content: center; gap: 6px; margin-top: 10px; }
.sim-testi-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--sim-border); border: none; cursor: pointer; transition: var(--sim-transition); padding: 0; }
.sim-testi-dot.active { background: var(--sim-primary); transform: scale(1.2); }
/* ÉTAPE 3 */
.sim-countdown-banner { background: linear-gradient(135deg, #fef3c7, #fff7ed); border: 1px solid #fed7aa; border-radius: var(--sim-radius); padding: 12px 16px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sim-countdown-fire { font-size: 20px; }
.sim-countdown-text { font-size: 13px; font-weight: 600; color: #92400e; flex: 1; }
.sim-countdown-timer { display: flex; align-items: center; gap: 4px; font-family: monospace; }
.sim-countdown-block { background: var(--sim-text); color: #fff; padding: 4px 8px; border-radius: 6px; text-align: center; min-width: 36px; }
.sim-countdown-block small { display: block; font-size: 9px; opacity: .7; margin-top: 1px; }
.sim-countdown-sep { font-weight: 700; color: var(--sim-text); }
.sim-creneaux { font-size: 12px; color: #92400e; }
/* ── ÉTAPE 3 — Formules redesign ── */
.sim-formulas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; align-items: start; }
.sim-formulas-loading { color: var(--sim-text-muted); padding: 20px; text-align: center; grid-column: 1/-1; }
.sim-formula-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: 20px; padding: 0; cursor: pointer; transition: all .25s ease; position: relative; display: flex; flex-direction: column; overflow: hidden; text-align: left; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.sim-formula-card::before { content: ''; display: block; height: 5px; background: var(--sim-border); transition: background .25s; flex-shrink: 0; }
.sim-formula-card:hover { border-color: var(--sim-primary); box-shadow: 0 10px 28px rgba(37,99,235,.14); transform: translateY(-5px); }
.sim-formula-card:hover::before { background: var(--sim-primary); }
.sim-formula-card.selected { border-color: var(--sim-primary); background: linear-gradient(180deg,#eff6ff 0%,#fff 60%); }
.sim-formula-card.selected::before { background: var(--sim-primary); }
.sim-formula-card.sim-formula-popular { border-color: var(--sim-primary); box-shadow: 0 12px 36px rgba(37,99,235,.22); transform: scale(1.03); z-index: 1; }
.sim-formula-card.sim-formula-popular::before { background: linear-gradient(90deg,var(--sim-primary) 0%,#7c3aed 100%); }
.sim-formula-card.sim-formula-popular:hover { transform: scale(1.03) translateY(-4px); }
@media (max-width:768px) { .sim-formula-card.sim-formula-popular { transform: none; } .sim-formula-card.sim-formula-popular:hover { transform: translateY(-4px); } }
.sim-formula-inner { padding: 24px 22px 20px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.sim-formula-header { display: flex; flex-direction: column; gap: 4px; }
.sim-formula-name { font-size: 20px; font-weight: 800; color: var(--sim-text); line-height: 1.2; }
.sim-formula-accroche { font-size: 13px; color: var(--sim-text-muted); }
.sim-formula-badge { display: inline-flex; align-items: center; font-size: 10px; font-weight: 800; padding: 5px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: .6px; align-self: flex-start; }
.sim-badge-orange { background: var(--sim-cta); color: #fff; }
.sim-badge-blue   { background: var(--sim-primary); color: #fff; }
.sim-badge-green  { background: var(--sim-success); color: #fff; }
.sim-formula-price-wrap { display: flex; align-items: baseline; gap: 5px; }
.sim-formula-price { font-size: 42px; font-weight: 900; color: var(--sim-primary); line-height: 1; letter-spacing: -1px; }
.sim-formula-price-unit { font-size: 14px; color: var(--sim-text-muted); font-weight: 500; }
.sim-formula-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.sim-formula-feature { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--sim-text); line-height: 1.45; }
.sim-check-ico { width: 18px; height: 18px; min-width: 18px; background: #dcfce7; color: #15803d; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 900; flex-shrink: 0; margin-top: 1px; }
.sim-formula-card.sim-formula-popular .sim-check-ico, .sim-formula-card.selected .sim-check-ico { background: #dbeafe; color: var(--sim-primary); }
.sim-formula-select { display: block; width: 100%; padding: 12px 16px; border: 2px solid var(--sim-primary); border-radius: var(--sim-radius-sm); font-size: 14px; font-weight: 700; cursor: pointer; transition: all .2s; text-align: center; background: var(--sim-primary-light); color: var(--sim-primary); margin-top: auto; }
.sim-formula-select:hover { background: var(--sim-primary); color: #fff; }
.sim-formula-selected-text { display: none; }
.sim-formula-card.selected .sim-formula-select { background: var(--sim-success); border-color: var(--sim-success); color: #fff; }
.sim-formula-card.selected .sim-formula-select-text { display: none; }
.sim-formula-card.selected .sim-formula-selected-text { display: inline; }
.sim-formula-card.sim-formula-popular .sim-formula-select { background: var(--sim-primary); color: #fff; }
.sim-formula-card.sim-formula-popular:hover .sim-formula-select { background: var(--sim-primary-dark); }
.sim-formula-card.sim-formula-popular.selected .sim-formula-select { background: var(--sim-success); border-color: var(--sim-success); }
.sim-slider-section { background: var(--sim-white); border-radius: var(--sim-radius); padding: 20px; margin-bottom: 16px; box-shadow: var(--sim-card-shadow); }
.sim-slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.sim-slider-label { font-size: 15px; font-weight: 700; }
.sim-slider-value { font-size: 18px; font-weight: 800; color: var(--sim-primary); }
.sim-slider-wrap { position: relative; margin-bottom: 12px; }
.sim-slider { width: 100%; -webkit-appearance: none; appearance: none; height: 6px; border-radius: 6px; background: linear-gradient(to right, var(--sim-primary) 0%, var(--sim-border) 0%); outline: none; cursor: pointer; }
.sim-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--sim-white); border: 3px solid var(--sim-primary); box-shadow: 0 2px 6px rgba(37,99,235,.3); cursor: pointer; transition: transform .15s; }
.sim-slider::-webkit-slider-thumb:hover { transform: scale(1.1); }
.sim-slider::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--sim-white); border: 3px solid var(--sim-primary); cursor: pointer; }
.sim-slider-markers { display: flex; justify-content: space-between; font-size: 11px; color: var(--sim-text-muted); margin-top: 4px; }
.sim-slider-hint { font-size: 12px; color: var(--sim-text-muted); }

/* ── Slider pages redesign ── */
.sim-slider-section-pages { padding: 24px 20px 20px; }
.sim-pages-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.sim-pages-number-wrap { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.sim-pages-number { font-size: 56px; font-weight: 900; color: var(--sim-primary); letter-spacing: -2px; line-height: 1; }
.sim-pages-label { font-size: 13px; color: var(--sim-text-muted); margin-top: 2px; }
@keyframes sim-num-pop { 0%{transform:scale(1)} 30%{transform:scale(1.18)} 100%{transform:scale(1)} }
.sim-pages-number.sim-num-pop { animation: sim-num-pop .25s ease; }

/* Boutons +/- et slider */
.sim-slider-controls { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.sim-slider-btn { width: 38px; height: 38px; border-radius: 50%; border: 2px solid var(--sim-border); background: var(--sim-white); color: var(--sim-text); font-size: 20px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all .2s; line-height: 1; padding: 0; }
.sim-slider-btn:hover { border-color: var(--sim-primary); color: var(--sim-primary); background: var(--sim-primary-light); }
.sim-slider-btn:active { transform: scale(.92); }

/* Marqueurs avec état actif */
.sim-slider-markers-pages { display: flex; justify-content: space-between; font-size: 12px; font-weight: 600; color: var(--sim-text-muted); margin-top: 2px; }
.sim-slider-markers-pages span { transition: color .2s, transform .2s; }
.sim-slider-markers-pages span.active { color: var(--sim-primary); transform: scale(1.15); }

/* Carte combo contextuel */
.sim-page-combo-card { display: flex; align-items: flex-start; gap: 14px; background: #f0fdf4; border: 1.5px solid #bbf7d0; border-radius: var(--sim-radius); padding: 14px 16px; margin-top: 16px; opacity: 0; transform: translateY(8px); transition: none; }
.sim-page-combo-card.sim-combo-in { opacity: 1; transform: translateY(0); transition: opacity .35s ease, transform .35s ease; }
.sim-combo-check { width: 24px; height: 24px; min-width: 24px; background: #16a34a; color: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; flex-shrink: 0; margin-top: 1px; }
.sim-combo-body { flex: 1; }
.sim-combo-title { font-size: 14px; font-weight: 800; color: var(--sim-text); margin-bottom: 3px; }
.sim-combo-pages { font-size: 13px; color: var(--sim-text-muted); margin-bottom: 4px; }
.sim-combo-msg { font-size: 12px; font-weight: 600; color: #16a34a; }

/* ── Power Meter ── */
.sim-power-meter { display: flex; align-items: center; gap: 16px; margin-top: 16px; background: #f8faff; border: 1.5px solid #dbeafe; border-radius: var(--sim-radius); padding: 14px 16px; transition: all .3s ease; }
.sim-power-bars { display: flex; align-items: flex-end; gap: 5px; flex-shrink: 0; }
.sim-power-seg { width: 10px; border-radius: 4px 4px 2px 2px; background: var(--sim-border); transition: background .3s ease, box-shadow .3s ease, transform .2s ease; }
.sim-power-seg[data-lv="1"] { height: 14px; }
.sim-power-seg[data-lv="2"] { height: 20px; }
.sim-power-seg[data-lv="3"] { height: 26px; }
.sim-power-seg[data-lv="4"] { height: 32px; }
.sim-power-seg[data-lv="5"] { height: 38px; }
.sim-power-seg.active { background: var(--sim-primary); box-shadow: 0 0 6px rgba(37,99,235,.35); }

/* Couleurs par niveau */
.sim-power-lv-1 .sim-power-seg.active { background: #60a5fa; box-shadow: 0 0 6px rgba(96,165,250,.4); }
.sim-power-lv-2 .sim-power-seg.active { background: #3b82f6; box-shadow: 0 0 8px rgba(59,130,246,.5); }
.sim-power-lv-3 .sim-power-seg.active { background: #f97316; box-shadow: 0 0 8px rgba(249,115,22,.45); }
.sim-power-lv-4 .sim-power-seg.active { background: #ef4444; box-shadow: 0 0 10px rgba(239,68,68,.5); }
.sim-power-lv-5 .sim-power-seg.active { background: linear-gradient(to top,#ef4444,#fbbf24); box-shadow: 0 0 12px rgba(239,68,68,.6); }

/* Niveau 3+ : fond changé */
.sim-power-lv-3 { background: #fff7ed; border-color: #fed7aa; }
.sim-power-lv-4 { background: #fff1f2; border-color: #fecdd3; }
.sim-power-lv-5 { background: linear-gradient(135deg,#fff7ed,#fff1f2); border-color: #fca5a5; }

/* Icône et texte */
.sim-power-info { display: flex; align-items: center; gap: 10px; }
.sim-power-ico { font-size: 26px; line-height: 1; transition: transform .25s ease; }
.sim-power-lv-label { font-size: 14px; font-weight: 800; color: var(--sim-text); }
.sim-power-lv-sub { font-size: 12px; color: var(--sim-text-muted); margin-top: 2px; }

/* Animation niveau change */
@keyframes sim-power-bump { 0%{transform:scale(1)} 40%{transform:scale(1.04)} 100%{transform:scale(1)} }
.sim-power-bump { animation: sim-power-bump .4s ease; }
.sim-power-bump .sim-power-ico { animation: sim-power-bump .4s ease; }
.sim-power-lv-4 .sim-power-lv-label { color: #ef4444; }
.sim-power-lv-5 .sim-power-lv-label { background: linear-gradient(90deg,#f97316,#ef4444); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.sim-prix-jour { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: var(--sim-radius-sm); padding: 10px 14px; font-size: 13px; color: var(--sim-success); display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.sim-formula-cta { text-align: center; margin-top: 20px; }
/* ÉTAPE 4 */
.sim-section-collapsible .sim-section-toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; background: none; border: none; cursor: pointer; padding: 0; margin-bottom: 14px; }
.sim-toggle-icon { font-size: 12px; color: var(--sim-text-muted); transition: var(--sim-transition); }
.sim-section-collapsible.closed .sim-toggle-icon { transform: rotate(180deg); }
.sim-section-collapsible.closed > .sim-options-grid { display: none; }
.sim-templates-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 16px; }
@media (max-width: 768px) { .sim-templates-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { .sim-templates-grid { grid-template-columns: repeat(2, 1fr); } }
.sim-template-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: var(--sim-radius-sm); padding: 0; cursor: pointer; transition: var(--sim-transition); overflow: hidden; display: flex; flex-direction: column; }
.sim-template-card:hover, .sim-template-card.selected { border-color: var(--sim-primary); box-shadow: var(--sim-card-shadow-hover); }
.sim-template-preview { height: 60px; padding: 6px; }
.sim-template-moderne { background: #f8fafc; }
.sim-template-dynamique { background: #fef3c7; }
.sim-template-elegant { background: #18181b; }
.sim-template-naturel { background: #f0fdf4; }
.sim-template-autre { background: #f3f4f6; }
.t-bar { height: 8px; border-radius: 4px; background: rgba(0,0,0,.15); margin-bottom: 4px; }
.sim-template-elegant .t-bar { background: rgba(212,175,55,.5); }
.t-hero { height: 20px; border-radius: 4px; background: rgba(0,0,0,.1); margin-bottom: 4px; }
.sim-template-elegant .t-hero { background: rgba(212,175,55,.3); }
.t-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; }
.t-grid > div { height: 10px; border-radius: 2px; background: rgba(0,0,0,.08); }
.sim-template-elegant .t-grid > div { background: rgba(212,175,55,.2); }
.sim-template-name { font-size: 11px; font-weight: 700; padding: 6px 8px 2px; display: block; }
.sim-template-desc { font-size: 10px; color: var(--sim-text-muted); padding: 0 8px 8px; display: block; }
.sim-options-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (max-width: 600px) { .sim-options-grid { grid-template-columns: 1fr; } }
.sim-options-loading { color: var(--sim-text-muted); font-size: 13px; padding: 10px; grid-column: 1/-1; }
.sim-option-card { background: var(--sim-white); border: 2px solid var(--sim-border); border-radius: var(--sim-radius-sm); padding: 12px 14px; cursor: pointer; transition: var(--sim-transition); display: flex; align-items: center; gap: 10px; position: relative; }
.sim-option-card:hover { border-color: var(--sim-primary); }
.sim-option-card.selected { border-color: var(--sim-primary); background: var(--sim-primary-light); }
.sim-option-card.locked { opacity: .5; cursor: not-allowed; }
.sim-option-ico { font-size: 18px; flex-shrink: 0; }
.sim-option-body { flex: 1; min-width: 0; }
.sim-option-label { font-size: 13px; font-weight: 600; display: block; }
.sim-option-prix { font-size: 13px; font-weight: 700; color: var(--sim-primary); white-space: nowrap; }
.sim-option-check { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--sim-border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: var(--sim-transition); font-size: 11px; }
.sim-option-card.selected .sim-option-check { background: var(--sim-primary); border-color: var(--sim-primary); color: #fff; }
.sim-option-top { position: absolute; top: -8px; left: 12px; background: var(--sim-cta); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 8px; text-transform: uppercase; }
.sim-sector-reals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 600px) { .sim-sector-reals { grid-template-columns: 1fr; } }
.sim-real-card { background: var(--sim-white); border-radius: var(--sim-radius-sm); overflow: hidden; box-shadow: var(--sim-card-shadow); }
.sim-real-badge { padding: 8px 12px; font-size: 12px; font-weight: 700; color: #fff; }
.sim-real-body { padding: 10px 12px; }
.sim-real-name { font-size: 13px; font-weight: 700; display: block; margin-bottom: 2px; }
.sim-real-desc { font-size: 12px; color: var(--sim-text-muted); }
.sim-design-cta { text-align: center; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--sim-border); }
/* ÉTAPE 5 */
.sim-step5-layout { display: grid; grid-template-columns: 1fr 1.4fr; gap: 20px; align-items: start; }
@media (max-width: 768px) { .sim-step5-layout { grid-template-columns: 1fr; } }
.sim-recap-card { background: var(--sim-white); border-radius: var(--sim-radius-lg); padding: 20px; box-shadow: var(--sim-card-shadow); }
.sim-recap-title { font-size: 15px; font-weight: 700; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--sim-border); }
.sim-recap-items { display: flex; flex-direction: column; }
.sim-recap-item { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; padding: 10px 0; border-bottom: 1px solid var(--sim-border); }
.sim-recap-item:last-child { border-bottom: none; }
.sim-recap-label { font-size: 11px; color: var(--sim-text-light); text-transform: uppercase; letter-spacing: .5px; grid-column: 1/-1; }
.sim-recap-val { font-size: 13px; font-weight: 600; color: var(--sim-text); }
.sim-recap-edit { background: none; border: 1px solid var(--sim-border); border-radius: 6px; padding: 3px 8px; font-size: 11px; cursor: pointer; color: var(--sim-primary); transition: var(--sim-transition); }
.sim-recap-edit:hover { background: var(--sim-primary-light); }
.sim-recap-options-list { display: flex; flex-direction: column; gap: 4px; grid-column: 1/-1; }
.sim-recap-option-item { display: flex; justify-content: space-between; font-size: 12px; color: var(--sim-text-muted); }
.sim-recap-option-prix { color: var(--sim-primary); font-weight: 600; }
.sim-recap-total { background: var(--sim-primary-light); border-radius: var(--sim-radius-sm); padding: 14px; margin-top: 12px; }
.sim-recap-total-label { font-size: 11px; color: var(--sim-primary); text-transform: uppercase; font-weight: 700; }
.sim-recap-total-price { font-size: 24px; font-weight: 800; color: var(--sim-primary); margin: 4px 0 8px; }
.sim-recap-detail-toggle { background: none; border: none; font-size: 12px; color: var(--sim-primary); cursor: pointer; padding: 0; text-decoration: underline; }
.sim-recap-detail { margin-top: 10px; border-top: 1px solid #bfdbfe; padding-top: 8px; }
.sim-detail-line { display: flex; justify-content: space-between; font-size: 12px; color: var(--sim-text-muted); padding: 3px 0; }
.sim-detail-total { font-weight: 700; color: var(--sim-primary); border-top: 1px solid #bfdbfe; margin-top: 4px; padding-top: 6px; }
.sim-form-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.sim-form-chip { background: var(--sim-primary); color: #fff; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 20px; }
.sim-form-card { background: var(--sim-white); border-radius: var(--sim-radius-lg); padding: 24px; box-shadow: var(--sim-card-shadow); }
.sim-form-title { font-size: 18px; font-weight: 800; margin-bottom: 4px; }
.sim-form-sub { font-size: 13px; color: var(--sim-text-muted); margin-bottom: 12px; }
.sim-form-trust-bar { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--sim-text-muted); margin-bottom: 16px; padding: 8px 12px; background: var(--sim-bg); border-radius: var(--sim-radius-sm); }
.sim-trust-stars { color: #f59e0b; }
.sim-trust-note { font-weight: 700; color: var(--sim-text); }
.sim-trust-sep { color: var(--sim-border); }
.sim-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
@media (max-width: 480px) { .sim-form-row { grid-template-columns: 1fr; } }
.sim-form-group { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.sim-form-row > .sim-form-group { margin-bottom: 0; }
.sim-label { font-size: 13px; font-weight: 600; color: var(--sim-text); }
.sim-req { color: var(--sim-danger); }
.sim-opt { font-size: 11px; font-weight: 400; color: var(--sim-text-muted); }
.sim-input, .sim-textarea { border: 2px solid var(--sim-border); border-radius: var(--sim-radius-sm); padding: 10px 12px; font-size: 14px; font-family: var(--sim-font); color: var(--sim-text); background: var(--sim-white); width: 100%; transition: var(--sim-transition); }
.sim-input:focus, .sim-textarea:focus { outline: none; border-color: var(--sim-primary); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.sim-input.error { border-color: var(--sim-danger); }
.sim-textarea { resize: vertical; min-height: 80px; }
.sim-field-error { font-size: 12px; color: var(--sim-danger); min-height: 16px; }
.sim-field-hint { font-size: 11px; color: var(--sim-text-muted); }
.sim-honeypot { position: absolute; left: -9999px; overflow: hidden; }
.sim-rgpd { }
.sim-checkbox-label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.sim-checkbox-label input[type="checkbox"] { margin-top: 2px; flex-shrink: 0; width: 16px; height: 16px; accent-color: var(--sim-primary); }
.sim-checkbox-text { font-size: 12px; color: var(--sim-text-muted); line-height: 1.5; }
.sim-checkbox-text a { color: var(--sim-primary); }
.sim-form-error-global { background: #fef2f2; border: 1px solid #fecaca; border-radius: var(--sim-radius-sm); padding: 10px 14px; font-size: 13px; color: var(--sim-danger); margin-bottom: 12px; }
.sim-form-alt-cta { display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 13px; color: var(--sim-text-muted); margin-top: 12px; margin-bottom: 8px; }
.sim-link-audit { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 13px 20px; border: 2px solid var(--sim-primary); border-radius: 8px; background: transparent; color: var(--sim-primary); font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; transition: all .2s ease; }
.sim-link-audit:hover { background: var(--sim-primary); color: #fff; }
.sim-form-rgpd-note { font-size: 11px; color: var(--sim-text-muted); text-align: center; }
.sim-form-testimonial { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--sim-border); display: flex; gap: 12px; align-items: flex-start; }
.sim-form-testi-avatar { width: 40px; height: 40px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sim-form-testi-body { flex: 1; }
.sim-form-testi-quote { font-size: 12px; color: var(--sim-text); font-style: italic; margin-bottom: 6px; }
.sim-form-testi-name { font-size: 12px; font-weight: 700; margin-right: 6px; }
.sim-form-testi-badge { font-size: 10px; color: #fff; padding: 2px 6px; border-radius: 8px; font-weight: 600; }
/* POPUP EMAIL */
.sim-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
.sim-popup-card{background:#fff;border-radius:16px;padding:32px 28px;max-width:440px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.2);}
.sim-popup-title{font-size:22px;font-weight:800;text-align:center;margin-bottom:8px;}
.sim-popup-sub{font-size:14px;color:#6b7280;text-align:center;margin-bottom:16px;}
.sim-popup-social{background:#f0f2f5;border-radius:8px;padding:8px 12px;font-size:12px;text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px;}
.sim-popup-form{display:flex;flex-direction:column;gap:12px;}.sim-popup-field{display:flex;flex-direction:column;gap:4px;}.sim-popup-submit{width:100%;}
.sim-popup-skip{display:block;width:100%;background:none;border:none;font-size:12px;color:#6b7280;cursor:pointer;padding:8px 0 0;text-align:center;text-decoration:underline;}
.sim-popup-guarantees{display:flex;justify-content:center;gap:8px;font-size:11px;color:#6b7280;margin-top:12px;flex-wrap:wrap;}
.sim-popup-guarantee-sep{color:#e5e7eb;}
.sim-popup-close{position:absolute;top:12px;right:12px;background:none;border:1px solid #e5e7eb;border-radius:50%;width:28px;height:28px;font-size:16px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;}
/* BOUTONS */
.sim-btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f97316;color:#fff;border:none;border-radius:8px;padding:13px 24px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;}
.sim-btn-cta:hover{background:#ea6c0a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,.3);}
.sim-btn-cta:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.sim-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;color:#2563eb;border:2px solid #2563eb;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;}
.sim-btn-outline:hover{background:#eff6ff;}
.sim-btn-submit{width:100%;font-size:16px;padding:15px;}.sim-btn-loading{display:flex;align-items:center;gap:8px;}
.sim-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sim-spin .7s linear infinite;display:inline-block;}
@keyframes sim-spin{to{transform:rotate(360deg);}}
/* STICKY BAR */
.sim-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;color:#fff;padding:0;z-index:1000;box-shadow:0 -4px 20px rgba(0,0,0,.3);}
.sim-sticky-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.sim-sticky-left{display:flex;flex-direction:column;gap:3px;}.sim-sticky-label{font-size:12px;font-weight:600;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.6px;}
.sim-sticky-price{font-size:28px;font-weight:900;color:#f97316;line-height:1;letter-spacing:-1px;}.sim-sticky-right{display:flex;align-items:center;gap:12px;}
.sim-sticky-day{font-size:12px;color:rgba(255,255,255,.6);}.sim-sticky-cta{background:#f97316;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 2px 10px rgba(249,115,22,.35);}
.sim-sticky-cta:hover{background:#ea6c0a;transform:translateY(-1px);}
@media(max-width:480px){.sim-sticky-inner{padding:12px 16px;}.sim-sticky-price{font-size:22px;}.sim-sticky-cta{padding:10px 18px;font-size:14px;}}
/* SESSION RESTORE BAR */
.sim-restore-bar{background:linear-gradient(90deg,#1d4ed8,#3b82f6);color:#fff;border-bottom:3px solid rgba(255,255,255,.1);}
.sim-restore-inner{display:flex;align-items:center;gap:12px;padding:11px 20px;flex-wrap:wrap;}
.sim-restore-ico{font-size:20px;flex-shrink:0;}
.sim-restore-text{flex:1;min-width:140px;line-height:1.3;}
.sim-restore-text strong{font-size:13px;font-weight:700;display:block;}
.sim-restore-sub{font-size:12px;opacity:.8;}
.sim-restore-actions{display:flex;gap:8px;flex-shrink:0;}
.sim-restore-btn-resume{background:#f97316;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;}
.sim-restore-btn-resume:hover{background:#ea6c0a;}
.sim-restore-btn-new{background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s;}
.sim-restore-btn-new:hover{background:rgba(255,255,255,.22);}
@media(max-width:480px){.sim-restore-inner{gap:8px;}.sim-restore-actions{width:100%;}}
/* BACK BUTTON */
.sim-step-nav-row{display:flex;align-items:center;padding-top:20px;margin-top:16px;border-top:1px solid var(--sim-border);}
.sim-step-back-btn{display:inline-flex;align-items:center;gap:8px;background:var(--sim-white);border:2px solid var(--sim-border);border-radius:10px;color:var(--sim-text-muted);font-size:14px;font-weight:600;cursor:pointer;padding:10px 18px;transition:all .2s;line-height:1;}
.sim-step-back-btn:hover{border-color:var(--sim-primary);color:var(--sim-primary);background:var(--sim-primary-light);transform:translateX(-3px);}
.sim-step-back-btn:active{transform:translateX(-1px);}
/* FOMO */
.sim-fomo-notif{position:fixed;bottom:80px;left:20px;background:#fff;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:999;max-width:300px;border-left:4px solid #16a34a;}
.sim-fomo-avatar{font-size:22px;flex-shrink:0;}.sim-fomo-text{flex:1;}.sim-fomo-name{display:block;font-size:12px;font-weight:700;}
.sim-fomo-msg{display:block;font-size:11px;color:#6b7280;}.sim-fomo-time{display:block;font-size:10px;color:#9ca3af;margin-top:2px;}
.sim-fomo-close{background:none;border:none;font-size:16px;cursor:pointer;color:#6b7280;padding:0;line-height:1;flex-shrink:0;}
.sim-visitors-badge{position:fixed;top:50%;right:16px;transform:translateY(-50%);background:rgba(0,0,0,.75);color:#fff;font-size:11px;padding:6px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;z-index:998;}
.sim-visitors-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;display:inline-block;animation:sim-pulse 1.5s ease infinite;}
@keyframes sim-pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
/* SUCCES */
.sim-success-wrap{padding:40px 20px;}.sim-success-content{max-width:500px;margin:0 auto;text-align:center;}.sim-success-icon{font-size:56px;margin-bottom:16px;}
.sim-success-title{font-size:24px;font-weight:800;margin-bottom:8px;}.sim-success-sub{font-size:15px;color:#6b7280;margin-bottom:20px;}
.sim-success-details{background:#eff6ff;border-radius:12px;padding:16px;margin-bottom:20px;font-size:13px;color:#2563eb;}
.sim-success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.sim-success-trust{font-size:13px;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px;}
/* RESPONSIVE */
@media(max-width:768px){.sim-content{padding:16px;}.sim-step-info{display:none;}.sim-step-title{font-size:18px;}.sim-visitors-badge{display:none;}.sim-fomo-notif{left:10px;right:10px;max-width:none;}.sim-step5-layout{grid-template-columns:1fr;}}
@media(max-width:480px){.sim-step-circle{width:28px;height:28px;}.sim-popup-card{padding:24px 18px;}.sim-type-grid{grid-template-columns:repeat(2,1fr);}}
/* ADMIN */
.sim-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;}
@media(max-width:900px){.sim-stat-cards{grid-template-columns:repeat(2,1fr);}}
.sim-stat-card{background:#fff;border-radius:12px;padding:16px 20px;border-left:4px solid #2563eb;}
.sim-stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;}.sim-stat-value{font-size:28px;font-weight:800;margin:4px 0;}
.sim-status-new{background:#eff6ff;color:#1d4ed8;}.sim-status-contacted{background:#fef3c7;color:#92400e;}
.sim-status-converted{background:#f0fdf4;color:#166534;}.sim-status-archived{background:#f3f4f6;color:#6b7280;}
.sim-status-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase;}
.sim-admin-table{border-collapse:collapse;width:100%;}.sim-admin-table th,.sim-admin-table td{padding:10px 14px;border-bottom:1px solid #e5e7eb;font-size:13px;text-align:left;}.sim-admin-table th{font-weight:700;background:#f9fafb;}