html[data-page="index"] .hero .hero-desempenho {background-color: rgb(17, 28, 36);}
html[data-page="index"] .hero .hero-desempenho .ri-home-visual {--ri-hero-size: clamp(570px,35.2vw,700px); background: radial-gradient(at 69% 9%, rgba(47, 128, 237, 0.208) 0%, transparent 33%), radial-gradient(at 98% 45%, rgba(46, 156, 118, 0.32) 0%, transparent 32%), radial-gradient(at 76% 76%, rgba(229, 207, 156, 0.08) 0%, transparent 32%), linear-gradient(105deg, rgb(17, 28, 36) 0%, rgb(20, 30, 39) 46%, rgb(19, 33, 50) 71%, rgb(16, 37, 31) 100%); isolation: isolate;}
html[data-page="index"] .hero .hero-desempenho .ri-home-visual::before {content: ""; position: absolute; z-index: 0; inset: 56% 0px 0px 43%; pointer-events: none; background: linear-gradient(transparent 0%, rgba(3, 9, 16, 0.72) 45%, rgba(2, 8, 13, 0.92) 100%); mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 32%);}
html[data-page="index"] .hero .hero-desempenho .ri-dashboard-stage {overflow: visible;}
html[data-page="index"] .ri-dashboard-atmosphere {position: absolute; inset: 1% 0px auto auto; width: 50%; height: 88%; color: rgb(38, 182, 206); opacity: 0.75; pointer-events: none; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 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: 0px auto auto 0px; 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;}
html[data-page="precos-e-planos"] .pricing-plans .ri-premium-benefits .ri-premium-cta {width: min(100%, 360px); align-self: flex-end; margin: 28px 0px 0px 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;}
}
@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: 0px; width: 100%; height: 90%; opacity: 0.75;}
html[data-page="index"] .hero .hero-desempenho .ri-home-visual {background: radial-gradient(at 35% 28%, rgba(47, 128, 237, 0.17) 0%, transparent 43%), radial-gradient(at 100% 38%, rgba(46, 156, 118, 0.29) 0%, transparent 45%), rgb(17, 28, 36);}
html[data-page="index"] .hero .hero-desempenho .ri-home-visual::before {inset: 52% 0px 0px; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 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;}
}