.elementor-604 .elementor-element.elementor-element-92af2a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:012%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-604 .elementor-element.elementor-element-a2eb87d{text-align:center;}.elementor-604 .elementor-element.elementor-element-a2eb87d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:63px;font-weight:600;color:#204591;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-604 .elementor-element.elementor-element-60a972b .elementor-button{background-color:#61CE70;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:500;fill:var( --e-global-color-6768a77 );color:var( --e-global-color-6768a77 );border-radius:284px 284px 284px 284px;padding:20px 54px 20px 54px;}.elementor-604 .elementor-element.elementor-element-60a972b .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-604 .elementor-element.elementor-element-92af2a4{--padding-top:40%;--padding-bottom:40%;--padding-left:0%;--padding-right:0%;}.elementor-604 .elementor-element.elementor-element-a2eb87d .elementor-heading-title{font-size:36px;}.elementor-604 .elementor-element.elementor-element-60a972b.elementor-element{--align-self:center;}.elementor-604 .elementor-element.elementor-element-60a972b .elementor-button{font-size:20px;}}@media(min-width:768px){.elementor-604 .elementor-element.elementor-element-92af2a4{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-92af2a4 */body:has(.csd-page),
body.elementor-page-68,
body.csd-force-scope {
  background: #ffffff;
  overflow-x: hidden;
}

body:has(.csd-page)::before,
body:has(.csd-page)::after,
body.elementor-page-68::before,
body.elementor-page-68::after,
body.csd-force-scope::before,
body.csd-force-scope::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

