/* =========================================
   HERO
========================================= */

.hero-vtsd{
    min-height:100vh;
  
    padding:
      30px
      0
      100px;
  
    background:
      radial-gradient(circle at top, rgba(0,197,255,0.08) 0%, transparent 45%),
      #050a12;
  
    overflow:hidden;
  }
  
  
  /* =========================================
     CONTEÚDO
  ========================================= */
  
  .hero-content{
    width:100%;
    max-width:1100px;
  
    margin:0 auto;
  
    padding:
      0
      30px;
  
    text-align:center;
  }
  
  
  /* =========================================
     LOGO
  ========================================= */
  
  .hero-logo{
    display:flex;
    justify-content:center;
  
    margin-bottom:22px;
  }
  
  .hero-logo img{
    height:40px;
    width:auto;
    object-fit:contain;
  }
  
  
  /* =========================================
     BADGE
  ========================================= */
  
  .hero-badge-wrapper{
    display:flex;
    justify-content:center;
  
    margin-bottom:28px;
  }
  
  .hero-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  
    padding:
      10px
      22px;
  
    border-radius:999px;
  
    border:
      1px solid rgba(0,197,255,0.25);
  
    background:
      rgba(0,197,255,0.06);
  
    color:#00c5ff;
  
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
  }
  
  
  /* =========================================
     TITULO
  ========================================= */
  
  .hero-title{
    font-size:48px;
    line-height:1.08;
   /* font-weight:1px; */
  
    letter-spacing:-2px;
  
    color:#fff;
  
    margin-bottom:24px;
  }
  
  .hero-title span{
    color:#00c5ff;
  }
  
  
  /* =========================================
     SUBTITULO
  ========================================= */
  
  .hero-subtitle{
    max-width:820px;
  
    margin:
      0 auto
      30px;
  
    font-size:22px;
    line-height:1.45;
  
    color:#8ba5bf;
  }
  
  
  /* =========================================
     FEATURES
  ========================================= */
  
  .hero-features{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
  
    flex-wrap:wrap;
  }
  
  
  /* =========================================
     FEATURE
  ========================================= */
  
  .hero-feature{
    display:flex;
    align-items:center;
    gap:14px;
  }
  
  .hero-feature strong{
    display:block;
  
    color:#fff;
  
    font-size:14px;
    font-weight:700;
  
    margin-bottom:4px;
  }
  
  .hero-feature span{
    color:#6a8aaa;
    font-size:13px;
  }
  
  
  /* =========================================
     CHECK
  ========================================= */
  
  .check{
    color:#00f0cd;
  
    font-size:20px;
    font-weight:900;
  
    text-shadow:
      0 0 10px rgba(0,240,205,0.6);
  }
  
  
  /* =========================================
     VIDEO
  ========================================= */
  
  .hero-video-wrapper{
    width:100%;
    max-width:1450px;
  
    margin:
      42px auto 0;
  
    padding:
      0
      40px;
  }
  
  
  .video-shell{
    width:100%;
  
    padding:10px;
  
    border-radius:34px;
  
    overflow:hidden;
  
    background:#0b1828;
  
    border:
      1px solid rgba(255,255,255,0.08);
  
    box-shadow:
      0 40px 120px rgba(0,0,0,0.65);
  }
  
  
  .video-inner{
    position:relative;
  
    width:100%;
  
    padding-top:56.25%;
  
    overflow:hidden;
  
    border-radius:26px;
  
    background:#000;
  }
  
  
  .video-inner iframe{
    position:absolute;
  
    top:0;
    left:0;
  
    width:100%;
    height:100%;
  
    border:none;
  }
  
  
  /* =========================================
     BOTTOM
  ========================================= */
  
  .hero-bottom{
    display:flex;
    flex-direction:column;
    align-items:center;
  
    margin-top:38px;
  }
  
  
  /* =========================================
     CTA
  ========================================= */
  
  .hero-cta{
    border:none;
  
    padding:
      18px
      34px;
  
    border-radius:14px;
  
    background:#00c5ff;
  
    color:#000;
  
    font-size:18px;
    font-weight:800;
  
    cursor:pointer;
  
    box-shadow:
      0 0 40px rgba(0,197,255,0.35);
  
    transition:0.25s;
  }
  
  .hero-cta:hover{
    transform:translateY(-2px);
  
    box-shadow:
      0 0 60px rgba(0,197,255,0.55);
  }
  
  
  /* =========================================
     PROOF
  ========================================= */
  
  .hero-proof{
    margin-top:22px;
  
    color:#9fb6cc;
  
    font-size:15px;
  }
  
  
  /* =========================================
     RESPONSIVO
  ========================================= */
  
  @media(max-width:980px){
  
    .hero-title{
      font-size:46px;
    }
  
    .hero-subtitle{
      font-size:19px;
    }
  
  }
  
  
  @media(max-width:640px){
  
    .hero-title{
      font-size:36px;
      line-height:1.12;
    }
  
    .hero-subtitle{
      font-size:17px;
    }
  
    .hero-feature{
      width:100%;
      justify-content:center;
    }
  
    .hero-cta{
      width:100%;
    }
  
  }
  
  /*******************box beneficios *******************/


  
/* =========================================
   SECTION
========================================= */

.sec-pillars{
    padding:
      70px
      30px;
  
    background:#050a12;
  }
  
  
  /* =========================================
     BOX ÚNICO
  ========================================= */
  
  .pillars-box{
    width:100%;
    max-width:1280px;
  
    margin:0 auto;
  
    display:grid;
    grid-template-columns:repeat(4,1fr);
  
    gap:10px;
  
    padding:
      40px
      34px;
  
    border-radius:32px;
  
    background:
      linear-gradient(
        180deg,
        rgba(11,24,40,0.92) 0%,
        rgba(5,10,18,1) 100%
      );
  
    border:
      1px solid rgba(0,197,255,0.12);
  
    box-shadow:
      0 20px 80px rgba(0,0,0,0.45);
  }
  
  
  /* =========================================
     ITEM
  ========================================= */
  
  .pillar-item{
    padding:
      10px
      18px;
  
    position:relative;
  }
  
  
  /* =========================================
     DIVISÃO ENTRE ITENS
  ========================================= */
  
  .pillar-item:not(:last-child)::after{
    content:'';
  
    position:absolute;
  
    top:10%;
    right:0;
  
    width:1px;
    height:80%;
  
    background:
      linear-gradient(
        to bottom,
        transparent,
        rgba(255,255,255,0.08),
        transparent
      );
  }
  
  
  /* =========================================
     ICON
  ========================================= */
  
  .pillar-icon{
    width:58px;
    height:58px;
  
    border-radius:50%;
  
    display:flex;
    align-items:center;
    justify-content:center;
  
    margin-bottom:24px;
  
    background:
      linear-gradient(
        135deg,
        rgba(0,197,255,0.16),
        rgba(0,240,205,0.10)
      );
  
    border:
      1px solid rgba(0,197,255,0.20);
  
    color:#00f0cd;
  
    box-shadow:
      0 0 25px rgba(0,240,205,0.15);
  }
  
  
  .pillar-icon svg{
    width:26px;
    height:26px;
  }
  
  
  /* =========================================
     TITLE
  ========================================= */
  
  .pillar-item h3{
    font-size:30px;
    line-height:1.15;
  
    font-weight:800;
  
    color:#fff;
  
    margin-bottom:18px;
  }
  
  
  /* =========================================
     TEXT
  ========================================= */
  
  .pillar-item p{
    font-size:17px;
    line-height:1.7;
  
    color:#8ba5bf;
  }
  
  
  /* =========================================
     RESPONSIVO
  ========================================= */
  
  @media(max-width:1100px){
  
    .pillars-box{
      grid-template-columns:repeat(2,1fr);
      gap:30px;
    }
  
    .pillar-item::after{
      display:none;
    }
  
  }
  
  
  @media(max-width:640px){
  
    .pillars-box{
      grid-template-columns:1fr;
  
      padding:
        28px
        22px;
    }
  
    .pillar-item{
      padding:0;
    }
  
    .pillar-item h3{
      font-size:26px;
    }
  
    .pillar-item p{
      font-size:16px;
    }
  
  }

  /* =========================================
   SECTION area dos agentes
========================================= */

