.sic-wrap{
  --sic-radius: 18px;
  --sic-pad: 18px;
  --sic-border: rgba(15,23,42,.10);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  margin: 18px 0;
}
.sic-theme-slate{
  --sic-bg: linear-gradient(180deg, rgba(248,250,252,1), rgba(241,245,249,1));
  --sic-card: rgba(255,255,255,.86);
  --sic-text: rgba(15,23,42,.95);
  --sic-muted: rgba(15,23,42,.60);
  --sic-accent: rgba(37,99,235,.95);
  --sic-shadow: 0 18px 40px rgba(15,23,42,.08);
  --sic-border: rgba(15,23,42,.10);
  --sic-good: rgba(16,185,129,.95);
}
.sic-theme-midnight{
  --sic-bg: radial-gradient(900px 480px at 10% 0%, rgba(99,102,241,.22), transparent 55%),
             radial-gradient(900px 480px at 90% 10%, rgba(34,211,238,.18), transparent 55%),
             linear-gradient(180deg, rgba(10,12,18,.96), rgba(12,16,28,.97));
  --sic-card: rgba(255,255,255,.06);
  --sic-text: rgba(255,255,255,.92);
  --sic-muted: rgba(255,255,255,.62);
  --sic-accent: rgba(34,211,238,.95);
  --sic-shadow: 0 24px 60px rgba(0,0,0,.32);
  --sic-border: rgba(255,255,255,.10);
  --sic-good: rgba(110,231,183,.95);
}
.sic-card{
  background: var(--sic-bg);
  border-radius: var(--sic-radius);
  border: 1px solid var(--sic-border);
  box-shadow: var(--sic-shadow);
  overflow:hidden;
}
.sic-header{
  padding: var(--sic-pad);
  display:flex;
  justify-content:space-between;
  gap: 14px;
  align-items:flex-start;
}
.sic-kicker{ font-size: 12px; letter-spacing: .3px; text-transform: uppercase; color: var(--sic-muted); }
.sic-title{ margin:6px 0 6px; font-size: 22px; color: var(--sic-text); }
.sic-sub{ color: var(--sic-muted); font-size: 13px; max-width: 680px; line-height: 1.4; }
.sic-steps{ display:flex; gap: 8px; }
.sic-step{
  width: 28px; height: 28px; border-radius: 999px;
  display:inline-flex; align-items:center; justify-content:center;
  border: 1px solid var(--sic-border); color: var(--sic-muted);
  background: rgba(255,255,255,.04);
  font-weight: 650; font-size: 12px;
}
.sic-step.is-active{
  border-color: rgba(34,211,238,.35);
  background: rgba(34,211,238,.12);
  color: var(--sic-text);
}
.sic-body{ padding: 0 var(--sic-pad) var(--sic-pad); }
.sic-step-pane{ display:none; }
.sic-step-pane.is-active{ display:block; }
.sic-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.sic-grid-2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.sic-field label{ display:block; font-weight: 650; font-size: 13px; color: var(--sic-text); margin-bottom: 6px; }
.sic-input{ display:flex; align-items:center; gap: 8px; border: 1px solid var(--sic-border); border-radius: 14px; padding: 10px 12px; background: rgba(255,255,255,.06); }
.sic-theme-slate .sic-input{ background: rgba(15,23,42,.03); }
.sic-prefix{ font-size: 12px; color: var(--sic-muted); padding: 2px 8px; border-radius: 999px; border: 1px solid var(--sic-border); background: rgba(255,255,255,.04); }
.sic-suffix{ font-size: 12px; color: var(--sic-muted); }
.sic-field input[type="number"], .sic-field input[type="text"], .sic-field input[type="email"], .sic-field input[type="tel"]{
  width:100%;
  border: none; outline:none; background: transparent; color: var(--sic-text);
  font-size: 14px;
}
.sic-help{ margin-top: 6px; font-size: 12px; color: var(--sic-muted); }
.sic-actions{ margin-top: 14px; display:flex; justify-content:flex-end; }
.sic-actions-split{ justify-content:space-between; }
.sic-btn{
  border: 1px solid var(--sic-border);
  border-radius: 999px;
  padding: 11px 14px;
  background: rgba(255,255,255,.06);
  color: var(--sic-text);
  cursor:pointer;
  display:inline-flex; align-items:center; gap: 10px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.sic-theme-slate .sic-btn{ background: rgba(15,23,42,.03); }
.sic-btn:hover{ transform: translateY(-1px); border-color: rgba(34,211,238,.35); }
.sic-btn:active{ transform: translateY(0) scale(.98); }
.sic-btn-primary{
  background: rgba(34,211,238,.14);
  border-color: rgba(34,211,238,.35);
}
.sic-btn-icon{ font-weight: 800; opacity: .9; }

.sic-quiz{ border-radius: 16px; border: 1px solid var(--sic-border); background: rgba(255,255,255,.05); padding: 14px; }
.sic-theme-slate .sic-quiz{ background: rgba(15,23,42,.02); }
.sic-quiz-title{ font-size: 16px; font-weight: 750; color: var(--sic-text); }
.sic-quiz-sub{ color: var(--sic-muted); font-size: 13px; margin-top: 4px; margin-bottom: 10px; }

.sic-scenarios{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin: 12px 0 14px; }
.sic-scn{ cursor:pointer; }
.sic-scn input{ display:none; }
.sic-scn-inner{
  border: 1px solid var(--sic-border);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255,255,255,.04);
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
  height: 100%;
}
.sic-theme-slate .sic-scn-inner{ background: rgba(15,23,42,.02); }
.sic-scn:hover .sic-scn-inner{ transform: translateY(-1px); border-color: rgba(34,211,238,.35); }
.sic-scn input:checked + .sic-scn-inner{
  border-color: rgba(34,211,238,.40);
  background: rgba(34,211,238,.12);
}
.sic-scn-title{ font-weight: 800; color: var(--sic-text); }
.sic-scn-desc{ font-size: 12px; color: var(--sic-muted); margin-top: 6px; line-height: 1.35; }
.sic-scn-meta{ margin-top: 10px; font-size: 12px; color: var(--sic-text); opacity: .9; }

