body {
      font-family: 'Inter', sans-serif;
      color: #111827;
      overflow-x: hidden;
    }

    h1,h2,h3,h4,h5 {
      font-family: 'Poppins', sans-serif;
    }

    .navbar {
    background: linear-gradient(
        135deg,
        #0F172A 0%,
        #1E3A8A 50%,
        #312E81 100%
    );

    padding: 18px 0;

    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

    .navbar-brand {
      font-weight: 800;
      color: #1E40AF !important;
      font-size: 28px;
    }

  .nav-link {
    color: white !important;
    font-weight: 600;
    margin-left: 18px;
    position: relative;
    transition: 0.3s;
}
.nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0%;
    height: 2px;
    background: #FACC15;
    transition: 0.3s;
}

.nav-link:hover::after {
    width: 100%;
}

.nav-link:hover {
    color: #FACC15 !important;
}
    .btn-demo {
      background: #FACC15;
      color: #111827;
      font-weight: 700;
      padding: 14px 28px;
      border-radius: 14px;
      border: none;
      transition: 0.3s;
    }

    .btn-demo:hover {
      background: #f5be00;
      transform: translateY(-2px);
    }

    .hero {
    position: relative;
    overflow: hidden;
    color: white;
    padding: 120px 0;

    background:
    radial-gradient(circle at top left, rgba(250,204,21,0.15), transparent 25%),
    radial-gradient(circle at bottom right, rgba(124,58,237,0.25), transparent 30%),
    linear-gradient(135deg, #0F172A 0%, #1E3A8A 45%, #312E81 100%);
}

    .hero-badge {
      display: inline-block;
      background: #FACC15;
      color: #111827;
      padding: 10px 18px;
      border-radius: 50px;
      font-weight: 700;
      margin-bottom: 25px;
    }

    .hero h1 {
      font-size: 64px;
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: 25px;
    }

    .hero p {
      font-size: 22px;
      color: rgba(255,255,255,0.9);
      margin-bottom: 40px;
    }

    .btn-whatsapp {
      border: 2px solid white;
      color: white;
      font-weight: 700;
      padding: 14px 28px;
      border-radius: 14px;
      margin-left: 15px;
       background: green;
    }

    .btn-whatsapp:hover {
      background: white;
      color: #1E40AF;
    }

    .feature-box {
      background: rgba(255,255,255,0.12);
      backdrop-filter: blur(10px);
      border-radius: 18px;
      padding: 18px;
      margin-top: 15px;
      font-weight: 600;
    }

    .hero-image {
      border-radius: 30px;
      overflow: hidden;
      box-shadow: 0 20px 50px rgba(0,0,0,0.25);
    }

    .section-title {
      font-size: 46px;
      font-weight: 800;
      margin-bottom: 20px;
    }

    .section-subtitle {
      font-size: 20px;
      color: #6B7280;
      max-width: 700px;
      margin: auto;
    }

    .benefits {
      padding: 100px 0;
      background: #F3F4F6;
    }

    .benefit-card {
      background: white;
      border-radius: 30px;
      padding: 40px;
      height: 100%;
      transition: 0.3s;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    }

    .benefit-card:hover {
      transform: translateY(-8px);
    }

    .benefit-card.active {
      background: #1E40AF;
      color: white;
    }

    .benefit-card.active ul li {
      color: rgba(255,255,255,0.9);
    }

    .benefit-icon {
      font-size: 55px;
      margin-bottom: 25px;
    }

    .benefit-card h3 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .benefit-card ul {
      padding-left: 0;
      list-style: none;
    }

    .benefit-card ul li {
      margin-bottom: 14px;
      color: #6B7280;
      font-size: 17px;
    }

    .dashboard {
      padding: 100px 0;
    }

    .dashboard img {
      border-radius: 30px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    }

    .dashboard-item {
      display: flex;
      gap: 20px;
      margin-bottom: 30px;
    }

    .dashboard-number {
      width: 60px;
      height: 60px;
      border-radius: 18px;
      background: #DBEAFE;
      color: #1E40AF;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 22px;
    }

    .plans {
      padding: 100px 0;
      background: #F3F4F6;
    }

    .plan-card {
      background: white;
      border-radius: 30px;
      padding: 45px;
      height: 100%;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      position: relative;
    }

    .plan-card.featured {
      background: #1E40AF;
      color: white;
      transform: scale(1.05);
    }

    .popular-tag {
      position: absolute;
      top: 20px;
      right: 20px;
      background: #FACC15;
      color: #111827;
      padding: 8px 14px;
      border-radius: 30px;
      font-weight: 700;
      font-size: 14px;
    }

    .price {
      font-size: 58px;
      font-weight: 800;
      margin: 25px 0;
    }

    .plan-card ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 35px;
    }

    .plan-card ul li {
      margin-bottom: 15px;
      font-size: 17px;
    }

    .btn-plan {
      width: 100%;
      padding: 16px;
      border-radius: 16px;
      border: none;
      font-weight: 700;
      background: #1E40AF;
      color: white;
    }

    .featured .btn-plan {
      background: #FACC15;
      color: #111827;
    }
    
    .btn-plan2 {
      width: 100%;
      padding: 16px;
      border-radius: 16px;
      border: none;
      font-weight: 700;
      background: #FACC15;
      color: black;
    }

    .featured .btn-plan2 {
      background: #FACC15;
      color: #111827;
    }

    .cta {
      background: #111827;
      color: white;
      padding: 110px 0;
      text-align: center;
    }

    .cta h2 {
      font-size: 54px;
      font-weight: 800;
      margin-bottom: 25px;
    }

    .cta p {
      font-size: 22px;
      color: rgba(255,255,255,0.85);
      margin-bottom: 40px;
    }

    
    .whatsapp-float {
      position: fixed;
      bottom: 25px;
      right: 25px;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: #22C55E;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.2);
      z-index: 999;
      text-decoration: none;
    }

    @media(max-width: 992px) {
      .hero {
        text-align: center;
      }

      .hero h1 {
        font-size: 42px;
      }

      .section-title {
        font-size: 36px;
      }

      .cta h2 {
        font-size: 38px;
      }

      .plan-card.featured {
        transform: none;
      }
    }
    /* Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

/* Fundo da barra */
::-webkit-scrollbar-track {
    background: #E5E7EB;
}