.sec-agents{
    position:relative;
  
    padding:
      120px
      30px;
  
    background:
      radial-gradient(circle at top,
      rgba(0,197,255,0.06) 0%,
      transparent 45%),
      #050a12;
  
    overflow:hidden;
  }
  
  
  /* =========================================
     CONTAINER
  ========================================= */
  
  .agents-container{
    width:100%;
    max-width:1450px;
  
    margin:0 auto;
  }
  
  
  /* =========================================
     TAG
  ========================================= */
  
  .agents-tag{
    width:fit-content;
  
    margin:
      0 auto
      26px;
  
    padding:
      10px
      22px;
  
    border-radius:999px;
  
    border:
      1px solid rgba(0,197,255,0.25);
  
    background:
      rgba(0,197,255,0.06);
  
    color:#00c5ff;
  
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
  }
  
  
  /* =========================================
     TITULO
  ========================================= */
  
  .agents-title{
    max-width:980px;
  
    margin:
      0 auto
      26px;
  
    text-align:center;
  
    font-size:48px;
    line-height:1.08;
    letter-spacing:-2px;
   /* font-weight:900;*/
  
    color:#fff;
  }
  
  
  /* =========================================
     SUB
  ========================================= */
  
  .agents-subtitle{
    max-width:920px;
  
    margin:
      0 auto
      60px;
  
    text-align:center;
  
    font-size:22px;
    line-height:1.6;
  
    color:#8ba5bf;
  }
  
  
  /* =========================================
     IMAGE
  ========================================= */
  
  .agents-image-wrapper{
    width:100%;
  }
  
  
  .agents-image{
    width:100%;
    display:block;
  
    border-radius:34px;
  
    box-shadow:
      0 40px 120px rgba(0,0,0,0.55);
  }
  
  
  /* =========================================
     FOOTER
  ========================================= */
  
  .agents-footer{
    margin-top:42px;
  }
  
  
  /* =========================================
     FOOTER CARD
  ========================================= */
  
  .footer-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
  
    padding:
      34px
      38px;
  
    border-radius:28px;
  
    background:
      linear-gradient(
        180deg,
        rgba(11,24,40,0.92) 0%,
        rgba(5,10,18,1) 100%
      );
  
    border:
      1px solid rgba(0,197,255,0.12);
  
    box-shadow:
      0 20px 80px rgba(0,0,0,0.45);
  }
  
  
  /* =========================================
     ICON
  ========================================= */
  
  .footer-icon{
    min-width:72px;
    width:72px;
    height:72px;
  
    border-radius:22px;
  
    display:flex;
    align-items:center;
    justify-content:center;
  
    background:
      linear-gradient(
        135deg,
        rgba(0,197,255,0.18),
        rgba(0,240,205,0.10)
      );
  
    border:
      1px solid rgba(0,197,255,0.25);
  
    color:#00f0cd;
  }
  
  
  .footer-icon svg{
    width:34px;
    height:34px;
  }
  
  
  /* =========================================
     CONTENT
  ========================================= */
  
  .footer-content{
    flex:1;
  }
  
  
  .footer-content h3{
    font-size:34px;
    line-height:1.2;
    font-weight:800;
  
    color:#fff;
  
    margin-bottom:14px;
  }
  
  
  .footer-content h3 span{
    color:#00c5ff;
  }
  
  
  .footer-content p{
    font-size:18px;
    line-height:1.7;
  
    color:#8ba5bf;
  }
  
  
  /* =========================================
     FEATURES
  ========================================= */
  
  .footer-features{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
  }
  
  
  .f-item{
    display:flex;
    align-items:center;
    gap:10px;
  
    padding:
      14px
      18px;
  
    border-radius:14px;
  
    background:
      rgba(255,255,255,0.03);
  
    border:
      1px solid rgba(255,255,255,0.06);
  
    color:#d7e6f5;
  
    font-size:15px;
    font-weight:600;
  }
  
  
  .f-dot{
    width:10px;
    height:10px;
  
    border-radius:50%;
  
    background:#00f0cd;
  
    box-shadow:
      0 0 12px rgba(0,240,205,0.65);
  }
  
  
  /* =========================================
     RESPONSIVO
  ========================================= */
  
  @media(max-width:1100px){
  
    .footer-card{
      flex-direction:column;
      align-items:flex-start;
    }
  
  }
  
  
  @media(max-width:768px){
  
    .agents-title{
      font-size:42px;
      line-height:1.12;
    }
  
    .agents-subtitle{
      font-size:18px;
    }
  
    .footer-content h3{
      font-size:28px;
    }
  
  }
  
  
  @media(max-width:640px){
  
    .sec-agents{
      padding:
        90px
        18px;
    }
  
    .agents-title{
      font-size:34px;
    }
  
    .footer-card{
      padding:
        28px
        24px;
    }
  
    .footer-content p{
      font-size:16px;
    }
  
  }
  


/* =========================================
   TESTIMONIALS
========================================= */

