#conversionOSLanding,
#conversionOSLanding *,
.conversionos-landing,
.conversionos-landing * {
  box-sizing: border-box !important;
}

#conversionOSLanding,
.conversionos-landing {
  position: relative !important;
  background: #f7f8f5 !important;
  color: #17201a !important;
  color-scheme: normal !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  isolation: isolate !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

#conversionOSLanding::before,
#conversionOSLanding::after,
.conversionos-landing::before,
.conversionos-landing::after {
  pointer-events: none !important;
  z-index: 0 !important;
}

#conversionOSLanding > :not([class*="overlay"]):not([class*="backdrop"]):not([class*="scrim"]),
.conversionos-landing > :not([class*="overlay"]):not([class*="backdrop"]):not([class*="scrim"]) {
  position: relative;
  z-index: 1 !important;
}

#conversionOSLanding :where(h1, h2, h3, h4, h5, h6, p, li, span, small, strong, em, blockquote, label),
.conversionos-landing :where(h1, h2, h3, h4, h5, h6, p, li, span, small, strong, em, blockquote, label) {
  color: inherit;
  letter-spacing: 0;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
}

.conversionos-shell {
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 48px 20px !important;
}

.conversionos-hero {
  position: relative;
  isolation: isolate;
  max-width: 1080px;
  margin: 0 auto;
  padding: 48px 20px;
}

.conversionos-landing :where(section[class*="hero"], div[class*="hero"]) {
  isolation: isolate;
}

.conversionos-landing :where(.conversionos-hero, section[class*="hero"], div[class*="hero"])::before,
.conversionos-landing :where(.conversionos-hero, section[class*="hero"], div[class*="hero"])::after {
  pointer-events: none !important;
  z-index: 0 !important;
}

.conversionos-landing :where(.conversionos-hero, section[class*="hero"], div[class*="hero"]) > :where([class*="overlay"], [class*="backdrop"], [class*="scrim"]) {
  pointer-events: none !important;
  z-index: 0 !important;
}

.conversionos-landing :where(.conversionos-hero, section[class*="hero"], div[class*="hero"]) > :not([class*="overlay"]):not([class*="backdrop"]):not([class*="scrim"]) {
  position: relative;
  z-index: 2 !important;
}

.conversionos-hero-headline {
  max-width: 780px;
  margin: 0 0 18px;
  font-size: clamp(38px, 6vw, 68px);
  line-height: 1;
  letter-spacing: 0;
}

.conversionos-subheadline {
  max-width: 760px;
  margin: 0 0 10px;
  color: #4e5b52;
  font-size: 21px;
  line-height: 1.5;
}

.conversionos-content-section {
  background: #ffffff !important;
}

.conversionos-cta,
.conversionos-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  margin-top: 20px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #1e6f53 !important;
  color: #fff !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.conversionos-cta:hover,
.conversionos-submit:hover {
  background: #155640 !important;
  color: #fff !important;
}

.conversionos-choice-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 22px 0;
}

.conversionos-choice {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 14px 18px;
  border: 1px solid rgba(30, 111, 83, 0.28);
  border-radius: 8px;
  background: #ffffff;
  color: #17201a;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.conversionos-choice:hover,
.conversionos-choice:focus-visible {
  border-color: #1e6f53;
  box-shadow: 0 10px 28px rgba(30, 111, 83, 0.16);
  outline: none;
  transform: translateY(-1px);
}

.conversionos-choice.is-selected,
.conversionos-choice[aria-pressed="true"],
.conversionos-choice[aria-checked="true"] {
  border-color: #1e6f53;
  background: #1e6f53;
  color: #ffffff;
  box-shadow: 0 12px 32px rgba(30, 111, 83, 0.24);
}

.conversionos-form-section {
  background: #edf2ea !important;
}

.conversionos-form-wrapper {
  max-width: 680px !important;
}

.conversionos-form {
  max-width: 680px !important;
  padding: 28px !important;
  border: 1px solid #d8dfd5 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.conversionos-form-header h2 {
  margin: 0 0 8px;
  font-size: 28px;
  letter-spacing: 0;
}

.conversionos-form-header p {
  margin: 0 0 20px;
  color: #4e5b52;
}

.conversionos-field {
  display: block;
  margin-bottom: 16px;
  font-weight: 700;
}

.conversionos-field span {
  display: block;
  margin-bottom: 6px;
}

.conversionos-field input,
.conversionos-field select,
.conversionos-field textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #bdc8b8 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #17201a !important;
  font: inherit !important;
}

.conversionos-field textarea {
  min-height: 120px;
  resize: vertical;
}

.conversionos-options {
  display: grid;
  gap: 8px;
  font-weight: 400;
}

.conversionos-options label {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #d8dfd5;
  border-radius: 8px;
  background: #ffffff;
  color: #17201a;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.conversionos-options label:hover,
.conversionos-options label.is-selected {
  border-color: #1e6f53;
  background: #eff8f4;
  color: #17201a;
  box-shadow: 0 8px 22px rgba(30, 111, 83, 0.1);
}

.conversionos-options input {
  width: auto;
  min-height: 0;
}

.conversionos-form-message {
  min-height: 22px;
  margin-top: 14px;
  font-weight: 700;
}

.conversionos-form-message.is-success {
  color: #1e6f53;
}

.conversionos-form-message.is-error {
  color: #a13434;
}

.conversionos-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
  margin-top: 28px;
}

.conversionos-feature {
  padding: 24px;
  border: 1px solid #dfe5dc;
  border-radius: 8px;
  background: #f7f8f5;
}

.conversionos-feature h3 {
  margin: 0 0 10px;
}

.conversionos-testimonial {
  background: #edf2ea;
}

.conversionos-testimonial blockquote {
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.6;
  font-style: italic;
  color: #1d3427;
}

.conversionos-cta-section {
  text-align: center;
}

.conversionos-two-col .conversionos-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.conversionos-two-col .conversionos-col {
  min-width: 0;
}

@media (max-width: 640px) {
  .conversionos-shell {
    padding: 34px 16px;
  }

  .conversionos-form {
    padding: 20px;
  }

  .conversionos-features-grid {
    grid-template-columns: 1fr;
  }

  .conversionos-two-col .conversionos-row {
    grid-template-columns: 1fr;
  }
}
