/*
 * Dictation.Cloud theme integration.
 *
 * All site-specific rules stay beneath the product-page ROI wrapper so the
 * portable calculator stylesheet cannot affect unrelated theme components.
 */
.voice-product-roi .dragon-roi {
  --roi-font-family: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --roi-color-text: #102033;
  --roi-color-muted: #4b6073;
  --roi-color-surface: #ffffff;
  --roi-color-surface-alt: #f4f8fb;
  --roi-color-border: #d8e6f2;
  --roi-color-accent: #003b7c;
  --roi-color-accent-hover: #075e9f;
  --roi-color-accent-soft: #eaf2f9;
  --roi-color-success: #24733a;
  --roi-color-success-soft: #eaf6ed;
  --roi-color-warning: #7c2d12;
  --roi-color-warning-soft: #fff7f3;
  --roi-color-danger: #a61b1b;
  --roi-color-danger-soft: #fceaea;
  --roi-color-focus: #47c8ff;
  --roi-radius: 6px;
  --roi-shadow: var(--voice-shadow-lg, 0 24px 60px rgba(16, 32, 51, 0.16));
  --roi-max-width: none;
}

.voice-product-roi .dragon-roi__shell {
  border-radius: var(--roi-radius);
}

.voice-product-roi .dragon-roi__title,
.voice-product-roi .dragon-roi__legend,
.voice-product-roi .dragon-roi__section-title {
  font-weight: 800;
  letter-spacing: 0;
}

.voice-product-roi .dragon-roi__eyebrow {
  color: #00677f;
}

.voice-product-roi .dragon-roi__form,
.voice-product-roi .dragon-roi__results-wrap {
  text-align: left;
}

.voice-product-roi .dragon-roi__intro,
.voice-product-roi .dragon-roi__hint,
.voice-product-roi .dragon-roi__result-note,
.voice-product-roi .dragon-roi__details-content {
  text-wrap: pretty;
}

.voice-product-roi .dragon-roi__button--primary,
.voice-product-roi .dragon-roi__cta {
  background: var(--roi-color-accent);
  border-color: var(--roi-color-accent);
  color: #ffffff;
}

.voice-product-roi .dragon-roi__button--primary:hover,
.voice-product-roi .dragon-roi__button--primary:focus-visible,
.voice-product-roi .dragon-roi__cta:hover,
.voice-product-roi .dragon-roi__cta:focus-visible {
  background: var(--roi-color-accent-hover);
  border-color: var(--roi-color-accent-hover);
  color: #ffffff;
}