/* Barra de rolagem */
::-webkit-scrollbar-thumb {
    background: #1E3A8A;
    border-radius: 20px;
    border: 2px solid #E5E7EB;
}

/* Hover */
::-webkit-scrollbar-thumb:hover {
    background: #312E81;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #1E3A8A,
        #312E81
    );
}
html {
    scrollbar-color: #1E3A8A #E5E7EB;
    scrollbar-width: thin;
}

footer {
      background: #030712;
      color: #9CA3AF;
      padding: 80px 0;
    }

    footer h4 {
      color: white;
      margin-bottom: 20px;
    }

    footer ul {
      list-style: none;
      padding-left: 0;
    }

    footer ul li {
      margin-bottom: 12px;
    }


/* SOCIAL ICONS */

.social-icons{
    display:flex;
    gap:15px;
}

.social-icon{
    width:52px;
    height:52px;
    border-radius:16px;

    background:linear-gradient(
    135deg,
    #1E3A8A,
    #312E81
    );

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

    text-decoration:none;
    font-size:20px;

    transition:0.3s;

    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.social-icon:hover{
    transform:translateY(-5px) scale(1.05);

    background:linear-gradient(
    135deg,
    #2563EB,
    #4F46E5
    );

    color:#FACC15;
}
/* POWERED BY */

.footer-powered{
    margin-top:30px;
    padding-top:25px;

    border-top:1px solid rgba(255,255,255,0.08);

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    color:#9CA3AF;
    font-size:15px;
}

.footer-powered i{
    color:#60A5FA;
}

.footer-powered strong{

    background:linear-gradient(
    90deg,
    #60A5FA,
    #818CF8
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    font-weight:800;
}
.logo-iave{

    filter:drop-shadow(
    0 0 8px rgba(96,165,250,0.35)
    );

}
footer a{

    color:#D1D5DB;

    text-decoration:none;

    transition:0.3s;

    position:relative;
}

/* LINHA */

footer a::after{

    content:'';

    position:absolute;

    left:0;
    bottom:-4px;

    width:0%;
    height:2px;

    background:#FACC15;

    transition:0.3s;
}

footer a:hover{

    color:white;
}

footer a:hover::after{

    width:100%;
}

.box-cookies.hide {
  display: none !important;
}

.box-cookies {
  position: fixed;
  background: rgba(0, 0, 0, .9);
  width: 100%;
  z-index: 998;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-cookies .msg-cookies,
.box-cookies .btn-cookies {
  text-align: center;
  padding: 25px;
  color: #fff;
  font-size: 18px;
}

.box-cookies .btn-cookies {
  background: #1e88e5;
  cursor: pointer;
  align-self: normal;
}

@media screen and (max-width: 600px) {
  .box-cookies {
    flex-direction: column;
  }
}