.sec-testimonials{
    padding:
      120px
      30px
      80px;
  
    background:#050a12;
  }
  
  
  .testimonials-container{
    width:100%;
    max-width:1450px;
    margin:0 auto;
  }
  
  
  /* =========================================
     TAG
  ========================================= */
  
  .testimonials-tag{
    width:fit-content;
  
    margin:
      0 auto
      24px;
  
    padding:
      10px
      22px;
  
    border-radius:999px;
  
    border:
      1px solid rgba(0,197,255,0.25);
  
    background:
      rgba(0,197,255,0.06);
  
    color:#00c5ff;
  
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
  }
  
  
  /* =========================================
     TITLE
  ========================================= */
  
  .testimonials-title,
  .video-title{
    max-width:980px;
  
    margin:
      0 auto
      24px;
  
    text-align:center;
  
    font-size:56px;
    line-height:1.08;
    letter-spacing:-2px;
   /* font-weight:900;*/
  
    color:#fff;
  }
  
  
  /* =========================================
     SUBTITLE
  ========================================= */
  
  .testimonials-subtitle,
  .video-subtitle{
    max-width:900px;
  
    margin:
      0 auto
      60px;
  
    text-align:center;
  
    font-size:22px;
    line-height:1.6;
  
    color:#8ba5bf;
  }
  
  
  /* =========================================
     PRINT GRID
  ========================================= */
  
  .proof-grid{
    columns:4;
    column-gap:22px;
  }
  
  
  .proof-card{
    break-inside:avoid;
  
    margin-bottom:22px;
  
    border-radius:28px;
  
    overflow:hidden;
  
    background:#09111d;
  
    border:
      1px solid rgba(255,255,255,0.06);
  
    box-shadow:
      0 20px 60px rgba(0,0,0,0.35);
  
    transition:0.25s;
  }
  
  
  .proof-card:hover{
    transform:
      translateY(-4px)
      scale(1.01);
  
    box-shadow:
      0 25px 70px rgba(0,197,255,0.12);
  }
  
  
  .proof-card img{
    width:100%;
    display:block;
  }
  
  
  /* =========================================
     VIDEO SECTION
  ========================================= */
  
  .sec-video-testimonials{
    padding:
      40px
      30px
      120px;
  
    background:#050a12;
  }
  
  
  .video-testimonials-container{
    width:100%;
    max-width:1450px;
    margin:0 auto;
  }
  
  
  /* =========================================
     VIDEO GRID
  ========================================= */
  
  .video-grid{
    display:grid;
    grid-template-columns:
      repeat(3,1fr);
  
    gap:28px;
  
    margin-bottom:70px;
  }
  
  
  /* =========================================
     VIDEO CARD
  ========================================= */
  
  .video-card{
    overflow:hidden;
  
    border-radius:28px;
  
    background:
      linear-gradient(
        180deg,
        rgba(11,24,40,0.92) 0%,
        rgba(5,10,18,1) 100%
      );
  
    border:
      1px solid rgba(255,255,255,0.06);
  
    box-shadow:
      0 20px 60px rgba(0,0,0,0.35);
  
    transition:0.25s;
  }
  
  
  .video-card:hover{
    transform:
      translateY(-4px);
  
    box-shadow:
      0 25px 70px rgba(0,197,255,0.12);
  }
  
  
  /* =========================================
     THUMB
  ========================================= */
  
  .video-thumb{
    position:relative;
  
    aspect-ratio:16/9;
  
    background:
      linear-gradient(
        135deg,
        #0f1724,
        #09111d
      );
  
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  
  .play-button{
    width:88px;
    height:88px;
  
    border-radius:50%;
  
    display:flex;
    align-items:center;
    justify-content:center;
  
    background:
      rgba(0,197,255,0.14);
  
    border:
      1px solid rgba(0,197,255,0.35);
  
    color:#00c5ff;
  
    font-size:34px;
  
    backdrop-filter:blur(12px);
  
    box-shadow:
      0 0 40px rgba(0,197,255,0.25);
  }
  
  
  .video-duration{
    position:absolute;
  
    bottom:18px;
    right:18px;
  
    padding:
      8px
      12px;
  
    border-radius:10px;
  
    background:
      rgba(0,0,0,0.55);
  
    color:#fff;
  
    font-size:13px;
    font-weight:700;
  }
  
  
  /* =========================================
     CONTENT
  ========================================= */
  
  .video-content{
    padding:
      26px;
  }
  
  
  .video-content h3{
    font-size:24px;
    font-weight:800;
  
    color:#fff;
  
    margin-bottom:12px;
  }
  
  
  .video-content p{
    font-size:17px;
    line-height:1.7;
  
    color:#8ba5bf;
  }
  
  
  /* =========================================
     CTA
  ========================================= */
  
  .video-cta-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  
  
  .video-cta{
    border:none;
  
    padding:
      20px
      36px;
  
    border-radius:16px;
  
    background:#00c5ff;
  
    color:#000;
  
    font-size:18px;
    font-weight:800;
  
    cursor:pointer;
  
    box-shadow:
      0 0 40px rgba(0,197,255,0.35);
  
    transition:0.25s;
  }
  
  
  .video-cta:hover{
    transform:translateY(-2px);
  
    box-shadow:
      0 0 60px rgba(0,197,255,0.45);
  }
  
  
  .video-proof{
    margin-top:22px;
  
    color:#9fb6cc;
  
    font-size:15px;
  }
  
  
  /* =========================================
     RESPONSIVO
  ========================================= */
  
  @media(max-width:1200px){
  
    .proof-grid{
      columns:3;
    }
  
    .video-grid{
      grid-template-columns:
        repeat(2,1fr);
    }
  
  }
  
  
  @media(max-width:768px){
  
    .proof-grid{
      columns:2;
    }
  
    .testimonials-title,
    .video-title{
      font-size:40px;
    }
  
    .testimonials-subtitle,
    .video-subtitle{
      font-size:18px;
    }
  
  }
  
  
  @media(max-width:640px){
  
    .proof-grid{
      columns:1;
    }
  
    .video-grid{
      grid-template-columns:1fr;
    }
  
    .testimonials-title,
    .video-title{
      font-size:32px;
      line-height:1.12;
    }
  
  }
  

  /* ========================================
SECTION
======================================== */

.sec-industries{

  padding:
      120px
      30px;

  background:
  radial-gradient(
      circle at top,
      rgba(0,197,255,.05),
      transparent 40%
  ),
  #050a12;

  overflow:hidden;

}


.industries-container{

  max-width:1400px;
  margin:auto;

}



/* ========================================
TAG
======================================== */

.industries-tag{

  width:fit-content;

  margin:
      0 auto
      28px;

  padding:
      10px
      22px;

  border-radius:999px;

  background:
      rgba(0,197,255,.05);

  border:
      1px solid rgba(0,197,255,.20);

  color:#00c5ff;

  font-size:12px;
  font-weight:700;

  letter-spacing:1px;

}



/* ========================================
TITLE
======================================== */

.industries-title{

  max-width:900px;

  margin:
      0 auto
      35px;

  text-align:center;

  color:#fff;

  font-size:58px;
  line-height:1.08;
  /*font-weight:900;*/

  letter-spacing:-2px;

}



/* ========================================
DESCRIPTION
======================================== */

.industries-description{

  max-width:900px;

  margin:
      0 auto
      60px;

  text-align:center;

}


.industries-description p{

  color:#9fb6cc;

  font-size:22px;

  line-height:1.7;

  margin-bottom:18px;

}


.industries-description strong{

  color:#fff;

}



/* ========================================
CLOUD
======================================== */

.industry-cloud{

  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:14px;

  margin-bottom:65px;

}


/* ========================================
ITEM
======================================== */

.industry-item{

  padding:
      14px
      22px;

  border-radius:999px;

  background:
      rgba(255,255,255,.03);

  border:
      1px solid rgba(255,255,255,.08);

  color:#d6e4f1;

  font-size:16px;
  font-weight:600;

  transition:.3s;

  cursor:default;

}


.industry-item:hover{

  transform:
      translateY(-3px);

  background:
      rgba(0,197,255,.10);

  border:
      1px solid rgba(0,197,255,.35);

  box-shadow:
      0 0 30px rgba(0,197,255,.18);

}



.special{

  background:
  rgba(0,197,255,.10);

  border:
  1px solid rgba(0,197,255,.25);

}



/* ========================================
CTA
======================================== */

.industry-cta-wrapper{

  display:flex;

  flex-direction:column;

  align-items:center;

}


.industry-cta{

  border:none;

  padding:
      18px
      36px;

  border-radius:16px;

  background:#00c5ff;

  color:#000;

  font-size:18px;
  font-weight:800;

  cursor:pointer;

  transition:.3s;

  box-shadow:
      0 0 40px rgba(0,197,255,.35);

}


.industry-cta:hover{

  transform:
      translateY(-2px);

  box-shadow:
      0 0 55px rgba(0,197,255,.50);

}


.industry-proof{

  margin-top:22px;

  color:#9fb6cc;

  font-size:15px;

}



/* ========================================
RESPONSIVO
======================================== */

@media(max-width:768px){

  .industries-title{

      font-size:40px;

  }

  .industries-description p{

      font-size:18px;

  }

}


@media(max-width:640px){

  .industries-title{

      font-size:32px;

      line-height:1.12;

  }

}



/* =======================================
SECTION
======================================= */

.sec-comparison{

  padding:
  120px
  30px;

  background:#050a12;

}


.comparison-container{

  max-width:1400px;
  margin:auto;

}


/* =======================================
TAG
======================================= */

.comparison-tag{

  width:fit-content;

  margin:
  0 auto
  25px;

  padding:
  10px 22px;

  border-radius:999px;

  color:#00c5ff;

  background:
  rgba(0,197,255,.05);

  border:
  1px solid rgba(0,197,255,.20);

  font-size:12px;
  font-weight:700;

}


/* =======================================
TITLE
======================================= */

.comparison-title{

  color:#fff;

  text-align:center;

  font-size:58px;

  line-height:1.1;

  max-width:950px;

  margin:
  auto auto 30px;

}


.comparison-subtitle{

  max-width:900px;

  margin:
  auto auto 70px;

  text-align:center;

  color:#8ba5bf;

  font-size:22px;

  line-height:1.7;

}



/* =======================================
GRID
======================================= */

.comparison-grid{

  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:30px;

}



/* =======================================
CARD
======================================= */

.compare-card{

  padding:45px;

  border-radius:30px;

  background:
  linear-gradient(
  180deg,
  rgba(11,24,40,.95),
  rgba(5,10,18,1)
  );

  border:
  1px solid rgba(255,255,255,.06);

  box-shadow:
  0 20px 60px rgba(0,0,0,.35);

}


.positive{

  border-color:
  rgba(0,197,255,.20);

}


.negative{

  border-color:
  rgba(255,255,255,.06);

}



/* =======================================
HEADER
======================================= */

.compare-top{

display:flex;
align-items:center;
gap:20px;

margin-bottom:40px;

}


.compare-icon{

width:65px;
height:65px;

border-radius:16px;

display:flex;
align-items:center;
justify-content:center;

font-size:30px;

font-weight:700;

}


.positive-icon{

background:
rgba(0,197,255,.12);

color:#00c5ff;

}


.negative-icon{

background:
rgba(255,80,80,.12);

color:#ff6565;

}


.compare-top h3{

font-size:40px;
line-height:1.2;

color:#fff;

margin-bottom:8px;

}


.compare-top span{

color:#00c5ff;

}


.compare-top small{

color:#8ba5bf;

font-size:16px;

}



/* =======================================
ITEMS
======================================= */

.compare-item{

display:flex;

gap:18px;

padding:
22px
0;

border-bottom:
1px solid rgba(255,255,255,.06);

}


.compare-item strong{

display:block;

margin-bottom:8px;

color:#fff;

font-size:18px;

}


.compare-item p{

color:#8ba5bf;

line-height:1.6;

}


.check,.xmark{

min-width:34px;

height:34px;

border-radius:10px;

display:flex;
align-items:center;
justify-content:center;

font-weight:700;

}


.check{

background:
rgba(0,197,255,.12);

color:#00c5ff;

}


.xmark{

background:
rgba(255,80,80,.12);

color:#ff6565;

}



/* =======================================
RESPONSIVO
======================================= */

@media(max-width:991px){

.comparison-grid{

grid-template-columns:1fr;

}

}


@media(max-width:768px){

.comparison-title{

font-size:40px;

}

.comparison-subtitle{

font-size:18px;

}

.compare-top h3{

font-size:30px;

}

}


/*noticias */

.sec-market-news{

  padding:120px 30px;
  background:#050a12;
  
  }
  
  .news-header{
  
  max-width:900px;
  margin:auto;
  text-align:center;
  
  margin-bottom:70px;
  
  }
  
  .news-tag{
  
  width:fit-content;
  margin:auto auto 30px;
  
  padding:10px 20px;
  
  border-radius:999px;
  
  background:rgba(0,197,255,.08);
  
  border:1px solid rgba(0,197,255,.25);
  
  color:#00c5ff;
  
  font-size:12px;
  font-weight:700;
  
  }
  
  
  .news-header h2{
  
  font-size:58px;
  line-height:1.1;
  
  color:#fff;
  
  margin-bottom:30px;
  
  }
  
  
  .news-header p{
  
  font-size:22px;
  line-height:1.7;
  
  color:#9fb6cc;
  
  }
  
  
  .news-grid{
  
  display:grid;
  
  grid-template-columns:
  repeat(3,1fr);
  
  gap:30px;
  
  }
  
  
  .news-card{
  
  overflow:hidden;
  
  border-radius:25px;
  
  background:#0b1828;
  
  border:
  1px solid rgba(255,255,255,.06);
  
  transition:.4s;
  
  }
  
  
  .news-card img{
  
  width:100%;
  display:block;
  
  }
  
  
  .news-card:hover{
  
  transform:
  translateY(-8px);
  
  box-shadow:
  0 0 40px rgba(0,197,255,.18);
  
  border:
  1px solid rgba(0,197,255,.30);
  
  }
  
  
  @media(max-width:991px){
  
  .news-grid{
  
  grid-template-columns:1fr;
  
  }
  
  }

  /*Tudo em um só lugar*/

  /* ========================== */

.sec-platform{

  padding:120px 30px;
  
  background:#050a12;
  
  overflow:hidden;
  
  }
  
  
  .platform-container{
  
  max-width:1450px;
  
  margin:auto;
  
  }
  
  
  /* ========================== */
  
  .platform-tag{
  
  width:fit-content;
  
  margin:auto auto 25px;
  
  padding:10px 20px;
  
  border-radius:999px;
  
  background:rgba(0,197,255,.07);
  
  border:1px solid rgba(0,197,255,.20);
  
  color:#00c5ff;
  
  font-size:12px;
  
  font-weight:700;
  
  }
  
  
  /* ========================== */
  
  .platform-title{
  
  font-size:62px;
  
  line-height:1.05;
  
  text-align:center;
  
  color:#fff;
  
  margin-bottom:30px;
  
  }
  
  
  .platform-title span{
  
  color:#00c5ff;
  
  }
  
  
  .platform-subtitle{
  
  max-width:900px;
  
  margin:auto auto 70px;
  
  text-align:center;
  
  font-size:22px;
  
  line-height:1.7;
  
  color:#95a8ba;
  
  }
  
  
  
  /* ========================== */
  
  .platform-hero{
  
  display:grid;
  
  grid-template-columns:
  
  260px
  1fr
  260px;
  
  align-items:center;
  
  gap:40px;
  
  margin-bottom:20px;
  
  }
  
  
  /* ========================== */
  
  .notebook-wrapper{
  
  display:flex;
  
  justify-content:center;
  
  }
  
  
  .notebook-image{
  
  width:100%;
  max-width:1000px;
  
  filter:
  
  drop-shadow(
  0 0 60px rgba(0,197,255,.20)
  );
  
  }
  
  
  
  /* ========================== */
  
  .side-cards{
  
  display:flex;
  
  flex-direction:column;
  
  gap:25px;
  
  }
  
  
  .mini-card{
  
  padding:30px;
  
  border-radius:25px;
  
  background:
  
  rgba(11,24,40,.75);
  
  border:
  
  1px solid rgba(255,255,255,.06);
  
  backdrop-filter:blur(20px);
  
  transition:.4s;
  
  }
  
  
  .mini-card:hover{
  
  transform:
  
  translateY(-5px);
  
  border-color:
  
  rgba(0,197,255,.35);
  
  box-shadow:
  
  0 0 40px rgba(0,197,255,.18);
  
  }
  
  
  .mini-icon{
  
  font-size:40px;
  
  margin-bottom:15px;
  
  }
  
  
  .mini-card h3{
  
  color:#fff;
  
  margin-bottom:10px;
  
  font-size:24px;
  
  }
  
  
  .mini-card p{
  
  color:#8ba5bf;
  
  line-height:1.7;
  
  }
  
  
  
  /* ========================== */
  
  .platform-grid{
  
  display:grid;
  
  grid-template-columns:
  
  repeat(4,1fr);
  
  gap:25px;
  
  margin-bottom:70px;
  
  }
  
  
  .feature-box{
  
  padding:35px;
  
  border-radius:25px;
  
  background:
  
  linear-gradient(
  180deg,
  rgba(11,24,40,.95),
  rgba(5,10,18,1)
  );
  
  border:
  
  1px solid rgba(255,255,255,.06);
  
  }
  
  
  .feature-number{
  
  width:60px;
  height:60px;
  
  display:flex;
  align-items:center;
  justify-content:center;
  
  border-radius:15px;
  
  background:
  
  rgba(0,197,255,.08);
  
  color:#00c5ff;
  
  font-size:25px;
  font-weight:700;
  
  margin-bottom:25px;
  
  }
  
  
  .feature-box h3{
  
  font-size:28px;
  
  margin-bottom:25px;
  
  color:#fff;
  
  }
  
  
  .feature-box ul{
  
  list-style:none;
  
  padding:0;
  
  }
  
  
  .feature-box li{
  
  margin-bottom:14px;
  
  line-height:1.6;
  
  color:#a5b6c7;
  
  }
  
  
  
  /* ========================== */
  
  .platform-cta-wrapper{
  
  text-align:center;
  
  }
  
  
  .platform-btn{
  
  border:none;
  
  padding:
  
  22px
  45px;
  
  border-radius:16px;
  
  background:#00c5ff;
  
  color:#000;
  
  font-size:18px;
  
  font-weight:800;
  
  cursor:pointer;
  
  box-shadow:
  
  0 0 50px rgba(0,197,255,.30);
  
  }
  
  
  .platform-proof{
  
  margin-top:25px;
  
  color:#8ba5bf;
  
  }
  
  
  /* ========================== */
  
  @media(max-width:1200px){
  
  .platform-grid{
  
  grid-template-columns:
  
  repeat(2,1fr);
  
  }
  
  .platform-hero{
  
  grid-template-columns:1fr;
  
  }
  
  }
  
  
  @media(max-width:768px){
  
  .platform-title{
  
  font-size:40px;
  
  }
  
  .platform-grid{
  
  grid-template-columns:1fr;
  
  }
  
  }
  


  /*===================================*/
/* BOX GERAL */
/*===================================*/

.feature-big-box{

  display:grid;
  
  grid-template-columns:repeat(4,1fr);
  
  background:
  linear-gradient(
  180deg,
  rgba(10,20,35,.95),
  rgba(4,8,15,1)
  );
  
  border-radius:35px;
  
  padding:55px;
  
  border:
  1px solid rgba(255,255,255,.06);
  
  margin-top:2px;
  
  overflow:hidden;
  
  }
  
  
  /*===================================*/
  /* COLUNAS */
  /*===================================*/
  
  .feature-column{
  
  padding:0 35px;
  
  position:relative;
  
  }
  
  
  .feature-column:not(:last-child)::after{
  
  content:"";
  
  position:absolute;
  
  right:0;
  top:0;
  
  width:1px;
  height:100%;
  
  background:
  
  linear-gradient(
  to bottom,
  transparent,
  rgba(255,255,255,.15),
  transparent
  );
  
  }
  
  
  /*===================================*/
  
  .feature-top{
  
  display:flex;
  
  align-items:center;
  
  gap:18px;
  
  margin-bottom:30px;
  
  }
  
  
  /*===================================*/
  
  .number-box{
  
  width:65px;
  height:65px;
  
  display:flex;
  
  align-items:center;
  justify-content:center;
  
  border-radius:16px;
  
  font-size:28px;
  font-weight:700;
  
  }
  
  
  /* CORES */
  
  .number-blue{
  
  color:#49A8FF;
  
  background:rgba(73,168,255,.08);
  
  border:1px solid rgba(73,168,255,.35);
  
  }
  
  
  .number-green{
  
  color:#24e3b3;
  
  background:rgba(36,227,179,.08);
  
  border:1px solid rgba(36,227,179,.35);
  
  }
  
  
  .number-purple{
  
  color:#9f5dff;
  
  background:rgba(159,93,255,.08);
  
  border:1px solid rgba(159,93,255,.35);
  
  }
  
  
  .number-yellow{
  
  color:#ffbf3b;
  
  background:rgba(255,191,59,.08);
  
  border:1px solid rgba(255,191,59,.35);
  
  }
  
  
  
  /*===================================*/
  
  .top-icon{
  
  width:40px;
  height:40px;
  
  display:flex;
  
  align-items:center;
  justify-content:center;
  
  }
  
  
  .top-icon svg{
  
  width:100%;
  height:100%;
  
  stroke:currentColor;
  
  fill:none;
  
  stroke-width:1.6;
  
  }
  
  
  /*===================================*/
  
  .icon-blue{
  
  color:#49A8FF;
  
  }
  
  .icon-green{
  
  color:#24e3b3;
  
  }
  
  .icon-purple{
  
  color:#9f5dff;
  
  }
  
  .icon-yellow{
  
  color:#ffbf3b;
  
  }
  
  
  /*===================================*/
  
  .feature-column h3{
  
  font-size:34px;
  
  line-height:1.2;
  
  margin-bottom:20px;
  
  color:#fff;
  
  }
  
  
  .feature-column p{
  
  color:#95A8BA;
  
  line-height:1.7;
  
  margin-bottom:35px;
  
  }
  
  
  /*===================================*/
  
  .feature-column ul{
  
  list-style:none;
  
  padding:0;
  
  margin:0;
  
  }
  
  
  .feature-column li{
  
  display:flex;
  
  align-items:flex-start;
  
  gap:12px;
  
  margin-bottom:18px;
  
  line-height:1.7;
  
  color:#d2dbe6;
  
  }
  
  
  
  /*===================================*/
  
  .check{
  
  width:25px;
  height:25px;
  
  display:flex;
  
  align-items:center;
  justify-content:center;
  
  border-radius:50%;
  
  font-size:12px;
  
  font-weight:700;
  
  flex-shrink:0;
  
  margin-top:2px;
  
  }
  
  
  .blue{
  
  background:rgba(73,168,255,.15);
  
  color:#49A8FF;
  
  }
  
  .green{
  
  background:rgba(36,227,179,.15);
  
  color:#24e3b3;
  
  }
  
  .purple{
  
  background:rgba(159,93,255,.15);
  
  color:#9f5dff;
  
  }
  
  .yellow{
  
  background:rgba(255,191,59,.15);
  
  color:#ffbf3b;
  
  }
  
  
  
  /*===================================*/
  /* MOBILE */
  /*===================================*/
  
  @media(max-width:1200px){
  
  .feature-big-box{
  
  grid-template-columns:1fr;
  
  }
  
  
  .feature-column{
  
  padding:40px 0;
  
  }
  
  
  .feature-column::after{
  
  display:none;
  
  }
  
  }

  /* ========================== */

.mini-icon{

  width:50px;
  height:50px;
  
  display:flex;
  
  align-items:center;
  justify-content:center;
  
  margin-bottom:20px;
  
  }
  
  
  .mini-icon svg{
  
  width:100%;
  height:100%;
  
  stroke:currentColor;
  
  fill:none;
  
  stroke-width:1.7;
  
  }
  
  
  /* cores */
  
  .icon-blue{
  
  color:#49A8FF;
  
  }
  
  .icon-green{
  
  color:#24e3b3;
  
  }
  
  .icon-purple{
  
  color:#9f5dff;
  
  }
  
  .icon-yellow{
  
  color:#ffbf3b;
  
  }


  .bio-founder-section{

    padding:120px 30px;
    background:#020817;
    position:relative;
    overflow:hidden;
    
    }
    
    .bio-container{
    
    max-width:1380px;
    margin:auto;
    
    display:grid;
    grid-template-columns:1.2fr .9fr;
    gap:70px;
    align-items:center;
    
    }
    
    
    .bio-content h2{
    
    font-size:54px;
    line-height:1.1;
    font-weight:800;
    margin-bottom:15px;
    color:#fff;
    
    }
    
    .bio-content h2 span{
    
    color:#18c8ff;
    
    }
    
    
    .bio-subtitle{
    
    font-size:22px;
    color:#86b8da;
    margin-bottom:35px;
    
    }
    
    
    .bio-content p{
    
    font-size:20px;
    line-height:1.9;
    color:#c0d5e5;
    margin-bottom:25px;
    
    }
    
    
    .bio-tag{
    
    display:inline-flex;
    align-items:center;
    gap:10px;
    
    padding:10px 22px;
    
    border-radius:999px;
    
    background:rgba(0,195,255,.10);
    
    border:1px solid rgba(0,195,255,.3);
    
    color:#18c8ff;
    
    font-size:14px;
    font-weight:700;
    
    margin-bottom:25px;
    
    }
    
    
    .bio-points{
    
    margin-top:40px;
    margin-bottom:40px;
    
    display:flex;
    flex-direction:column;
    gap:18px;
    
    }
    
    
    .bio-item{
    
    display:flex;
    align-items:center;
    gap:15px;
    
    color:#dce8f1;
    font-size:18px;
    
    }
    
    
    .bio-item svg{
    
    width:24px;
    height:24px;
    
    stroke:#18c8ff;
    stroke-width:3;
    fill:none;
    
    flex-shrink:0;
    
    }
    
    
    .bio-highlight{
    
    padding:28px;
    
    border-radius:25px;
    
    background:linear-gradient(
    90deg,
    rgba(0,195,255,.10),
    rgba(0,195,255,.03)
    );
    
    border:1px solid rgba(0,195,255,.2);
    
    font-size:20px;
    line-height:1.8;
    color:white;
    
    box-shadow:
    0 0 30px rgba(0,195,255,.08);
    
    }
    
    
    .bio-image{
    
    display:flex;
    justify-content:center;
    
    }
    
    
    .bio-image-wrapper{
    
    position:relative;
    
    border-radius:35px;
    
    overflow:hidden;
    
    border:1px solid rgba(0,195,255,.2);
    
    box-shadow:
    
    0 0 50px rgba(0,195,255,.10),
    0 0 100px rgba(0,0,0,.4);
    
    }
    
    
    .bio-image-wrapper img{
    
    display:block;
    
    width:100%;
    max-width:520px;
    
    height:auto;
    
    }
    
    
    .bio-image-wrapper::before{
    
    content:"";
    
    position:absolute;
    
    inset:0;
    
    background:
    
    linear-gradient(
    180deg,
    transparent,
    rgba(0,0,0,.25)
    );
    
    pointer-events:none;
    
    }
    
    
    /* RESPONSIVO */
    
    @media(max-width:991px){
    
    .bio-container{
    
    grid-template-columns:1fr;
    gap:50px;
    
    }
    
    .bio-content{
    
    order:2;
    text-align:center;
    
    }
    
    .bio-image{
    
    order:1;
    
    }
    
    .bio-content h2{
    
    font-size:40px;
    
    }
    
    .bio-subtitle{
    
    font-size:18px;
    
    }
    
    .bio-content p{
    
    font-size:17px;
    
    }
    
    .bio-item{
    
    justify-content:center;
    
    }
    
    }



    .pricing-section{

      padding:120px 30px;
      background:#020817;
      
      }
      
      .pricing-container{
      
      max-width:1100px;
      margin:auto;
      
      }
      
      .pricing-header{
      
      text-align:center;
      margin-bottom:50px;
      
      }
      
      .pricing-tag{
      
      display:inline-block;
      
      padding:10px 25px;
      
      border-radius:999px;
      
      border:1px solid rgba(0,195,255,.3);
      
      background:rgba(0,195,255,.08);
      
      color:#18c8ff;
      
      font-size:13px;
      font-weight:700;
      
      margin-bottom:20px;
      
      }
      
      .pricing-header h2{
      
      font-size:58px;
      font-weight:800;
      line-height:1.1;
      
      color:white;
      
      margin-bottom:25px;
      
      }
      
      .pricing-header h2 span{
      
      color:#18c8ff;
      
      }
      
      .pricing-header p{
      
      font-size:20px;
      color:#9bb3c7;
      
      max-width:800px;
      margin:auto;
      
      line-height:1.7;
      
      }
      
      
      .pricing-card{
      
      max-width:700px;
      
      margin:auto;
      
      padding:55px;
      
      border-radius:35px;
      
      background:
      
      linear-gradient(
      180deg,
      rgba(0,20,40,.95),
      rgba(0,10,20,.98)
      );
      
      border:1px solid rgba(0,195,255,.2);
      
      box-shadow:
      
      0 0 60px rgba(0,195,255,.10);
      
      }
      
      .plan-name{
      
      font-size:32px;
      font-weight:700;
      
      text-align:center;
      color:white;
      
      margin-bottom:35px;
      
      }
      
      .price-area{
      
      text-align:center;
      margin-bottom:40px;
      
      }
      
      .currency{
      
      font-size:35px;
      font-weight:700;
      color:#18c8ff;
      
      }
      
      .price{
      
      font-size:90px;
      font-weight:800;
      
      color:#18c8ff;
      
      }
      
      .month{
      
      font-size:30px;
      color:#93b6ce;
      
      }
      
      .price-compare{
      
      display:flex;
      align-items:center;
      justify-content:center;
      gap:25px;
      
      margin-bottom:40px;
      
      padding:20px;
      
      background:rgba(255,255,255,.02);
      
      border-radius:20px;
      
      }
      
      .old-model,
      .new-model{
      
      display:flex;
      flex-direction:column;
      align-items:center;
      
      gap:8px;
      
      color:white;
      
      }
      
      .old-model strong{
      
      color:#ff6868;
      
      }
      
      .new-model strong{
      
      color:#18c8ff;
      
      }
      
      .vs{
      
      font-size:22px;
      font-weight:700;
      color:#637f91;
      
      }
      
      .plan-features{
      
      display:flex;
      flex-direction:column;
      
      gap:18px;
      
      margin-bottom:40px;
      
      }
      
      .feature{
      
      font-size:20px;
      color:#c9d8e3;
      
      }
      
      .pricing-footer{
      
      text-align:center;
      
      margin-bottom:35px;
      
      font-size:16px;
      color:#7fa1b8;
      
      }
      
      .pricing-btn{
      
      display:flex;
      
      justify-content:center;
      align-items:center;
      
      height:65px;
      
      border-radius:16px;
      
      background:#18c8ff;
      
      color:black;
      
      font-size:18px;
      font-weight:700;
      
      text-decoration:none;
      
      transition:.3s;
      
      }
      
      .pricing-btn:hover{
      
      transform:translateY(-3px);
      
      box-shadow:
      
      0 0 40px rgba(0,195,255,.5);
      
      }


      .faq-section{

        padding:120px 30px;
        background:#020817;
        
        }
        
        .faq-container{
        
        max-width:1200px;
        margin:auto;
        
        }
        
        .faq-header{
        
        text-align:center;
        margin-bottom:70px;
        
        }
        
        .faq-tag{
        
        display:inline-block;
        
        padding:10px 25px;
        
        border-radius:999px;
        
        background:rgba(0,195,255,.10);
        
        border:1px solid rgba(0,195,255,.25);
        
        color:#18c8ff;
        
        font-size:13px;
        font-weight:700;
        
        margin-bottom:20px;
        
        }
        
        .faq-header h2{
        
        font-size:56px;
        font-weight:800;
        
        margin-bottom:20px;
        
        color:white;
        
        }
        
        .faq-header h2 span{
        
        color:#18c8ff;
        
        }
        
        .faq-header p{
        
        font-size:20px;
        line-height:1.7;
        
        max-width:750px;
        margin:auto;
        
        color:#9ab1c4;
        
        }
        
        
        
        .faq-list{
        
        display:flex;
        flex-direction:column;
        gap:20px;
        
        }
        
        
        .faq-item{
        
        background:
        
        linear-gradient(
        180deg,
        rgba(8,20,40,.95),
        rgba(2,10,20,.98)
        );
        
        border-radius:22px;
        
        overflow:hidden;
        
        border:1px solid rgba(0,195,255,.12);
        
        transition:.4s;
        
        }
        
        
        .faq-item.active{
        
        border-color:#18c8ff;
        
        box-shadow:
        
        0 0 30px rgba(0,195,255,.15);
        
        }
        
        
        
        .faq-question{
        
        width:100%;
        
        padding:30px;
        
        background:none;
        border:none;
        
        display:flex;
        
        justify-content:space-between;
        align-items:center;
        
        cursor:pointer;
        
        text-align:left;
        
        font-size:21px;
        font-weight:600;
        
        color:white;
        
        }
        
        
        .faq-icon{
        
        width:45px;
        height:45px;
        
        border-radius:50%;
        
        display:flex;
        align-items:center;
        justify-content:center;
        
        background:#18c8ff;
        
        font-size:30px;
        font-weight:700;
        
        color:#02101f;
        
        flex-shrink:0;
        
        transition:.4s;
        
        }
        
        
        .faq-item.active .faq-icon{
        
        transform:rotate(45deg);
        
        }
        
        
        .faq-answer{
        
        max-height:0;
        
        overflow:hidden;
        
        transition:.5s;
        
        padding:0 30px;
        
        font-size:18px;
        line-height:1.8;
        
        color:#c5d4e1;
        
        }
        
        
        
        .faq-item.active .faq-answer{
        
        padding:0 30px 30px;
        max-height:400px;
        
        }
        
        
        
        @media(max-width:768px){
        
        .faq-header h2{
        
        font-size:38px;
        
        }
        
        .faq-question{
        
        font-size:18px;
        
        }
        
        }


        .footer-dolphin{

          padding:90px 30px 30px;
          
          background:#010b16;
          
          border-top:1px solid rgba(0,195,255,.1);
          
          }
          
          
          .footer-container{
          
          max-width:1380px;
          margin:auto;
          
          }
          
          
          .footer-top{
          
          display:flex;
          justify-content:space-between;
          align-items:center;
          
          padding-bottom:50px;
          
          border-bottom:1px solid rgba(255,255,255,.08);
          
          margin-bottom:50px;
          
          gap:50px;
          
          }
          
          
          .footer-community{
          
          display:flex;
          align-items:center;
          gap:25px;
          
          }
          
          
          .footer-avatars{
          
          display:flex;
          
          }
          
          
          .footer-avatars img{
          
          width:42px;
          height:42px;
          
          border-radius:50%;
          
          margin-left:-10px;
          
          border:2px solid #010b16;
          
          object-fit:cover;
          
          }
          
          
          .footer-community h3{
          
          font-size:38px;
          color:white;
          margin-bottom:8px;
          
          }
          
          .footer-community p{
          
          color:#87a2b8;
          
          }
          
          
          .footer-buttons{
          
          display:flex;
          gap:20px;
          
          }
          
          
          .footer-btn-primary{
          
          padding:18px 35px;
          
          border-radius:14px;
          
          background:#18c8ff;
          
          text-decoration:none;
          
          font-weight:700;
          color:#02111f;
          
          transition:.3s;
          
          }
          
          
          .footer-btn-primary:hover{
          
          transform:translateY(-3px);
          
          box-shadow:
          0 0 35px rgba(0,195,255,.35);
          
          }
          
          
          .footer-btn-secondary{
          
          padding:18px 35px;
          
          border-radius:14px;
          
          border:1px solid rgba(255,255,255,.2);
          
          text-decoration:none;
          
          color:white;
          
          transition:.3s;
          
          }
          
          
          .footer-btn-secondary:hover{
          
          border-color:#18c8ff;
          
          }
          
          
          
          .footer-middle{
          
          display:grid;
          
          grid-template-columns:
          2fr
          1fr
          1fr
          1fr;
          
          gap:50px;
          
          margin-bottom:50px;
          
          }
          
          
          .footer-brand img{
          
          height:60px;
          margin-bottom:25px;
          
          }
          
          
          .footer-brand p{
          
          line-height:1.8;
          color:#a7bfd1;
          
          margin-bottom:25px;
          
          max-width:420px;
          
          }
          
          
          .footer-disclaimer{
          
          font-size:13px;
          line-height:1.8;
          
          color:#6f8799;
          
          }
          
          
          .footer-links{
          
          display:flex;
          flex-direction:column;
          gap:15px;
          
          }
          
          .footer-links h4{
          
          color:white;
          margin-bottom:15px;
          
          }
          
          
          .footer-links a{
          
          text-decoration:none;
          color:#89a5bb;
          
          transition:.3s;
          
          }
          
          .footer-links a:hover{
          
          color:#18c8ff;
          
          }
          
          
          .footer-bottom{
          
          padding-top:35px;
          
          border-top:1px solid rgba(255,255,255,.08);
          
          display:flex;
          
          justify-content:space-between;
          
          color:#718799;
          font-size:14px;
          
          }
          
          
          @media(max-width:991px){
          
          .footer-top{
          
          flex-direction:column;
          
          }
          
          .footer-middle{
          
          grid-template-columns:1fr;
          
          }
          
          .footer-bottom{
          
          flex-direction:column;
          gap:15px;
          
          text-align:center;
          
          }
          
          .footer-buttons{
          
          flex-direction:column;
          width:100%;
          
          }
          
          }


 /* ========================================= */
/* SECTION CLIENTES */
/* ========================================= */

.customers-section{
  position: relative;
  padding: 120px 0;
  background:
  radial-gradient(circle at top,
  rgba(0,194,255,.08),
  transparent 55%),
  #020817;

  overflow: hidden;
}

/* ========================================= */
/* CONTAINER */
/* ========================================= */

.customers-container{
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 40px;
}

/* ========================================= */
/* HEADER */
/* ========================================= */

.customers-header{
  text-align: center;
  margin-bottom: 70px;
}

.customers-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 18px;

  border-radius: 999px;

  background: rgba(0,194,255,.08);

  border: 1px solid rgba(0,194,255,.18);

  color: #00c2ff;

  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;

  margin-bottom: 24px;
}

