/* V23: composição próxima à referência, sem trocar o painel interativo por uma imagem. */
.tax-stage {
  background:
    linear-gradient(90deg, #001b18aa 0%, #06231b56 37%, #0520193d 63%, #03171085 100%),
    url('/_home/20261027-home-pwa/assets/tax-field-left-glow-v23.png') center center / cover no-repeat;
}
.tax-stage::after { background: linear-gradient(0deg, #03150f79, transparent 21%, transparent 82%, #03151036); }
.tax-showcase.shell { width: min(1680px, calc(100% - clamp(42px, 5vw, 90px))); grid-template-columns: minmax(0, .34fr) minmax(0, .66fr); gap: clamp(13px, 1.6vw, 26px); }
.tax-scene-copy { align-self: start; padding-top: clamp(34px, 5vh, 54px); }
.tax-scene-copy > img { width: clamp(175px, 16vw, 255px); margin-bottom: clamp(30px, 5vh, 52px); }
.tax-scene-kicker { margin-bottom: clamp(15px, 2vh, 24px); color: #ffe68f; }
.tax-scene-copy h2 { margin-bottom: clamp(17px, 2.5vh, 27px); font-size: clamp(39px, 4.8vw, 82px); line-height: .99; font-weight: 850; letter-spacing: -.07em; }
.tax-scene-copy h2 em { color: #ffe084; text-shadow: 0 2px 3px #092017, 0 0 24px #ffd77671; }
.tax-scene-lead { max-width: 490px; margin-bottom: clamp(22px, 3vh, 34px); color: #fffefa; font-family: Sora, Manrope, Arial, sans-serif; font-size: clamp(14px, 1.22vw, 21px); font-weight: 600; line-height: 1.32; letter-spacing: -.025em; }
.tax-scene-lead em { color: #ffe084; font-style: normal; font-weight: 800; }
.tax-scene-points { gap: clamp(9px, 1.5vh, 15px); margin-bottom: clamp(19px, 3vh, 32px); }
.tax-scene-points li > i { flex-basis: clamp(40px, 3.3vw, 56px); height: clamp(40px, 3.3vw, 56px); border-color: #f6d985; background: #14241bcf; color: #ffe084; }
.tax-scene-points strong { font-size: clamp(12px, 1vw, 17px); }
.tax-scene-points small { font-size: clamp(10px, .78vw, 13px); }
.tax-scene-link { min-width: min(325px, 100%); padding: 18px 20px; font-size: clamp(13px, 1vw, 16px); background: linear-gradient(110deg, #ffefa8, #f1bf56); box-shadow: 0 10px 30px #251b066b, inset 0 1px #fff6cf; }
.tax-scene-copy > small { color: #f0f5e7; font-size: 10px; }

/* O painel volta ao vidro escuro da referência: o brilho fica concentrado nos dados. */
.tax-dashboard {
  height: min(830px, calc(100svh - 28px));
  transform: rotateY(-3deg) rotateZ(-1.15deg);
  transform-origin: left center;
  border-color: #77e8a5;
  background: linear-gradient(145deg, #031b16f8, #052820f7 60%, #041b17f8);
  box-shadow: 0 33px 78px #00110bdb, 0 0 0 1px #78ffc84d, 0 0 36px #52ff9c27, inset 0 1px #ddffe688;
}
.tax-dashboard-top,.tax-tabs { background-color: #041c17; }
.tax-kpis > .tax-kpi { border-color: #4b8469; background: linear-gradient(130deg, #09271f, #092c22); }
.tax-kpis > .tax-kpi--green { border-color: #6cffa9; background: linear-gradient(130deg, #086a3f, #06432d); box-shadow: inset 0 0 27px #28ef8c38, 0 0 17px #45ff9940; }
.tax-regime { border-color: #4c795d; background: #0b211c; }
.tax-regime--without { background: #0c291f; }
.tax-analytics-card { border-color: #386e53; background: linear-gradient(160deg, #061e19, #062b21); }
.tax-monthly { border-color: #4e8d67; background: #072c22; }
.tax-monthly thead { background: #164d3e; }

@media (max-width: 1200px) and (min-width: 701px) {
  .tax-scene-copy h2 { font-size: clamp(38px, 4.7vw, 57px); }
  .tax-scene-lead { font-size: clamp(13px, 1.45vw, 17px); }
  .tax-scene-copy > img { margin-bottom: 39px; }
  .tax-scene-lead { margin-bottom: 31px; }
  .tax-scene-points { gap: 10px; margin-bottom: 22px; }
  .tax-scene-points li > i { flex-basis: 39px; height: 39px; }
  .tax-dashboard { transform: rotateY(-2.5deg) rotateZ(-.9deg); }
}
@media (max-height: 740px) and (min-width: 701px) {
  .tax-scene-copy { padding-top: 24px; }
  .tax-scene-copy > img { margin-bottom: 16px; }
  .tax-scene-kicker { margin-bottom: 10px; }
  .tax-scene-copy h2 { margin-bottom: 12px; }
  .tax-scene-lead { margin-bottom: 14px; }
  .tax-scene-points { gap: 6px; margin-bottom: 12px; }
  .tax-scene-points li > i { flex-basis: 33px; height: 33px; font-size: 18px; }
  .tax-scene-link { padding: 12px 15px; }
}
@media (max-width: 700px) {
  .tax-stage { background-position: center, 32% center; }
  .tax-showcase.shell { display: flex; flex-direction: column; width: calc(100% - 22px); gap: 8px; }
  .tax-dashboard { transform: none; height: min(720px, calc(100svh - 95px)); }
  .tax-scene-copy { padding-top: 0; }
  .tax-scene-copy > img { width: 82px; margin: 0; }
  .tax-scene-copy h2 { margin: 0; font-size: clamp(21px, 6vw, 30px); }
}