/* Banner 3: fundo grafite, azul Revisamed e elementos de estudo e desempenho — 06/10/2026.
   O PNG do notebook é o original. Sombras e reflexos são camadas vetoriais. */
html[data-page="index"] .hero .hero-desempenho { background-color:#111c24; }
/* Quebras solicitadas no título; em telas estreitas, cada linha pode refluir. */
html[data-page="index"] .hero .hero-desempenho .ri-dashboard-title-line { display:block; }
html[data-page="index"] .hero .hero-desempenho .ri-home-visual {
  --ri-hero-size:clamp(570px,35.2vw,700px);
  background:
    radial-gradient(ellipse at 69% 9%,#2f80ed35 0%,transparent 33%),
    radial-gradient(ellipse at 98% 45%,#2e9c7652 0%,transparent 32%),
    radial-gradient(ellipse at 76% 76%,#e5cf9c14 0%,transparent 32%),
    linear-gradient(105deg,#111c24 0%,#141e27 46%,#132132 71%,#10251f 100%);
  isolation:isolate;
}
html[data-page="index"] .hero .hero-desempenho .ri-home-visual::before {
  content:"";position:absolute;z-index:0;inset:56% 0 0 43%;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,#030910b8 45%,#02080deb 100%);
  mask-image:linear-gradient(90deg,transparent,#000 32%);
}
html[data-page="index"] .hero .hero-desempenho .ri-dashboard-stage { overflow:visible; }
html[data-page="index"] .ri-dashboard-atmosphere {
  position:absolute;inset:1% 0 auto auto;width:50%;height:88%;color:#26b6ce;
  opacity:.75;pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 95%,transparent);
}
html[data-page="index"] .ri-dashboard-atmosphere svg { width:100%;height:100%; }
html[data-page="index"] .ri-dashboard-product {
  position:absolute;right:2.6%;bottom:92px;
  width:min(47%,calc((var(--ri-hero-size) - 114px) * 1.470986),940px);
  aspect-ratio:1521/1034;isolation:isolate;
}
html[data-page="index"] .ri-dashboard-floor {
  position:absolute;inset:0 auto auto 0;z-index:0;
  display:block;width:100%;height:auto;aspect-ratio:1521/1250;
  overflow:visible;pointer-events:none;
}
html[data-page="index"] .hero .hero-desempenho .ri-dashboard-product .ri-dashboard-laptop {
  position:relative;z-index:1;inset:auto;width:100%;max-width:none;height:auto;max-height:none;
  display:block;object-fit:contain;filter:none;
}
html[data-page="index"] .hero .hero-desempenho .hero-journey-note { z-index:3; }

/* A última aba mostra a tela real do Dashboard, inteira. */
html[data-page="index"] .platform-panel[data-platform-panel="cronograma"] img {
  object-fit:contain;object-position:top center;
}

/* Premium: ação no espaço marcado à direita, após os benefícios. */
html[data-page="precos-e-planos"] .pricing-plans .ri-premium-benefits .ri-premium-cta {
  width:min(100%,360px);align-self:flex-end;margin:28px 0 0 auto;
}
@media(min-width:1081px) {
  html[data-page="precos-e-planos"] .ri-premium-benefits { align-self:stretch; }
  html[data-page="precos-e-planos"] .pricing-plans .ri-premium-benefits .ri-premium-cta {
    margin-top:auto;
  }
  html[data-page="precos-e-planos"] .ri-premium-closing { margin-bottom:28px; }
}
@media(max-width:1279px) {
  html[data-page="index"] .hero .hero-desempenho .ri-dashboard-stage {
    height:auto;aspect-ratio:auto;padding-bottom:25px;
  }
  html[data-page="index"] .ri-dashboard-product {
    position:relative;inset:auto;width:calc(100% - 24px);max-width:820px;margin:auto;
  }
  html[data-page="index"] .ri-dashboard-atmosphere { inset:0;width:100%;height:90%;opacity:.75; }
  html[data-page="index"] .hero .hero-desempenho .ri-home-visual {
    background:
      radial-gradient(ellipse at 35% 28%,#2f80ed2b 0%,transparent 43%),
      radial-gradient(ellipse at 100% 38%,#2e9c764a 0%,transparent 45%),
      #111c24;
  }
  html[data-page="index"] .hero .hero-desempenho .ri-home-visual::before {
    inset:52% 0 0;
    mask-image:linear-gradient(180deg,transparent,#000 30%);
  }
}
@media(max-width:760px) {
  html[data-page="precos-e-planos"] .pricing-plans .ri-premium-benefits .ri-premium-cta {
    width:100%;max-width:none;margin-top:25px;
  }
}