.sic-checkline{ display:flex; align-items:center; gap: 10px; font-weight: 750; }
.sic-checkline input{ accent-color: var(--sic-accent); width: 18px; height: 18px; }

.sic-results-top{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.sic-result-card{
  border: 1px solid var(--sic-border);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  padding: 14px;
}
.sic-theme-slate .sic-result-card{ background: rgba(15,23,42,.02); }
.sic-result-label{ font-size: 12px; color: var(--sic-muted); text-transform: uppercase; letter-spacing: .3px; }
.sic-result-value{ font-size: 22px; font-weight: 800; color: var(--sic-text); margin-top: 6px; }
.sic-result-sub{ font-size: 12px; color: var(--sic-muted); margin-top: 6px; }

.sic-chart-card{
  margin-top: 12px;
  border: 1px solid var(--sic-border);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  padding: 12px;
}
.sic-theme-slate .sic-chart-card{ background: rgba(15,23,42,.02); }
.sic-chart-head{ display:flex; justify-content:space-between; align-items:baseline; gap: 12px; margin-bottom: 8px; }
.sic-chart-title{ font-weight: 750; color: var(--sic-text); }
.sic-chart-meta{ font-size: 12px; color: var(--sic-muted); }
.sic-chart{ width:100%; height:auto; border-radius: 12px; }

.sic-lead{ margin-top: 14px; border: 1px solid var(--sic-border); border-radius: 16px; background: rgba(255,255,255,.06); padding: 14px; }
.sic-theme-slate .sic-lead{ background: rgba(15,23,42,.02); }
.sic-lead-title{ font-size: 16px; font-weight: 800; color: var(--sic-text); }
.sic-lead-sub{ font-size: 13px; color: var(--sic-muted); margin-top: 4px; }
.sic-lead-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 12px; }

.sic-toast{ margin-top: 10px; font-size: 13px; color: var(--sic-text); }
.sic-toast.is-ok{ color: var(--sic-good); }
.sic-toast.is-err{ color: rgba(239,68,68,.95); }
.sic-disclaimer{ margin-top: 10px; font-size: 12px; color: var(--sic-muted); }

@media (max-width: 980px){
  .sic-grid{ grid-template-columns: 1fr; }
  .sic-scenarios{ grid-template-columns: 1fr; }
  .sic-results-top{ grid-template-columns: 1fr; }
  .sic-lead-grid{ grid-template-columns: 1fr; }
  .sic-header{ flex-direction: column; align-items:flex-start; }
}

.sic-compare{ margin-top:16px; border:1px solid var(--sic-border); border-radius:16px; padding:14px; background:rgba(255,255,255,.06); }
.sic-theme-slate .sic-compare{ background: rgba(15,23,42,.02); }
.sic-compare-title{ font-weight:800; margin-bottom:10px; color:var(--sic-text); }
.sic-compare-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
.sic-compare-col{ border:1px solid var(--sic-border); border-radius:14px; padding:12px; text-align:center; }
.sic-compare-head{ font-weight:800; color:var(--sic-text); }
.sic-compare-val{ font-size:20px; font-weight:900; margin-top:8px; color:var(--sic-text); }
.sic-compare-sub{ font-size:12px; color:var(--sic-muted); margin-top:4px; }
@media(max-width:900px){ .sic-compare-grid{ grid-template-columns:1fr; } }

.sic-results-top-4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
.sic-scn-static{ cursor: default; }
.sic-scn-static:hover .sic-scn-inner{ transform:none; }
.sic-scn-form{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.sic-mini label{ font-size: 12px; color: var(--sic-muted); display:block; margin-bottom: 6px; }
.sic-input-mini{ padding: 9px 10px; border-radius: 12px; }
@media (max-width: 980px){
  .sic-results-top-4{ grid-template-columns: 1fr; }
  .sic-scn-form{ grid-template-columns: 1fr; }
}