.customers-header h2{
  font-size: 52px;
  line-height: 1.1;
  font-weight: 800;

  color: #fff;

  margin-bottom: 22px;
}

.customers-header h2 span{
  color: #00c2ff;
}

.customers-header p{
  max-width: 850px;

  margin: 0 auto;

  color: rgba(255,255,255,.72);

  font-size: 18px;
  line-height: 1.8;
}

/* ========================================= */
/* MARQUEE */
/* ========================================= */

.logo-marquee{
  position: relative;

  width: 100%;

  overflow: hidden;

  margin-bottom: 26px;

  mask-image: linear-gradient(
      to right,
      transparent,
      #000 10%,
      #000 90%,
      transparent
  );
}

.logo-track{
  display: flex;
  align-items: center;
  gap: 80px;

  width: max-content;

  animation: marqueeMove 45s linear infinite;
}

.logo-marquee.reverse .logo-track{
  animation-direction: reverse;
}

/* ========================================= */
/* LOGOS */
/* ========================================= */

.logo-track img{
  width: 170px;
  height: 90px;

  object-fit: contain;

  opacity: .45;

  filter:
  grayscale(100%)
  brightness(1.4);

  transition:
  .4s ease;
}

.logo-track img:hover{
  opacity: 1;

  transform: scale(1.04);

  filter:
  grayscale(0%)
  brightness(1);
}

