.helima-wizard {
  max-width: 980px;
  margin-inline: auto;
  padding: clamp(1rem, 4vw, 3rem);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 1.25rem;
  background: rgba(255,255,255,.035);
}

.helima-wizard__progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .4rem;
  margin: 0 0 clamp(2rem,5vw,4rem);
  padding: 0;
  list-style: none;
}
.helima-wizard__progress--six { grid-template-columns: repeat(6,minmax(0,1fr)); }
.helima-wizard__progress li { position: relative; display: grid; justify-items: center; gap: .35rem; color: #9d978d; font-size: .75rem; text-align: center; }
.helima-wizard__progress li::before { content: ""; position: absolute; z-index: 0; top: 1rem; inset-inline: calc(-50% + 1rem) calc(50% + 1rem); height: 1px; background: rgba(255,255,255,.16); }
.helima-wizard__progress li:first-child::before { display: none; }
.helima-wizard__progress span { position: relative; z-index: 1; width: 2rem; height: 2rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: #15161a; }
.helima-wizard__progress .is-active,
.helima-wizard__progress .is-complete { color: #fff; }
.helima-wizard__progress .is-active span,
.helima-wizard__progress .is-complete span { border-color: #68a684; background: #144931; }

.helima-wizard__step { min-width: 0; margin: 0; padding: 0; border: 0; }
.helima-wizard.is-enhanced .helima-wizard__step:not(.is-active) { display: none; }
.helima-wizard__step legend { display: grid; gap: .35rem; width: 100%; margin-bottom: 1rem; font-family: var(--helima-display, inherit); font-size: clamp(1.45rem,3vw,2.3rem); font-style: normal; font-weight: 500; line-height: 1.4; }
.helima-wizard__step legend small { color: #a3c8b4; font-family: inherit; font-size: .75rem; font-style: normal; font-weight: 500; line-height: 1.4; letter-spacing: .12em; }
.helima-wizard__step > p { color: #cfc8bc; }
.helima-wizard__review { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 1.5rem 0; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.1); }
.helima-wizard__review > div { display: grid; gap: .25rem; padding: .9rem; background: #15161a; }
.helima-wizard__review small { color: #9d978d; }
.helima-wizard__note { margin: 1rem 0; padding: 1rem; border-inline-start: 3px solid #68a684; background: rgba(20,73,49,.24); }
.helima-wizard__note p { margin: .25rem 0 0; color: #cfc8bc; }
.commission-estimate { display: grid; gap: .35rem; margin: 1.5rem 0; padding: 1.25rem; border: 1px solid rgba(104,166,132,.4); background: rgba(20,73,49,.22); }
.commission-estimate small,
.commission-estimate p { color: #cfc8bc; }
.commission-estimate strong { font-size: clamp(1.25rem,3vw,2rem); }
.commission-estimate p { margin: .25rem 0 0; }
.helima-wizard__actions { display: flex; justify-content: space-between; gap: .75rem; margin-top: 2rem; }
.helima-wizard__actions button { min-height: 3rem; padding: .65rem 1.1rem; border: 1px solid rgba(255,255,255,.18); border-radius: .55rem; background: transparent; color: #fff; font: inherit; cursor: pointer; }
.helima-wizard__actions [data-wizard-next],
.helima-wizard__actions [data-wizard-submit] { margin-inline-start: auto; border-color: #68a684; background: #144931; }
.helima-wizard.is-submitting { opacity: .7; pointer-events: none; }
.helima-wizard-result { max-width: 760px; margin-inline: auto; padding: clamp(2rem,6vw,5rem); border: 1px solid rgba(104,166,132,.45); background: rgba(20,73,49,.2); text-align: center; }
.helima-wizard-result > span { width: 3.5rem; height: 3.5rem; display: grid; place-items: center; margin: 0 auto 1rem; border-radius: 50%; background: #144931; font-size: 1.8rem; }
.helima-wizard-result h3 { font-family: var(--helima-display, inherit); font-size: clamp(1.5rem,3vw,2.4rem); font-style: normal; font-weight: 500; line-height: 1.45; }

@media (max-width: 620px) {
  .helima-wizard__progress li { font-size: .62rem; }
  .helima-wizard__progress--six li { font-size: 0; }
  .helima-wizard__progress--six li span { font-size: .72rem; }
  .helima-wizard__review { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .helima-wizard { scroll-behavior: auto; }
}