/* ========== HEXA ORDER TABS ========== */
.hexa-tabs{
  --hexa-brand: #0F5030;
  --hexa-bg: #f8fafc;
  --hexa-ink: #0f172a;
  --hexa-card:#ffffff;
  --hexa-ring: rgba(16,185,129,.25);
  color: var(--hexa-ink);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
}
.hexa-tabs-head{
  display:flex; gap:12px; align-items:center; flex-wrap:wrap;
  background: var(--hexa-card);
  border:1px solid #e5e7eb; border-radius:18px;
  padding:10px; box-shadow:0 4px 24px rgba(0,0,0,.04);
  margin-bottom:14px;
}
.hexa-tab{
  position:relative; display:flex; align-items:center; gap:10px;
  background:#fff; border:1px solid #e5e7eb; border-radius:14px;
  padding:10px 14px 10px 10px; cursor:pointer; transition:.2s ease;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
  color: var(--hexa-ink);
}
.hexa-tab:is(:hover,:focus){ transform: translateY(-1px); outline:none; box-shadow:0 0 0 6px var(--hexa-ring); }
.hexa-tab .hexa-chip{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:999px;
  background: color-mix(in srgb, var(--hexa-brand) 12%, #e2e8f0);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--hexa-brand) 32%, #fff);
}
.hexa-tab .hexa-num{ font-weight:700; color:#0b1b13 }
.hexa-tab .hexa-label{ font-weight:600; white-space:nowrap }
.hexa-tab.is-active{
  background:#111827; color:#e5efe9; border-color:#0b1b13;
  box-shadow:0 12px 30px rgba(0,0,0,.22), 0 0 0 6px color-mix(in srgb, var(--hexa-brand) 24%, transparent);
}
.hexa-tab.is-active .hexa-chip{ background: var(--hexa-brand); box-shadow:0 10px 26px color-mix(in srgb, var(--hexa-brand) 40%, transparent); }
.hexa-tab.is-active .hexa-num{ color:#fff }

.hexa-tabs-body{
  background: var(--hexa-card);
  border:1px solid #e5e7eb; border-radius:18px;
  padding:16px; box-shadow:0 6px 26px rgba(0,0,0,.04);
}
.hexa-panel{ display:none; animation: hexaFade .25s ease; }
.hexa-panel.is-show{ display:block; }
@keyframes hexaFade{ from{opacity:0; transform: translateY(4px)} to{opacity:1; transform:none} }
.hexa-panel-title{ font-size: clamp(18px, 2.4vw, 22px); margin:2px 0 10px; font-weight:700; }
.hexa-panel-content{ line-height:1.7; }
.hexa-steps{ margin:0 0 8px 1.1em; padding:0; }
.hexa-steps li{ margin-bottom:6px; }
.hexa-bullets{ list-style:disc; margin:0 0 8px 1.2em; padding:0; }
.hexa-readmore{ margin-top:8px; }
.hexa-link{ color: var(--hexa-brand); text-decoration:none; font-weight:700; }
.hexa-link:hover{ text-decoration:underline; }