:root{
  --slabsure-blue:#0B82FF;
  --slabsure-ink:#0f172a;
  --slabsure-muted:#334155;
  --slabsure-soft:#f8fafc;
  --slabsure-soft2:#f1f5f9;
  --slabsure-line:#e5e7eb;
  --slabsure-green:#16a34a;
  --slabsure-green-bg:#e8f7ef;
}

/* HARD RESET (scoped) to defeat theme/Elementor button styles */
.slabsure-wrapper, .slabsure-wrapper * { box-sizing:border-box; }
.slabsure-wrapper button{
  font-family:inherit !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  background-image:none !important;
  filter:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

/* Layout */
.slabsure-wrapper{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:64px;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.slabsure-left {
  /* vertical-align: middle; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slabsure-left h1{
  margin:0 0 18px;
  font-size:38px;
  line-height:1.08;
  font-weight:800;
  color:var(--slabsure-ink);
}
.slabsure-left h1 span{ color:var(--slabsure-blue); }

.slabsure-intro-box{
  /* background:var(--slabsure-soft); */
  /* padding:18px 22px; */
  border-radius:14px;
  margin:20px 0 35px 0px;
}
.slabsure-intro{
  margin:0;
  color:var(--slabsure-muted);
  line-height:1.55;
  font-size:16px;
}

/* Benefits (green + side-by-side) */
.slabsure-benefits{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  gap:26px !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
}
.slabsure-benefits li{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:var(--slabsure-green) !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.slabsure-check{
  width:22px;height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--slabsure-green-bg) !important;
  color:var(--slabsure-green) !important;
  border:1px solid rgba(22,163,74,.25) !important;
  font-size:13px;
  line-height:1;
}

/* Card */
.slabsure-card {
  background: #fff;
  border-radius: 32px;
  padding: 40px;
  /* box-shadow: 0 30px 70px rgba(15,23,42,.18); */
  border: 7px solid #232323;
}

/* Progress */
.slabsure-progress span{
  color:var(--slabsure-blue) !important;
  font-weight:700;
  font-size:14px;
}
.slabsure-progress .bar{
  height:6px;
  background:#edf2f7;
  border-radius:999px;
  margin-top:10px;
  overflow:hidden;
}
.slabsure-progress [data-role="progress"]{
  height:100%;
  width:25%;
  background:var(--slabsure-blue) !important;
  border-radius:999px;
  transition:width .25s ease;
}

/* Questions */
.slabsure-question{ display:none; }
.slabsure-question.active{ display:block; }

.slabsure-question h3{
  margin:16px 0 14px;
  font-size:32px;
  font-weight:800;
  color:var(--slabsure-ink);
}

/* Options */
.slabsure-wrapper .slabsure-opt{
  width:100% !important;
  display:block !important;
  padding:18px 22px !important;
  margin:12px 0 !important;
  border-radius:12px !important;
  border:1px solid var(--slabsure-line) !important;
  background:#f3f4f6 !important;
  color:#64748b !important;
  font-size:16px !important;
  font-weight:600 !important;
  text-align:left !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Active (NO PINK) */
.slabsure-wrapper .slabsure-opt.active,
.slabsure-wrapper .slabsure-opt:focus-visible{
  border-color:var(--slabsure-blue) !important;
  background:#eef6ff !important;
  color:var(--slabsure-ink) !important;
}

/* Next button: SOLID BLUE */
.slabsure-wrapper .slabsure-next{
  width:100% !important;
  margin-top:20px !important;
  padding:22px 22px !important;
  border-radius:14px !important;
  border:0 !important;
  outline:0 !important;
  background:var(--slabsure-blue) !important;
  background-color:var(--slabsure-blue) !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  text-align:center !important;
}
.slabsure-wrapper .slabsure-next:hover:not(:disabled){
  background:var(--slabsure-blue) !important;
  background-color:var(--slabsure-blue) !important;
  filter:brightness(.98) !important;
}
.slabsure-wrapper .slabsure-next:focus,
.slabsure-wrapper .slabsure-next:active{
  background:var(--slabsure-blue) !important;
  background-color:var(--slabsure-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.slabsure-wrapper .slabsure-next:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
  background:var(--slabsure-blue) !important;
  background-color:var(--slabsure-blue) !important;
}

/* Result (right) */
.slabsure-right-result{ margin-top:14px; }
.result-card{
  background:var(--slabsure-soft);
  border-left:6px solid var(--slabsure-blue);
  padding:22px;
  border-radius:14px;
}
.risk-pill{
  display:inline-block;
  background:#eef6ff;
  color:var(--slabsure-blue);
  padding:8px 16px;
  border-radius:999px;
  font-weight:800;
  margin-bottom:12px;
}

@media(max-width:900px){
  .slabsure-wrapper{ grid-template-columns:1fr; gap:24px; }
  .slabsure-left h1{ font-size:28px; }
  .slabsure-benefits{ flex-wrap:wrap !important; }
  .slabsure-question h3{ font-size:26px; }
}
