.dde-calculator {
  --dde-calc-accent: var(--dd-accent, #fe5900);
  --dde-calc-highlight: #ffa800;
  --dde-calc-bg: #1c1c1c;
  --dde-calc-surface: #fff;
  --dde-calc-text: #1c1c1c;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  overflow: hidden;
  padding: clamp(32px, 6vw, 76px);
  border-radius: clamp(24px, 4vw, 44px);
  color: #fff;
  background: var(--dde-calc-bg);
}
.dde-calculator::before { content: ""; position: absolute; z-index: -1; width: 420px; aspect-ratio: 1; right: -190px; top: -230px; border: 74px solid color-mix(in srgb, var(--dde-calc-accent) 72%, transparent); border-radius: 50%; transform: rotate(-18deg); }
.dde-calculator__eyebrow { display: inline-flex; margin-bottom: 18px; color: var(--dde-calc-highlight); font-size: .76rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.dde-calculator__title { max-width: 620px; margin: 0; color: inherit; font-size: clamp(2rem, 4.2vw, 4.6rem); line-height: .98; letter-spacing: -.055em; }
.dde-calculator__description { max-width: 580px; margin: 22px 0 0; color: rgba(255,255,255,.76); font-size: clamp(1rem, 1.4vw, 1.16rem); line-height: 1.65; }
.dde-calculator__formula { max-width: 560px; margin: 28px 0 0; padding: 18px 20px; border-left: 4px solid var(--dde-calc-accent); color: rgba(255,255,255,.7); background: rgba(255,255,255,.06); font-size: .9rem; line-height: 1.55; }
.dde-calculator__panel { display: grid; gap: 18px; padding: clamp(22px, 4vw, 38px); border-radius: 28px; color: var(--dde-calc-text); background: var(--dde-calc-surface); box-shadow: 0 30px 80px rgba(0,0,0,.28); }
.dde-calculator__form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.dde-calculator__field { min-width: 0; }
.dde-calculator__field label { display: block; margin-bottom: 8px; font-size: .84rem; font-weight: 800; }
.dde-calculator__field small { display: block; margin-top: 7px; color: #6b6b6b; font-size: .72rem; line-height: 1.35; }
.dde-calculator__input-wrap { display: flex; align-items: center; min-height: 58px; overflow: hidden; border: 1px solid #d7d7d7; border-radius: 16px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.dde-calculator__input-wrap:focus-within { border-color: var(--dde-calc-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--dde-calc-accent) 14%, transparent); }
.dde-calculator__input-wrap span { display: inline-flex; align-items: center; align-self: stretch; padding: 0 16px; color: #666; background: #f4f4f4; font-weight: 800; }
.dde-calculator__input-wrap input { min-width: 0; width: 100%; height: 56px; padding: 0 16px; border: 0; outline: 0; color: #1c1c1c; background: transparent; font: inherit; font-size: 1.06rem; font-weight: 800; }
.dde-calculator__input-wrap--suffix input { order: 0; }
.dde-calculator__input-wrap--suffix span { order: 1; }
.dde-calculator__button { grid-column: 1 / -1; display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 56px; padding: 0 24px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(135deg, var(--dde-calc-accent), #fe8600); font: inherit; font-weight: 850; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.dde-calculator__button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px color-mix(in srgb, var(--dde-calc-accent) 28%, transparent); }
.dde-calculator__error { grid-column: 1 / -1; margin: 0; color: #b42318; font-size: .84rem; font-weight: 750; }
.dde-calculator__result { padding: 24px; border-radius: 22px; color: #fff; background: linear-gradient(135deg, var(--dde-calc-accent), #fe8600 62%, var(--dde-calc-highlight)); }
.dde-calculator__result > span { display: block; margin-bottom: 8px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dde-calculator__result > strong { display: block; font-size: clamp(2.25rem, 5vw, 4.4rem); line-height: 1; letter-spacing: -.055em; }
.dde-calculator__breakdown { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 22px 0 0; }
.dde-calculator__breakdown div { padding-top: 14px; border-top: 1px solid rgba(255,255,255,.35); }
.dde-calculator__breakdown dt { color: rgba(255,255,255,.78); font-size: .74rem; }
.dde-calculator__breakdown dd { margin: 5px 0 0; font-size: 1rem; font-weight: 850; }
.dde-calculator__note { margin: 18px 0 0; color: rgba(255,255,255,.78); font-size: .72rem; line-height: 1.45; }
.dde-calculator__noscript { margin: 0; padding: 12px; color: #fff; background: #b42318; }
@media (max-width: 980px) { .dde-calculator { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .dde-calculator { padding: 28px 20px; border-radius: 24px; } .dde-calculator__panel { padding: 20px; border-radius: 22px; } .dde-calculator__form, .dde-calculator__breakdown { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .dde-calculator__input-wrap, .dde-calculator__button { transition: none; } }


/* Refinamento 1.6. */
.dde-calculator { border: 1px solid rgba(28,28,28,.10); box-shadow: 0 24px 70px rgba(28,28,28,.10); }
.dde-calculator__field input { min-height: 52px; }
.dde-calculator__button { min-height: 52px; }
.dde-calculator :where(input, button):focus-visible { outline: 3px solid #0067c0; outline-offset: 3px; }
@media (max-width: 700px) {
  .dde-calculator { border-radius: 24px; }
  .dde-calculator__grid { grid-template-columns: 1fr; }
}