/* Shared hero lead-form — matches logo-design v2 structure & sizing */
.lead-form.lead-form--hero-v2,
.hero-form-cluster .lead-form.lead-form--hero-v2,
.hero-visual .lead-form.lead-form--hero-v2,
.hero__grid > .lead-form.lead-form--hero-v2 {
  max-width: 480px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 4;
  grid-template-columns: 1fr !important;
  gap: 8px;
  padding: 16px 16px 12px;
  margin-left: auto;
  margin-right: 0;
}

.lead-form.lead-form--hero-v2 > form {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 1fr;
  gap: 6px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.lead-form.lead-form--hero-v2 > *:not(.hero-float) {
  grid-column: 1 / -1;
  min-width: 0;
  max-width: 100%;
}

.lead-form.lead-form--hero-v2 .lead-form__title {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  line-height: 1.15;
  margin-bottom: 4px;
}

.lead-form.lead-form--hero-v2 .lead-form__subtitle {
  font-size: 11.5px;
  line-height: 1.35;
  margin: 0;
  white-space: normal;
}

.lead-form.lead-form--hero-v2 .lead-form__offer.lead-form__offer--promo {
  position: relative;
  padding: 9px 11px 8px;
  border-radius: 14px;
  border: 1.5px solid #c2c6ee;
  background: linear-gradient(135deg, #f5f4fc 0%, #eeeff9 100%);
  overflow: hidden;
}

.lead-form.lead-form--hero-v2 .lead-form__offer.lead-form__offer--promo::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 2px;
  width: 90px;
  height: 90px;
  background: url("/assets/images/what-we-do/logo-design/offer-discount-tag.png") no-repeat center / contain;
  transform: rotate(-10deg);
  opacity: 0.4;
  pointer-events: none;
  z-index: 0;
}

.lead-form.lead-form--hero-v2 .lead-form__offer.lead-form__offer--promo::before {
  display: none;
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-tag {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 3px 9px;
  margin: 0 0 6px;
  border-radius: 6px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #3b39d6 0%, #5660c5 100%);
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-body {
  position: relative;
  z-index: 1;
  min-height: 0;
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-copy {
  position: relative;
  z-index: 1;
  max-width: calc(100% - 88px);
  padding-right: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-headline {
  margin: 0;
  font-family: var(--font-body), "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #14182b;
  white-space: normal;
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-highlight {
  display: inline;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  color: #3b39d6;
  vertical-align: baseline;
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-line {
  margin: 1px 0 0;
  font-family: var(--font-body), "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #14182b;
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-note {
  margin: 2px 0 0;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.25;
  color: #6b6d8f;
  white-space: nowrap;
}

.lead-form.lead-form--hero-v2 .lead-form__offer--promo .lead-form__offer-art {
  display: none;
}

.lead-form.lead-form--hero-v2 .lead-form__guarantees--bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin: 2px 0 0;
  padding: 8px 0 0;
}

.lead-form.lead-form--hero-v2 .lead-form__guarantees--bar .lead-form__guarantee-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  /* flex: 1; */
  flex: none;
  min-width: 0;
  padding: 0 6px;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.2;
  color: #14182b;
  text-align: left;
}

.lead-form.lead-form--hero-v2 .lead-form__guarantees--bar.lead-form__foot {
  padding-bottom: 8px;
}

.lead-form.lead-form--hero-v2 .lead-form__guarantee-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eef0fb; */
  flex-shrink: 0;
}

.lead-form.lead-form--hero-v2 .lead-form__guarantee-icon svg {
  width: 14px;
  height: 14px;
  stroke: #3b39d6;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lead-form.lead-form--hero-v2 .hero-float {
  position: absolute !important;
  top: -4px !important;
  right: -64px !important;
  left: auto !important;
  margin: 0;
  padding: 9px 14px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: 0 8px 22px rgba(69, 77, 161, 0.12);
  white-space: nowrap;
  z-index: 6;
}

.lead-form.lead-form--hero-v2 .hero-float span {
  color: #22b573;
  font-weight: 700;
}

.lead-form.lead-form--hero-v2 .quiz-badge {
  margin-bottom: 6px;
}

.lead-form.lead-form--hero-v2 .lead-form__head {
  margin: 0 0 6px;
}

.lead-form.lead-form--hero-v2 .lead-form__label {
  font-family: var(--font-body), "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5c5f7a;
}

.lead-form.lead-form--hero-v2 .lead-form__group {
  gap: 3px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.lead-form.lead-form--hero-v2 .lead-form__input-shell {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.lead-form.lead-form--hero-v2 .lead-form__input-icon {
  position: absolute;
  left: 12px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b8b8cc;
  pointer-events: none;
}

.lead-form.lead-form--hero-v2 .lead-form__input-icon svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lead-form.lead-form--hero-v2 .lead-form__input-shell .lead-form__input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px 10px 38px;
  font-size: 13.5px;
  background: #f8f8fc;
  border-color: #e4e6f2;
  border-radius: 10px;
  box-sizing: border-box;
}

.lead-form.lead-form--hero-v2 .lead-form__submit {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  padding: 13px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.lead-form.lead-form--hero-v2 .lead-form__submit-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.lead-form.lead-form--hero-v2 .lead-form__foot {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 4px;
}

.lead-form.lead-form--hero-v2 .lead-form__foot-icon {
  display: inline-flex;
  color: #a0a0b8;
  flex-shrink: 0;
}

.lead-form.lead-form--hero-v2 .lead-form__foot-icon svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}

.lead-form.lead-form--hero-v2.is-sent > form,
.lead-form.lead-form--hero-v2.is-sent .lead-form__guarantees,
.lead-form.lead-form--hero-v2.is-sent .lead-form__offer,
.lead-form.lead-form--hero-v2.is-sent .lead-form__foot,
.lead-form.lead-form--hero-v2.is-sent .lead-form__head,
.lead-form.lead-form--hero-v2.is-sent .quiz-badge,
.lead-form.lead-form--hero-v2.is-sent .hero-float {
  display: none;
}

.lead-form.lead-form--hero-v2.is-sent .hero-banner-form__success {
  display: block !important;
}

body.design-services-page .hero__grid > .lead-form.lead-form--hero-v2 {
  max-width: 480px;
  width: 100%;
}

body.page-web-design .hero-visual .lead-form.lead-form--hero-v2 {
  max-width: 100%;
  width: 100%;
  position: relative !important;
  overflow: visible;
}

body.page-web-design .lead-form.lead-form--hero-v2 .hero-float {
  position: absolute !important;
  top: -10px !important;
  left: calc(100% - 88px) !important;
  right: auto !important;
  transform: none !important;
  margin: 0;
  width: max-content;
}

@media (max-width: 768px) {
  body.page-web-design .lead-form.lead-form--hero-v2 .hero-float {
    left: calc(52%) !important;
    right: 108px !important;
    top: -15px !important;
  }

  body.page-web-design .lead-form.lead-form--hero-v2 {
    margin-top: 0px;
  }
}

@media (min-width: 1025px) {
  .lead-form.lead-form--hero-v2 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  .lead-form.lead-form--hero-v2,
  .hero-form-cluster .lead-form.lead-form--hero-v2,
  .hero-visual .lead-form.lead-form--hero-v2,
  .hero__grid > .lead-form.lead-form--hero-v2 {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .lead-form.lead-form--hero-v2 .lead-form__subtitle {
    white-space: normal;
  }
}