:root {
  --mdn-navy: #1c365d;
  --mdn-navy-deep: #142848;
  --mdn-crimson: #c5003e;
  --mdn-crimson-dark: #a90035;
  --mdn-ink: #1c2733;
  --mdn-muted: #526174;
  --mdn-line: #d8e1eb;
  --mdn-soft: #f4f7fa;
}

body { color: var(--mdn-ink); }

.mdn-at-card,
.mdn-sc-card,
.mdn-ri-card,
.calc {
  border-color: var(--mdn-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 64px rgba(14, 30, 53, .1) !important;
}

.mdn-at-header h1,
.mdn-sc-head h1,
.mdn-ri-head h1,
.calc__head h1 {
  font-family: "Hanken Grotesk", Inter, system-ui, sans-serif !important;
  letter-spacing: -.03em !important;
}

.mdn-at-result-hero,
.mdn-sc-result-hero,
.result__hero {
  margin-bottom: 16px !important;
  padding: clamp(24px, 5vw, 38px) !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--mdn-navy-deep), var(--mdn-navy)) !important;
  color: #fff !important;
  text-align: left !important;
}

.mdn-at-rh-label,
.mdn-sc-result-label,
.mdn-ri-result-label,
.result__eyebrow {
  margin: 0 0 10px !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.mdn-at-rh-value,
.mdn-sc-result-value,
.mdn-ri-result-value,
.result__value {
  color: #fff !important;
  font-family: "Hanken Grotesk", Inter, system-ui, sans-serif !important;
  font-size: clamp(2.5rem, 9vw, 4.65rem) !important;
  font-weight: 820 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
  overflow-wrap: anywhere;
}

.mdn-at-rh-sub,
.mdn-sc-result-note,
.mdn-ri-result-note,
.result__sub {
  margin-top: 14px !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
}

.mdn-at-toggle,
.mdn-sc-metric,
.mdn-ri-metric,
.stat,
.mdn-sc-details details,
.mdn-ri-details details,
details {
  border-color: var(--mdn-line) !important;
  border-radius: 11px !important;
}

.mdn-at-th-value,
.mdn-at-li-value,
.mdn-sc-metric strong,
.mdn-ri-metric strong,
.stat strong,
.detail dd {
  font-family: Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
}

.mdn-at-cta-inline,
.mdn-sc-cta-inline,
.mdn-ri-cta-inline {
  border-radius: 12px !important;
  background: var(--mdn-soft) !important;
}

.mdn-at-whatsapp-btn,
.mdn-sc-wa,
.mdn-ri-wa,
.mdn-sc-cta,
.mdn-ri-cta,
.result__actions .btn:not(.btn--secondary) {
  min-height: 50px !important;
  border-radius: 8px !important;
  background: var(--mdn-crimson) !important;
  color: #fff !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 780 !important;
  box-shadow: 0 14px 30px rgba(197, 0, 62, .24) !important;
}

.mdn-at-whatsapp-btn:hover,
.mdn-sc-wa:hover,
.mdn-ri-wa:hover,
.mdn-sc-cta:hover,
.mdn-ri-cta:hover,
.result__actions .btn:not(.btn--secondary):hover { background: var(--mdn-crimson-dark) !important; }

.mdn-at-option,
.mdn-at-radio,
.mdn-at-check,
.mdn-sc-option,
.mdn-ri-option,
input,
select,
button,
a { touch-action: manipulation; }

.mdn-at-option,
.mdn-at-radio,
.mdn-at-check,
.mdn-sc-option,
.mdn-ri-option,
input,
select { min-height: 48px; }

.mdn-calculator-embedded .mdn-at-overlay,
.mdn-calculator-embedded .mdn-sc-overlay,
.mdn-calculator-embedded .mdn-ri-overlay { display: none !important; }

@media (max-width: 520px) {
  .mdn-at-wrapper,
  .mdn-sc-wrap,
  .mdn-ri-wrap { padding-inline: 10px !important; }

  .mdn-at-result-hero,
  .mdn-sc-result-hero,
  .result__hero { padding: 24px 19px !important; }

  .mdn-at-rh-value,
  .mdn-sc-result-value,
  .mdn-ri-result-value,
  .result__value { font-size: clamp(2.25rem, 13vw, 3.35rem) !important; }

  .mdn-at-whatsapp-btn,
  .mdn-sc-wa,
  .mdn-ri-wa,
  .mdn-sc-cta,
  .mdn-ri-cta,
  .result__actions .btn { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