/* ========================================= */
/* MÉTRICAS */
/* ========================================= */

.customers-metrics{
  display: flex;
  justify-content: center;
  gap: 22px;

  margin-top: 70px;

  flex-wrap: wrap;
}

.metric-box{
  min-width: 220px;

  padding: 24px 34px;

  border-radius: 20px;

  background:
  linear-gradient(
      180deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.02)
  );

  border: 1px solid rgba(255,255,255,.08);

  text-align: center;

  backdrop-filter: blur(12px);
}

.metric-box strong{
  display: block;

  font-size: 34px;
  font-weight: 800;

  color: #00c2ff;

  margin-bottom: 8px;
}

.metric-box span{
  color: rgba(255,255,255,.72);

  font-size: 15px;
}

/* ========================================= */
/* ANIMAÇÃO */
/* ========================================= */

@keyframes marqueeMove{
  from{
      transform: translateX(0);
  }

  to{
      transform: translateX(-50%);
  }
}

/* ========================================= */
/* RESPONSIVO */
/* ========================================= */

@media(max-width: 768px){

  .customers-section{
      padding: 90px 0;
  }

  .customers-container{
      padding: 0 24px;
  }

  .customers-header h2{
      font-size: 36px;
  }

  .customers-header p{
      font-size: 16px;
  }

  .logo-track{
      gap: 50px;
  }

  .logo-track img{
      width: 120px;
      height: 70px;
  }

  .metric-box{
      width: 100%;
  }

}