body:has(.csd-page)::before,
body.elementor-page-68::before,
body.csd-force-scope::before {
  background:
    radial-gradient(circle at 8% 18%, rgba(131, 237, 163, 0.22), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(32, 73, 137, 0.12), transparent 34%),
    radial-gradient(circle at 70% 78%, rgba(173, 246, 131, 0.18), transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

body:has(.csd-page)::after,
body.elementor-page-68::after,
body.csd-force-scope::after {
  background-size: 56px 56px;
  background-image:
    linear-gradient(to right, rgba(32, 73, 137, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(32, 73, 137, 0.035) 1px, transparent 1px);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
}

.csd-page > :not(.bg-mesh):not(.bg-grid),
.csd-page .section,
.csd-page section {
  position: relative;
  z-index: 2;
}

body:has(.csd-page) .elementor-section,
body:has(.csd-page) .elementor-container,
body:has(.csd-page) .elementor-column,
body:has(.csd-page) .elementor-widget-wrap,
body:has(.csd-page) .elementor-widget-html,
body:has(.csd-page) .elementor-widget-html > .elementor-widget-container,
body.elementor-page-68 .elementor-section,
body.elementor-page-68 .elementor-container,
body.elementor-page-68 .elementor-column,
body.elementor-page-68 .elementor-widget-wrap,
body.elementor-page-68 .elementor-widget-html,
body.elementor-page-68 .elementor-widget-html > .elementor-widget-container {
  background: transparent;
}

body:has(.csd-page) .elementor,
body:has(.csd-page) .elementor-section-wrap,
body:has(.csd-page) .elementor-location-single,
body:has(.csd-page) main,
body.elementor-page-68 .elementor,
body.elementor-page-68 .elementor-section-wrap,
body.elementor-page-68 .elementor-location-single,
body.elementor-page-68 main {
  position: relative;
  z-index: 1;
}

.csd-page, .csd-page * {
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

.csd-page {
font-family: var(--font-body);
  color: var(--color-text);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  background: transparent;
  line-height: 1.6;
  overflow-x: clip;
  position: relative;
  z-index: 1;
}

.csd-page a {
color: inherit; text-decoration: none;
}

.csd-page ul {
list-style: none;
}

.csd-page button, .csd-page input, .csd-page select {
font: inherit;
}

.csd-page img, .csd-page svg {
display: block; max-width: 100%;
}

.csd-page .bg-mesh, .csd-page .bg-grid {
position: fixed; inset: 0; pointer-events: none; z-index: 0;
}

.csd-page .bg-mesh {
background:
    radial-gradient(circle at 8% 18%, rgba(131,237,163,.22), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(32,73,137,.12), transparent 34%),
    radial-gradient(circle at 70% 78%, rgba(173,246,131,.18), transparent 40%),
    linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.csd-page .bg-grid {
z-index: 0;
  background-size: 56px 56px;
  background-image: linear-gradient(to right, rgba(32,73,137,.035) 1px, transparent 1px), linear-gradient(to bottom, rgba(32,73,137,.035) 1px, transparent 1px);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
}

.csd-page .skip-link {
position: absolute; left: -9999px; top: 16px; background: var(--color-primary); color: #fff; padding: 10px 14px; border-radius: var(--radius-sm); z-index: 2000;
}

.csd-page .skip-link:focus {
left: 16px;
}

.csd-page .container {
width: 100%;
max-width: none;
margin: 0;
padding-inline: 8%;
}

.csd-page .section {
width: 100%;
max-width: 100%;
margin: 0;
padding: 112px 0;
position: relative;
}

.csd-page .section-header {
max-width: 720px; margin-bottom: 48px;
}

.csd-page .section-header.center {
margin-inline: auto; text-align: center;
}

.csd-page .section-header p {
color: var(--color-muted); font-size: 18px; margin-top: 16px;
}

.csd-page .section-header h3, .csd-page .story-copy h3, .csd-page .cost-grid h3 {
margin-top: 22px;
}

.csd-page h1, .csd-page h2, .csd-page h3, .csd-page h4 {
font-family: var(--font-heading);
color: var(--color-primary-dark);
line-height: 1.06;
letter-spacing: -.04em;
font-synthesis: none;
}

.csd-page h1 {
font-size: clamp(40px, 6vw, 72px);
max-width: 920px;
margin-inline: auto;
font-weight: 600;
text-align: center;
}

.csd-page h2 {
font-size: clamp(32px, 4.1vw, 54px);
font-weight: 600;
}

.csd-page h3 {
font-size: clamp(22px, 2vw, 30px);
font-weight: 580;
}

.csd-page h4 {
font-size: 18px;
font-weight: 580;
}

.csd-page strong, .csd-page b {
font-weight: 600;
}

.csd-page .glass-nav, .csd-page .glass-card, .csd-page .glass-panel, .csd-page .floating-kpi, .csd-page .saas-window, .csd-page .platform-window, .csd-page .glass-cta {
background: rgba(255,255,255,.66);
  border: 1px solid rgba(255,255,255,.68);
  box-shadow: var(--shadow-small);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.csd-page .glass-card, .csd-page .glass-panel {
border-radius: 28px;
}

.csd-page .glass-pill {
display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px;
  border-radius: var(--radius-pill); color: var(--color-primary); font-weight: 600; font-size: 12px; letter-spacing: .04em; text-transform: uppercase;
  background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.72); box-shadow: var(--shadow-small);
}

.csd-page .glass-pill.danger {
color: var(--color-danger);
}

.csd-page .dot-indicator {
width: 8px; height: 8px; border-radius: 50%; background: var(--color-emerald); box-shadow: 0 0 0 5px rgba(59,215,126,.14);
}

.csd-page .btn {
display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; border-radius: var(--radius-pill); font-weight: 600; font-size: 15px; border: 0; cursor: pointer; transition: transform var(--transition), box-shadow var(--transition), background var(--transition), border var(--transition);
}

.csd-page .btn-primary {
color: #fff; background: linear-gradient(135deg, var(--color-primary), #142B55); box-shadow: 0 14px 34px rgba(32,73,137,.24);
}

.csd-page .btn-primary:hover {
transform: translateY(-2px); box-shadow: 0 18px 40px rgba(59,215,126,.24);
}

.csd-page .btn-secondary {
color: var(--color-primary); border: 1px solid rgba(32,73,137,.12);
}

.csd-page .btn-secondary.glass {
background: rgba(255,255,255,.78);
}

.csd-page .btn-secondary:hover {
transform: translateY(-2px); border-color: rgba(59,215,126,.7);
}

.csd-page .btn-small {
min-height: 44px; padding: 0 18px; font-size: 13px;
}

.csd-page .mini-btn {
border: 0; border-radius: var(--radius-pill); background: var(--color-primary); color: #fff; padding: 9px 14px; font-weight: 600; cursor: pointer;
}

.csd-page .site-header {
position: fixed; top: 22px; left: 0; width: 100%; z-index: 1000; transition: top var(--transition);
}

.csd-page .site-header.is-scrolled {
top: 10px;
}

.csd-page .nav-shell {
min-height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px 0 22px; border-radius: var(--radius-pill);
}

.csd-page .brand {
display: inline-flex; align-items: center; gap: 10px; min-width: max-content;
}

.csd-page .brand-mark {
width: 34px; height: 34px; display: inline-flex; border-radius: 12px; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(59,215,126,.2), rgba(173,246,131,.26));
}

.csd-page .brand-mark svg {
width: 32px; height: 32px;
}

.csd-page .brand-mark.big {
width: 68px; height: 68px; margin-inline: auto; margin-bottom: 14px; box-shadow: 0 16px 40px rgba(59,215,126,.2);
}

.csd-page .brand-text {
display: grid; line-height: 1.05; color: var(--color-primary-dark);
}

.csd-page .brand-text strong {
font-family: var(--font-heading); font-size: 16px;
}

.csd-page .brand-text small {
font-size: 12px; color: var(--color-muted); font-weight: 600;
}

.csd-page .nav-menu {
display: flex; align-items: center; gap: 24px;
}

.csd-page .nav-menu a {
font-size: 14px; font-weight: 600; color: var(--color-muted); transition: color var(--transition);
}

.csd-page .nav-menu a:hover {
color: var(--color-primary-dark);
}

.csd-page .nav-actions {
display: flex; align-items: center; gap: 12px;
}

.csd-page .menu-toggle {
display: none; width: 42px; height: 42px; background: transparent; border: 0; cursor: pointer;
}

.csd-page .menu-toggle span {
display: block; width: 22px; height: 2px; background: var(--color-primary); border-radius: 2px; margin: 5px auto;
}

/* Ajuste responsivo */
@media (max-width: 767px) {
  .gc-g4-bg {
    background:
      radial-gradient(
        115% 72% at 50% -8%,
        rgba(31, 99, 255, 0.22) 0%,
        rgba(19, 109, 255, 0.12) 34%,
        transparent 72%
      ),
      radial-gradient(
        95% 64% at -8% 30%,
        rgba(84, 231, 255, 0.15) 0%,
        rgba(84, 231, 255, 0.07) 36%,
        transparent 74%
      ),
      linear-gradient(
        180deg,
        #020202 0%,
        #05070c 44%,
        #000000 100%
      ) !important;
  }

  .gc-g4-bg::before {
    inset: -4%;
    opacity: 0.76;
    filter: blur(clamp(18px, 5vw, 34px));
  }

  .gc-g4-bg::after {
    background:
      radial-gradient(
        66% 44% at 50% 32%,
        rgba(9, 22, 34, 0.12) 0%,
        rgba(3, 8, 14, 0.62) 54%,
        rgba(0, 0, 0, 0.92) 74%,
        transparent 75%
      ),
      linear-gradient(
        rgba(255, 255, 255, 0.016) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.016) 1px,
        transparent 1px
      ),
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.020) 0%,
        transparent 28%,
        rgba(0, 0, 0, 0.40) 100%
      );

    background-size:
      auto,
      56px 56px,
      56px 56px,
      auto;
  }
}/* End custom CSS */