/* ==========================================================================
                   PLATFORM SECTION LAYOUT
                   ========================================================================== */
                #platform .split-section {
                  display: grid;
                  grid-template-columns: minmax(320px, 1fr) minmax(320px, 520px);
                  gap: 64px;
                  align-items: center;
                }

                #platform .section-visual {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  min-height: 620px;
                }

                /* ==========================================================================
                   GRAVITY FOLD CARDS
                   ========================================================================== */
                #platform .g-container {
                  perspective: 1500px;
                  width: 100%;
                  height: 100%;
                  min-height: 560px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  cursor: pointer;
                }

                #platform .g-stack {
                  position: relative;
                  width: 440px;
                  height: 620px;
                  transform-style: preserve-3d;
                  transition: transform 0.2s linear;
                }

                #platform .g-layer {
                  position: absolute;
                  inset: 0;
                  border-radius: 28px;
                  transform-style: preserve-3d;
                  background:
                    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)),
                    linear-gradient(135deg, rgba(24, 24, 30, 0.86) 0%, rgba(10, 10, 14, 0.94) 100%);
                  border: 1px solid rgba(255, 255, 255, 0.08);
                  backdrop-filter: blur(12px);
                  -webkit-backdrop-filter: blur(12px);
                  box-shadow:
                    0 20px 40px rgba(0,0,0,0.45),
                    inset 0 1px 0 rgba(255,255,255,0.05);
                  transition:
                    transform 0.6s var(--easing, cubic-bezier(0.22, 1, 0.36, 1)),
                    box-shadow 0.6s var(--easing, cubic-bezier(0.22, 1, 0.36, 1)),
                    opacity 0.6s var(--easing, cubic-bezier(0.22, 1, 0.36, 1));
                  display: flex;
                  flex-direction: column;
                  padding: 34px 32px 28px;
                  overflow: hidden;
                }

                #platform .g-layer::before {
                  content: "";
                  position: absolute;
                  inset: 0;
                  border-radius: 28px;
                  padding: 1px;
                  background: linear-gradient(135deg, rgba(255,255,255,0.28), rgba(255,255,255,0));
                  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
                  -webkit-mask-composite: xor;
                  pointer-events: none;
                }

                #platform .g-layer::after {
                  content: "";
                  position: absolute;
                  inset: 0;
                  border-radius: inherit;
                  pointer-events: none;
                  background:
                    radial-gradient(circle at 20% 15%, rgba(255,255,255,0.08), transparent 24%),
                    linear-gradient(135deg, rgba(255,255,255,0.06), transparent 20%, transparent 78%, rgba(255,255,255,0.03));
                  opacity: 0.75;
                  mix-blend-mode: screen;
                }

                #platform .g-layer-3 {
                  opacity: 0.32;
                  transform: translate3d(0, 54px, -120px) scale(0.94);
                }

                #platform .g-layer-2 {
                  opacity: 0.56;
                  transform: translate3d(0, 28px, -60px) scale(0.97);
                }

                #platform .g-layer-1 {
                  z-index: 3;
                  transform: translate3d(0, 0, 0) scale(1);
                }

                /* ==========================================================================
                   CARD CONTENT
                   ========================================================================== */
                #platform .g-header {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  font-size: 13px;
                  color: var(--accent-cyan, #22d3ee);
                  letter-spacing: 0.22em;
                  text-transform: uppercase;
                  margin-bottom: 52px;
                  position: relative;
                  z-index: 2;
                }

                #platform .g-icon {
                  width: 56px;
                  height: 56px;
                  background: rgba(0, 240, 255, 0.08);
                  border: 1px solid rgba(0, 240, 255, 0.08);
                  border-radius: 999px;
                  display: grid;
                  place-items: center;
                  color: var(--accent-cyan, #22d3ee);
                  box-shadow: 0 0 30px rgba(0, 240, 255, 0.06);
                  flex: 0 0 auto;
                }

                #platform .g-body {
                  flex: 1;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  position: relative;
                  z-index: 2;
                }

                #platform .g-title {
                  font-size: clamp(2.2rem, 4vw, 3.6rem);
                  line-height: 1.02;
                  letter-spacing: -0.05em;
                  margin-bottom: 12px;
                  transform: translateZ(20px);
                  color: rgba(255,255,255,0.96);
                  font-weight: 400;
                }

                #platform .g-desc {
                  font-size: 1rem;
                  color: var(--text-dim, rgba(255,255,255,0.55));
                  transform: translateZ(10px);
                  margin-bottom: 42px;
                }

                #platform .g-graph {
                  height: 2px;
                  margin-top: 12px;
                  background: rgba(255,255,255,0.09);
                  position: relative;
                  overflow: visible;
                }

                #platform .g-graph::after {
                  content: "";
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  width: 62%;
                  height: 100%;
                  background: var(--accent-cyan, #22d3ee);
                  box-shadow:
                    0 0 10px var(--accent-cyan, #22d3ee),
                    0 0 24px rgba(34, 211, 238, 0.35);
                }
        .testimonial-stack-card:hover {
            z-index: 20;
          }
                #platform .g-details {
                  position: absolute;
                  bottom: 28px;
                  left: 32px;
                  right: 32px;
                  opacity: 0;
                  transform: translateY(22px);
                  transition: all 0.4s var(--easing, cubic-bezier(0.22, 1, 0.36, 1));
                  z-index: 2;
                }

                #platform .g-details-row {
                  display: flex;
                  justify-content: space-between;
                  font-size: 0.88rem;
                  color: var(--text-dim, rgba(255,255,255,0.55));
                  border-top: 1px solid rgba(255,255,255,0.06);
                  padding-top: 14px;
                  margin-top: 14px;
                }

                #platform .g-details-row strong {
                  font-weight: 500;
                  color: #fff;
                }

                #platform .g-details-row .accent {
                  color: var(--accent-cyan, #22d3ee);
                }

                /* ==========================================================================
                   EXPANDED STATE
                   ========================================================================== */
                #platform .g-stack.is-expanded .g-layer-1 {
                  transform: translateZ(50px) translateY(-14px) !important;
                  box-shadow:
                    0 30px 60px rgba(0,0,0,0.72),
                    0 0 40px rgba(34, 211, 238, 0.04);
                }

                #platform .g-stack.is-expanded .g-layer-2 {
                  transform: translateZ(-80px) translateY(72px) rotateX(6deg) scale(0.98) !important;
                  opacity: 0.74;
                }

                #platform .g-stack.is-expanded .g-layer-3 {
                  transform: translateZ(-160px) translateY(136px) rotateX(11deg) scale(0.95) !important;
                  opacity: 0.5;
                }

                #platform .g-stack.is-expanded .g-details {
                  opacity: 1;
                  transform: translateY(0);
                  transition-delay: 0.2s;
                }

                @media (max-width: 980px) {
                  #platform .split-section {
                    grid-template-columns: 1fr;
                  }

                  #platform .section-visual {
                    min-height: 540px;
                  }

                  #platform .g-stack {
                    width: min(100%, 380px);
                    height: 500px;
                  }

                  #platform .g-layer {
                    padding: 28px 24px 24px;
                  }

                  #platform .g-details {
                    left: 24px;
                    right: 24px;
                  }
                }

                /* ==========================================================================
                   CALCULADORA DE PERDA OPERACIONAL (COMPONENTE INTERATIVO)
                   ========================================================================== */
                .calc-card-body {
                  display: flex;
                  flex-direction: column;
                  height: 100%;
                  justify-content: space-between;
                  position: relative;
                  z-index: 2;
                  user-select: none;
                }

                .calc-intro {
                  margin-bottom: 18px;
                }

                .calc-title {
                  font-size: 22px;
                  font-weight: 700;
                  color: #ffffff;
                  letter-spacing: -0.02em;
                  margin: 0 0 6px 0;
                  line-height: 1.2;
                }

                .calc-desc {
                  font-size: 13px;
                  color: rgba(255, 255, 255, 0.6);
                  line-height: 1.45;
                  margin: 0;
                }

                .calc-controls {
                  display: flex;
                  flex-direction: column;
                  gap: 13px;
                  margin-bottom: 14px;
                }

                .calc-control-group {
                  display: flex;
                  flex-direction: column;
                  gap: 6px;
                }

                .calc-label-row {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                }

                .calc-label-text {
                  font-size: 14px;
                  color: rgba(255, 255, 255, 0.92);
                  font-weight: 500;
                  display: flex;
                  align-items: center;
                  gap: 7px;
                  letter-spacing: -0.01em;
                }

                .calc-label-text svg {
                  width: 15px;
                  height: 15px;
                  color: rgba(75, 140, 170, 0.8);
                  flex-shrink: 0;
                }

                /* Value Badges - Refletindo fielmente o botão Glassmorphism do print */
                .calc-val-pill {
                  font-family: var(--font-mono, monospace);
                  font-size: 11px;
                  font-weight: 500;
                  letter-spacing: 0.2px;
                  color: #ffffff;
                  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%), rgba(12, 16, 23, 0.92);
                  border: 1px solid rgba(55, 120, 150, 0.35);
                  padding: 3px 10px;
                  border-radius: 9999px;
                  box-shadow: 
                    inset 0 1px 1px 0 rgba(255, 255, 255, 0.22),
                    inset 0 -1px 2px 0 rgba(0, 0, 0, 0.45),
                    0 2px 6px rgba(0, 0, 0, 0.4);
                }

                /* Draggable Charging Bar / Slider Track - Tons sóbrios, opacos e sem neon */
                .calc-bar-wrapper {
                  position: relative;
                  width: 100%;
                  height: 20px;
                  display: flex;
                  align-items: center;
                }

                .calc-range-bar {
                  -webkit-appearance: none;
                  appearance: none;
                  width: 100%;
                  height: 7px;
                  border-radius: 999px;
                  outline: none;
                  cursor: pointer;
                  background: rgba(10, 14, 20, 0.95);
                  border: 1px solid rgba(55, 120, 150, 0.22);
                  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.65), inset 0 -1px 1px rgba(255, 255, 255, 0.03);
                  transition: border-color 0.2s ease;
                }

                .calc-range-bar::-webkit-slider-thumb {
                  -webkit-appearance: none;
                  appearance: none;
                  width: 18px;
                  height: 18px;
                  border-radius: 50%;
                  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(13, 17, 24, 0.95) 100%), #141a24;
                  border: 1px solid rgba(75, 145, 175, 0.45);
                  box-shadow: 
                    inset 0 1px 1px 0 rgba(255, 255, 255, 0.35),
                    inset 0 -1px 2px 0 rgba(0, 0, 0, 0.5),
                    0 2px 6px rgba(0, 0, 0, 0.5);
                  cursor: grab;
                  transition: transform 0.12s ease, border-color 0.15s ease;
                }

                .calc-range-bar:active::-webkit-slider-thumb {
                  cursor: grabbing;
                  transform: scale(1.12);
                  border-color: rgba(90, 165, 195, 0.7);
                  box-shadow: 
                    inset 0 1px 1px 0 rgba(255, 255, 255, 0.45),
                    inset 0 -1px 2px 0 rgba(0, 0, 0, 0.5),
                    0 3px 8px rgba(0, 0, 0, 0.6);
                }

                .calc-range-bar::-moz-range-thumb {
                  width: 18px;
                  height: 18px;
                  border-radius: 50%;
                  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(13, 17, 24, 0.95) 100%), #141a24;
                  border: 1px solid rgba(75, 145, 175, 0.45);
                  box-shadow: 
                    inset 0 1px 1px 0 rgba(255, 255, 255, 0.35),
                    inset 0 -1px 2px 0 rgba(0, 0, 0, 0.5),
                    0 2px 6px rgba(0, 0, 0, 0.5);
                  cursor: grab;
                }

                .calc-range-ticks {
                  display: flex;
                  justify-content: space-between;
                  font-family: var(--font-mono, monospace);
                  font-size: 10px;
                  color: rgba(255, 255, 255, 0.35);
                  padding: 0 2px;
                  margin-top: -1px;
                }

                /* Results Card - Fiel ao estilo do botão com glassmorphism elegante e opaco */
                .calc-results {
                  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%), rgba(11, 15, 21, 0.92);
                  border: 1px solid rgba(55, 120, 150, 0.28);
                  border-radius: 18px;
                  padding: 16px 18px;
                  display: flex;
                  flex-direction: column;
                  gap: 11px;
                  backdrop-filter: blur(16px);
                  -webkit-backdrop-filter: blur(16px);
                  box-shadow: 
                    inset 0 1px 1px 0 rgba(255, 255, 255, 0.18),
                    inset 0 -1px 2px 0 rgba(0, 0, 0, 0.45),
                    0 12px 30px rgba(0, 0, 0, 0.5);
                }

                .calc-res-row {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  font-size: 11px;
                  text-transform: uppercase;
                  letter-spacing: 0.06em;
                  padding-bottom: 9px;
                  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
                }

                .calc-res-row:last-child {
                  border-bottom: none;
                  padding-bottom: 0;
                }

                .calc-res-label {
                  color: rgba(255, 255, 255, 0.65);
                  display: flex;
                  flex-direction: column;
                  gap: 2px;
                }

                .calc-res-label .sub {
                  font-size: 11px;
                  text-transform: none;
                  letter-spacing: normal;
                  color: #90a5b5;
                }

                .calc-res-val {
                  font-size: 14px;
                  font-weight: 600;
                  text-align: right;
                  letter-spacing: 0.02em;
                }