/* PALETA DE CORES OFICIAL DA MARCA */
    :root{
      --primary-ink:#182C43;
      --secondary-teal:#00B392;
      --accent-blue:#3E77B6;
      --bg-light-gray:#F4F6F8;
      
      --text:var(--primary-ink); 
      --muted:#6b7280; 
      --bg:#ffffff; 
      --card:var(--bg-light-gray); 
      --border:#e5e7eb;
      
      --shadow-sm: 0 2px 8px rgba(2,12,27,0.04);
      --shadow: 0 8px 32px rgba(2,12,27,0.08);
      --shadow-lg: 0 16px 64px rgba(2,12,27,0.12);
      --shadow-xl: 0 24px 80px rgba(2,12,27,0.16);
      
      --gradient-primary: linear-gradient(135deg, var(--accent-blue) 0%, var(--secondary-teal) 100%);
      --gradient-hero: linear-gradient(135deg, rgba(62,119,182,0.1) 0%, rgba(0,179,146,0.08) 100%);
      --gradient-card: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(244,246,248,0.9) 100%);
    }
    
    *{
      box-sizing:border-box;
      margin:0;
      padding:0;
    }
    
    html{
      scroll-behavior:smooth;
      font-size:16px;
    }
    
    body{
        margin:0;
        font-family:'Fira Sans', system-ui,-apple-system,Segoe UI,Roboto,Ubuntu, sans-serif; 
        color:var(--text); 
      background:transparent;
      line-height:1.7;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      overflow-x:hidden;
      position:relative;
    }
    
    /* FUNDO ANIMADO FUTURÍSTICO */
    .animated-background{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index:0;
      overflow:hidden;
      pointer-events:none;
      background:#0a0e27;
    }
    
    /* GRID FUTURÍSTICO */
    .animated-background::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:200%;
      height:200%;
      background-image:
        linear-gradient(rgba(62,119,182,0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(62,119,182,0.1) 1px, transparent 1px);
      background-size:100px 100px;
      animation:gridMove 20s linear infinite;
      opacity:0.3;
    }
    
    /* GRADIENTES ANIMADOS */
    .animated-background::after{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:
        radial-gradient(circle at 20% 30%, rgba(62,119,182,0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(0,179,146,0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(62,119,182,0.1) 0%, transparent 50%),
        radial-gradient(circle at 10% 80%, rgba(0,179,146,0.12) 0%, transparent 50%),
        radial-gradient(circle at 90% 20%, rgba(62,119,182,0.1) 0%, transparent 50%);
      animation:gradientPulse 15s ease-in-out infinite;
    }
    
    /* NÓS DE CONEXÃO (PONTOS) */
    .circuit-node{
      position:absolute;
      width:10px;
      height:10px;
      border-radius:50%;
      background:rgba(62,119,182,0.9);
      box-shadow:0 0 15px rgba(62,119,182,0.8), 0 0 30px rgba(62,119,182,0.5);
      animation:nodePulse 1.5s ease-in-out infinite;
    }
    
    .circuit-node:nth-child(1){top:15%;left:10%;animation-delay:0s;}
    .circuit-node:nth-child(2){top:25%;left:30%;animation-delay:0.3s;}
    .circuit-node:nth-child(3){top:35%;left:50%;animation-delay:0.6s;}
    .circuit-node:nth-child(4){top:45%;left:70%;animation-delay:0.9s;}
    .circuit-node:nth-child(5){top:55%;left:20%;animation-delay:1.2s;}
    .circuit-node:nth-child(6){top:65%;left:40%;animation-delay:1.5s;}
    .circuit-node:nth-child(7){top:75%;left:60%;animation-delay:1.8s;}
    .circuit-node:nth-child(8){top:85%;left:80%;animation-delay:2.1s;}
    .circuit-node:nth-child(9){top:20%;left:60%;animation-delay:0.2s;background:rgba(0,179,146,0.9);box-shadow:0 0 15px rgba(0,179,146,0.8), 0 0 30px rgba(0,179,146,0.5);}
    .circuit-node:nth-child(10){top:40%;left:15%;animation-delay:0.5s;background:rgba(0,179,146,0.9);box-shadow:0 0 15px rgba(0,179,146,0.8), 0 0 30px rgba(0,179,146,0.5);}
    .circuit-node:nth-child(11){top:60%;left:75%;animation-delay:0.8s;background:rgba(0,179,146,0.9);box-shadow:0 0 15px rgba(0,179,146,0.8), 0 0 30px rgba(0,179,146,0.5);}
    .circuit-node:nth-child(12){top:80%;left:25%;animation-delay:1.1s;background:rgba(0,179,146,0.9);box-shadow:0 0 15px rgba(0,179,146,0.8), 0 0 30px rgba(0,179,146,0.5);}
    .circuit-node:nth-child(13){top:10%;left:25%;animation-delay:0.1s;}
    .circuit-node:nth-child(14){top:30%;left:45%;animation-delay:0.4s;background:rgba(0,179,146,0.9);box-shadow:0 0 15px rgba(0,179,146,0.8), 0 0 30px rgba(0,179,146,0.5);}
    .circuit-node:nth-child(15){top:50%;left:65%;animation-delay:0.7s;}
    .circuit-node:nth-child(16){top:70%;left:15%;animation-delay:1s;background:rgba(0,179,146,0.9);box-shadow:0 0 15px rgba(0,179,146,0.8), 0 0 30px rgba(0,179,146,0.5);}
    .circuit-node:nth-child(17){top:90%;left:55%;animation-delay:1.3s;}
    .circuit-node:nth-child(18){top:5%;left:75%;animation-delay:0.15s;background:rgba(0,179,146,0.9);box-shadow:0 0 15px rgba(0,179,146,0.8), 0 0 30px rgba(0,179,146,0.5);}
    .circuit-node:nth-child(19){top:95%;left:90%;animation-delay:1.4s;}
    
    /* LINHAS DE CONEXÃO (CIRCUITO) */
    .circuit-line{
      position:absolute;
      background:linear-gradient(90deg, transparent, rgba(62,119,182,0.6), transparent);
      height:2px;
      transform-origin:left center;
      animation:circuitPulse 2s ease-in-out infinite;
    }
    
    .circuit-line::before{
      content:'';
      position:absolute;
      width:100%;
      height:100%;
      background:linear-gradient(90deg, transparent, rgba(62,119,182,0.9), transparent);
      animation:dataFlow 1.5s linear infinite;
    }
    
    /* Linha horizontal 1 */
    .circuit-line:nth-child(20){
      top:15%;
      left:10%;
      width:20%;
      animation-delay:0s;
    }
    
    /* Linha horizontal 2 */
    .circuit-line:nth-child(21){
      top:25%;
      left:30%;
      width:20%;
      animation-delay:0.5s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(21)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    /* Linha horizontal 3 */
    .circuit-line:nth-child(22){
      top:35%;
      left:50%;
      width:20%;
      animation-delay:1s;
    }
    
    /* Linha vertical 1 */
    .circuit-line:nth-child(23){
      top:15%;
      left:30%;
      width:1px;
      height:20%;
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.4), transparent);
      animation-delay:0.3s;
    }
    
    .circuit-line:nth-child(23)::before{
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.6), transparent);
      animation:dataFlowVertical 2s linear infinite;
    }
    
    /* Linha vertical 2 */
    .circuit-line:nth-child(24){
      top:25%;
      left:50%;
      width:1px;
      height:20%;
      background:linear-gradient(180deg, transparent, rgba(0,179,146,0.6), transparent);
      animation-delay:0.8s;
    }
    
    .circuit-line:nth-child(24)::before{
      background:linear-gradient(180deg, transparent, rgba(0,179,146,0.9), transparent);
      animation:dataFlowVertical 2s linear infinite;
    }
    
    /* Linha diagonal 1 */
    .circuit-line:nth-child(25){
      top:35%;
      left:20%;
      width:15%;
      transform:rotate(45deg);
      transform-origin:left center;
      animation-delay:1.2s;
    }
    
    /* Linha diagonal 2 */
    .circuit-line:nth-child(26){
      top:55%;
      left:40%;
      width:15%;
      transform:rotate(-45deg);
      transform-origin:left center;
      animation-delay:1.5s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(26)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    /* Mais linhas horizontais */
    .circuit-line:nth-child(27){
      top:45%;
      left:15%;
      width:25%;
      animation-delay:1.8s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(27)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(28){
      top:65%;
      left:55%;
      width:20%;
      animation-delay:2s;
    }
    
    .circuit-line:nth-child(29){
      top:85%;
      left:25%;
      width:30%;
      animation-delay:2.2s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(29)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    /* Mais linhas verticais */
    .circuit-line:nth-child(30){
      top:35%;
      left:70%;
      width:1px;
      height:25%;
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.4), transparent);
      animation-delay:1.3s;
    }
    
    .circuit-line:nth-child(30)::before{
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.6), transparent);
      animation:dataFlowVertical 2s linear infinite;
    }
    
    .circuit-line:nth-child(31){
      top:55%;
      left:20%;
      width:1px;
      height:20%;
      background:linear-gradient(180deg, transparent, rgba(0,179,146,0.6), transparent);
      animation-delay:1.6s;
    }
    
    .circuit-line:nth-child(31)::before{
      background:linear-gradient(180deg, transparent, rgba(0,179,146,0.9), transparent);
      animation:dataFlowVertical 1.5s linear infinite;
    }
    
    /* Mais linhas diagonais */
    .circuit-line:nth-child(32){
      top:10%;
      left:50%;
      width:12%;
      transform:rotate(30deg);
      transform-origin:left center;
      animation-delay:1.8s;
    }
    
    .circuit-line:nth-child(33){
      top:70%;
      left:65%;
      width:18%;
      transform:rotate(-30deg);
      transform-origin:left center;
      animation-delay:2.1s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(33)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    /* Linhas adicionais para mais animação */
    .circuit-line:nth-child(34){
      top:5%;
      left:20%;
      width:15%;
      animation-delay:0.2s;
    }
    
    .circuit-line:nth-child(35){
      top:95%;
      left:60%;
      width:20%;
      animation-delay:2.3s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(35)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(36){
      top:50%;
      left:5%;
      width:1px;
      height:30%;
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.4), transparent);
      animation-delay:1.1s;
    }
    
    .circuit-line:nth-child(36)::before{
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.6), transparent);
      animation:dataFlowVertical 2s linear infinite;
    }
    
    .circuit-line:nth-child(37){
      top:20%;
      left:85%;
      width:1px;
      height:25%;
      background:linear-gradient(180deg, transparent, rgba(0,179,146,0.6), transparent);
      animation-delay:0.6s;
    }
    
    .circuit-line:nth-child(37)::before{
      background:linear-gradient(180deg, transparent, rgba(0,179,146,0.9), transparent);
      animation:dataFlowVertical 1.5s linear infinite;
    }
    
    .circuit-line:nth-child(38){
      top:60%;
      left:30%;
      width:18%;
      transform:rotate(60deg);
      transform-origin:left center;
      animation-delay:1.4s;
    }
    
    .circuit-line:nth-child(39){
      top:80%;
      left:70%;
      width:15%;
      transform:rotate(-60deg);
      transform-origin:left center;
      animation-delay:1.9s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(39)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(40){
      top:40%;
      left:80%;
      width:15%;
      animation-delay:1.7s;
    }
    
    .circuit-line:nth-child(41){
      top:75%;
      left:10%;
      width:22%;
      animation-delay:2.4s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(41)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(42){
      top:30%;
      left:60%;
      width:1px;
      height:15%;
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.4), transparent);
      animation-delay:0.9s;
    }
    
    .circuit-line:nth-child(42)::before{
      background:linear-gradient(180deg, transparent, rgba(62,119,182,0.6), transparent);
      animation:dataFlowVertical 2s linear infinite;
    }
    
    .circuit-line:nth-child(43){
      top:90%;
      left:40%;
      width:25%;
      animation-delay:2.5s;
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(43)::before{
      background:linear-gradient(90deg, transparent, rgba(0,179,146,0.9), transparent);
    }
    
    .circuit-line:nth-child(44){
      top:15%;
      left:75%;
      width:12%;
      transform:rotate(-30deg);
      transform-origin:left center;
      animation-delay:0.4s;
    }
    
    .circuit-line:nth-child(45){
      top:65%;
      left:25%;
      width:20%;
      animation-delay:2.6s;
    }
    
    /* ANIMAÇÕES FUTURÍSTICAS */
    @keyframes gridMove{
      0%{
        transform:translate(0, 0);
      }
      100%{
        transform:translate(100px, 100px);
      }
    }
    
    @keyframes gradientPulse{
      0%, 100%{
        transform:scale(1);
        opacity:1;
      }
      50%{
        transform:scale(1.1);
        opacity:0.8;
      }
    }
    
    @keyframes nodePulse{
      0%, 100%{
        transform:scale(1);
        opacity:0.9;
        box-shadow:0 0 15px rgba(62,119,182,0.8), 0 0 30px rgba(62,119,182,0.5);
      }
      50%{
        transform:scale(1.8);
        opacity:1;
        box-shadow:0 0 25px rgba(62,119,182,1), 0 0 50px rgba(62,119,182,0.8);
      }
    }
    
    @keyframes circuitPulse{
      0%, 100%{
        opacity:0.6;
      }
      50%{
        opacity:1;
      }
    }
    
    @keyframes dataFlow{
      0%{
        transform:translateX(-100%);
        opacity:0;
      }
      50%{
        opacity:1;
      }
      100%{
        transform:translateX(100%);
        opacity:0;
      }
    }
    
    @keyframes dataFlowVertical{
      0%{
        transform:translateY(-100%);
        opacity:0;
      }
      50%{
        opacity:1;
      }
      100%{
        transform:translateY(100%);
        opacity:0;
      }
    }
    
    /* GARANTIR QUE O CONTEÚDO FIQUE ACIMA DO FUNDO */
    .container, header, section{
      position:relative;
      z-index:1;
    }
    
    h1, h2, h3, h4, h5, h6{
        font-family:'Baloo 2', cursive;
      font-weight:700;
      line-height:1.2;
      letter-spacing:-0.03em;
    }
    
    a{
      color:inherit;
      text-decoration:none;
      transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .container{
      max-width:1280px;
      margin:0 auto;
      padding:0 24px;
    }
    
    /* HEADER NOVO DESIGN */
    header{
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:1000;
      background:rgba(255,255,255,0.9);
      backdrop-filter:blur(20px) saturate(180%);
      border-bottom:1px solid rgba(229,231,235,0.2);
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    header.scrolled{
      background:rgba(255,255,255,0.8);
      box-shadow:0 4px 24px rgba(2,12,27,0.06);
    }
    
    .header-content{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:20px 0;
    }
    
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      transition:transform 0.3s ease;
    }
    
    .brand:hover{
      transform:scale(1.05);
    }
    
    .brand img{
      height:80px;
      width:auto;
    }
    
    nav{
      display:flex;
      gap:40px;
      align-items:center;
    }
    
    @media(max-width:767px){
      nav{
        display:flex;
      }
    }
    
    nav a{
      position:relative;
      font-weight:500;
      font-size:15px;
      color:var(--text);
      padding:8px 0;
    }
    
    nav a::before{
      content:'';
      position:absolute;
      bottom:0;
      left:0;
      width:0;
      height:2px;
      background:var(--gradient-primary);
      transition:width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    nav a:hover{
      color:var(--secondary-teal);
    }
    
    nav a:hover::before{
      width:100%;
    }
    
    .btn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:14px 32px;
      border-radius:50px;
      font-weight:600;
      font-size:15px;
        cursor:pointer;
      border:none;
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      white-space:nowrap;
    }
    
    .btn-primary{
      background:var(--gradient-primary);
        color:#fff;
      box-shadow:0 8px 24px rgba(0,179,146,0.3);
    }
    
    .btn-primary:hover{
      transform:translateY(-3px) scale(1.02);
      box-shadow:0 12px 40px rgba(0,179,146,0.4);
    }
    
    .btn-secondary{
      background:var(--bg);
      color:var(--text);
      border:2px solid var(--border);
    }
    
    .btn-secondary:hover{
      border-color:var(--secondary-teal);
      color:var(--secondary-teal);
      transform:translateY(-2px);
    }
    
    .menu-toggle{
      display:block;
      background:none;
      border:none;
      font-size:28px;
      cursor:pointer;
      color:var(--text);
      padding:8px;
      transition:transform 0.3s ease;
      z-index:1001;
      position:relative;
      pointer-events:auto;
      -webkit-tap-highlight-color:transparent;
    }
    
    .menu-toggle:hover{
      transform:scale(1.1);
    }
    
    .menu-toggle:active{
      transform:scale(0.95);
    }
    
    @media(min-width:768px){
      .menu-toggle{
        display:none;
      }
    }
    
    /* OCULTAR BOTÃO WHATSAPP NO MOBILE */
    @media(max-width:767px){
      #whats-header{
        display:none !important;
      }
      
      .header-content{
        gap:16px;
      }
    }
    
    /* MENU MOBILE ESTILOS */
    @media(max-width:767px){
      nav{
        position:fixed;
        top:80px;
        left:0;
        right:0;
        background:rgba(255,255,255,0.98);
        backdrop-filter:blur(24px);
        flex-direction:column;
        padding:24px;
        gap:0;
        border-bottom:1px solid var(--border);
        box-shadow:0 8px 32px rgba(2,12,27,0.1);
        transform:translateY(-100%);
        opacity:0;
        visibility:hidden;
        transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        z-index:999;
        max-height:calc(100vh - 80px);
        overflow-y:auto;
        display:flex !important;
      }
      
      nav.active{
        transform:translateY(0);
        opacity:1;
        visibility:visible;
      }
      
      nav a{
        padding:16px 0;
        border-bottom:1px solid var(--border);
        width:100%;
        font-size:16px;
      }
      
      nav a:last-child{
        border-bottom:none;
      }
      
      nav a::before{
        display:none;
      }
    }
    
    /* HERO SECTION NOVO DESIGN */
    .hero{
      min-height:100vh;
      display:flex;
      align-items:center;
      position:relative;
      padding:140px 0 80px;
      background:transparent;
      overflow:hidden;
    }
    
    .hero::before{
      content:'';
      position:absolute;
      top:-50%;
      right:-20%;
      width:800px;
      height:800px;
      background:radial-gradient(circle, rgba(62,119,182,0.15) 0%, transparent 70%);
      border-radius:50%;
      animation:float 20s ease-in-out infinite;
    }
    
    .hero::after{
      content:'';
      position:absolute;
      bottom:-30%;
      left:-10%;
      width:600px;
      height:600px;
      background:radial-gradient(circle, rgba(0,179,146,0.12) 0%, transparent 70%);
      border-radius:50%;
      animation:float 15s ease-in-out infinite reverse;
    }
    
    .hero-content{
      position:relative;
      z-index:1;
      max-width:800px;
    }
    
    .hero h1{
      font-size:clamp(42px, 6vw, 80px);
      margin-bottom:32px;
      line-height:1.1;
      color:#fff;
      text-shadow:0 4px 20px rgba(0,0,0,0.5), 0 0 40px rgba(62,119,182,0.3), 0 0 60px rgba(0,179,146,0.2);
      animation:fadeInUp 0.8s ease-out;
    }
    
    .hero .lead{
      font-size:clamp(18px, 2.5vw, 24px);
      color:rgba(255,255,255,0.9);
      margin-bottom:48px;
      line-height:1.6;
      animation:fadeInUp 0.8s ease-out 0.2s both;
      text-shadow:0 2px 10px rgba(0,0,0,0.3);
    }
    
    .hero-actions{
      display:flex;
      gap:20px;
      flex-wrap:wrap;
      margin-bottom:48px;
      animation:fadeInUp 0.8s ease-out 0.4s both;
    }
    
    .hero-stats{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
      animation:fadeInUp 0.8s ease-out 0.6s both;
    }
    
    .stat-card{
      background:var(--gradient-card);
      backdrop-filter:blur(20px);
      padding:24px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,0.5);
      text-align:center;
      transition:all 0.4s ease;
    }
    
    .stat-card:hover{
      transform:translateY(-4px);
      box-shadow:var(--shadow-lg);
    }
    
    .stat-value{
      font-size:32px;
      font-weight:700;
      font-family:'Baloo 2', cursive;
      background:var(--gradient-primary);
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      margin-bottom:8px;
    }
    
    .stat-label{
      font-size:14px;
      color:var(--muted);
      font-weight:500;
    }
    
    /* FEATURES SECTION */
    .features{
      padding:120px 0;
      background:transparent;
    }
    
    .section-header{
      text-align:center;
      max-width:700px;
      margin:0 auto 80px;
    }
    
    .section-header h2{
      font-size:clamp(36px, 5vw, 56px);
      margin-bottom:20px;
      color:#fff;
      text-shadow:0 2px 10px rgba(0,0,0,0.3);
    }
    
    .section-header p{
      font-size:20px;
      color:rgba(255,255,255,0.9);
      line-height:1.6;
      text-shadow:0 1px 5px rgba(0,0,0,0.2);
    }
    
    .features-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
      gap:32px;
    }
    
    .feature-card{
      background:rgba(255,255,255,0.9);
      backdrop-filter:blur(15px);
      padding:40px;
      border-radius:24px;
      border:2px solid rgba(229,231,235,0.5);
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      position:relative;
      overflow:hidden;
    }
    
    .feature-card::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:4px;
      background:var(--gradient-primary);
      transform:scaleX(0);
      transition:transform 0.4s ease;
    }
    
    .feature-card:hover{
      transform:translateY(-8px);
      box-shadow:var(--shadow-xl);
      border-color:var(--secondary-teal);
    }
    
    .feature-card:hover::before{
      transform:scaleX(1);
    }
    
    .feature-icon{
      font-size:48px;
      margin-bottom:24px;
      display:block;
    }
    
    .feature-card h3{
      font-size:24px;
      margin-bottom:16px;
      color:var(--primary-ink);
    }
    
    .feature-card p{
      color:var(--muted);
      line-height:1.7;
    }
    
    /* PLATFORM SECTION */
    .platform{
      padding:120px 0;
      background:transparent;
      position:relative;
    }
    
    .platform-content{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:80px;
        align-items:center;
    }
    
    @media(max-width:968px){
      .platform-content{
        grid-template-columns:1fr;
        gap:60px;
      }
    }
    
    .platform-visual{
      position:relative;
    }
    
    .platform-visual img{
      width:100%;
      height:auto;
      border-radius:24px;
      box-shadow:var(--shadow-xl);
      transition:transform 0.6s ease;
    }
    
    .platform-visual:hover img{
      transform:scale(1.02);
    }
    
    .platform-info h2{
      font-size:clamp(36px, 5vw, 56px);
      margin-bottom:24px;
      color:#fff;
      text-shadow:0 2px 10px rgba(0,0,0,0.3);
    }
    
    .platform-info p{
      font-size:18px;
      color:rgba(255,255,255,0.9);
      margin-bottom:40px;
      line-height:1.7;
      text-shadow:0 1px 5px rgba(0,0,0,0.2);
    }
    
    .platform-features{
      display:flex;
      flex-direction:column;
      gap:24px;
    }
    
    .platform-feature{
      display:flex;
      gap:20px;
      align-items:flex-start;
    }
    
    .platform-feature-icon{
      font-size:32px;
      flex-shrink:0;
    }
    
    .platform-feature-content h3{
      font-size:20px;
      margin-bottom:8px;
      color:#fff;
      text-shadow:0 2px 8px rgba(0,0,0,0.3);
    }
    
    .platform-feature-content p{
      font-size:16px;
      color:rgba(255,255,255,0.85);
      margin:0;
      text-shadow:0 1px 4px rgba(0,0,0,0.2);
    }
    
    /* SOLUTIONS SECTION */
    .solutions{
      padding:120px 0;
      background:transparent;
    }
    
    .solutions-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
      gap:32px;
    }
    
    .solution-card{
      background:rgba(255,255,255,0.9);
      backdrop-filter:blur(15px);
      padding:40px;
      border-radius:24px;
      border:2px solid rgba(229,231,235,0.5);
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      position:relative;
    }
    
    .solution-card::after{
      content:'';
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:4px;
      background:var(--gradient-primary);
      border-radius:24px 24px 0 0;
      transform:scaleX(0);
      transition:transform 0.4s ease;
    }
    
    .solution-card:hover{
      transform:translateY(-12px);
      box-shadow:var(--shadow-xl);
      border-color:var(--accent-blue);
    }
    
    .solution-card:hover::after{
      transform:scaleX(1);
    }
    
    .solution-icon{
      font-size:40px;
      margin-bottom:24px;
      display:block;
    }
    
    .solution-card h3{
      font-size:22px;
      margin-bottom:16px;
      color:var(--primary-ink);
    }
    
    .solution-card p{
      color:var(--muted);
      line-height:1.7;
    }
    
    /* CASE STUDIES SECTION */
    .case-studies{
      padding:120px 0;
      background:transparent;
    }
    
    .case-studies-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:40px;
    }
    
    @media(max-width:1200px){
      .case-studies-grid{
        grid-template-columns:1fr;
        gap:32px;
      }
    }
    
    .case-card{
      background:rgba(255,255,255,0.9);
      backdrop-filter:blur(15px);
      padding:48px;
      border-radius:24px;
      border:2px solid rgba(229,231,235,0.5);
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      position:relative;
      overflow:hidden;
    }
    
    .case-card::before{
      content:'';
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:5px;
      background:var(--gradient-primary);
      transform:scaleX(0);
      transition:transform 0.4s ease;
    }
    
    .case-card:hover{
      transform:translateY(-12px);
      box-shadow:var(--shadow-xl);
      border-color:var(--secondary-teal);
    }
    
    .case-card:hover::before{
      transform:scaleX(1);
    }
    
    .case-header{
      margin-bottom:32px;
      padding-bottom:24px;
      border-bottom:2px solid rgba(229,231,235,0.3);
    }
    
    .case-title{
      font-size:26px;
      margin-bottom:12px;
      color:var(--primary-ink);
      line-height:1.3;
    }
    
    .case-client{
      font-size:16px;
      color:var(--secondary-teal);
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:0.5px;
    }
    
    .case-section{
      margin-bottom:28px;
    }
    
    .case-section:last-child{
      margin-bottom:0;
    }
    
    .case-section-title{
      font-size:18px;
      font-weight:700;
      color:var(--primary-ink);
      margin-bottom:12px;
      display:flex;
      align-items:center;
      gap:8px;
    }
    
    .case-section-title::before{
      content:'';
      width:4px;
      height:18px;
      background:var(--gradient-primary);
      border-radius:2px;
    }
    
    .case-section-content{
      color:var(--muted);
      line-height:1.7;
      font-size:15px;
    }
    
    .case-results{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
      gap:16px;
      margin-top:16px;
    }
    
    .case-result-item{
      background:var(--gradient-card);
      padding:16px;
      border-radius:12px;
      text-align:center;
      border:1px solid rgba(229,231,235,0.5);
    }
    
    .case-result-value{
      font-size:24px;
      font-weight:700;
      font-family:'Baloo 2', cursive;
      background:var(--gradient-primary);
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      margin-bottom:4px;
    }
    
    .case-result-label{
      font-size:12px;
      color:var(--muted);
      font-weight:500;
      text-transform:uppercase;
      letter-spacing:0.5px;
    }
    
    .case-testimonial{
      background:var(--gradient-card);
      padding:24px;
      border-radius:16px;
      border-left:4px solid var(--secondary-teal);
      margin-top:16px;
      position:relative;
    }
    
    .case-testimonial::before{
      content:'"';
      position:absolute;
      top:12px;
      left:20px;
      font-size:60px;
      font-family:Georgia, serif;
      color:rgba(0,179,146,0.15);
      line-height:1;
    }
    
    .case-testimonial-text{
      font-size:15px;
      color:var(--text);
      line-height:1.7;
      font-style:italic;
      position:relative;
      z-index:1;
      margin-bottom:12px;
    }
    
    .case-testimonial-author{
      font-weight:600;
      color:var(--primary-ink);
      font-size:14px;
    }
    
    .case-testimonial-role{
      font-size:13px;
      color:var(--muted);
      margin-top:4px;
    }
    
    .case-video{
      margin-top:16px;
      border-radius:16px;
      overflow:hidden;
      background:var(--gradient-card);
      border:1px solid rgba(229,231,235,0.5);
    }
    
    .case-video video{
      width:100%;
      height:auto;
      display:block;
      border-radius:16px;
    }
    
    @media(max-width:768px){
      .case-card{
        padding:32px;
      }
      
      .case-results{
        grid-template-columns:repeat(2, 1fr);
      }
    }
    
    /* VIDEOS SECTION */
    .videos{
      padding:120px 0;
      background:transparent;
    }
    
    .videos-grid{
      display:grid !important;
      grid-template-columns:repeat(2, 1fr) !important;
      grid-template-rows:repeat(2, auto) !important;
      gap:40px !important;
      width:100% !important;
      max-width:100% !important;
    }
    
    .videos .videos-grid{
      display:grid !important;
      grid-template-columns:repeat(2, 1fr) !important;
      grid-template-rows:repeat(2, auto) !important;
      gap:40px !important;
    }
    
    .videos .container .videos-grid{
      display:grid !important;
      grid-template-columns:repeat(2, 1fr) !important;
      grid-template-rows:repeat(2, auto) !important;
      gap:40px !important;
    }
    
    section.videos .videos-grid,
    section.videos .container .videos-grid{
      display:grid !important;
      grid-template-columns:repeat(2, 1fr) !important;
      grid-template-rows:repeat(2, auto) !important;
    }
    
    .videos .case-card{
      width:100% !important;
      margin:0 !important;
    }
    
    .videos .case-video{
      width:100% !important;
    }
    
    .videos .case-video video{
      width:100% !important;
      height:auto !important;
    }
    
    @media(max-width:768px){
      .videos-grid,
      .videos .videos-grid,
      .videos .container .videos-grid,
      section.videos .videos-grid,
      section.videos .container .videos-grid{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
      }
    }
    
    /* TESTIMONIALS SECTION */
    .testimonials{
      padding:120px 0;
      background:transparent;
    }
    
    .testimonials-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
      gap:32px;
    }
    
    .testimonial-card{
      background:rgba(255,255,255,0.9);
      backdrop-filter:blur(15px);
      padding:40px;
      border-radius:24px;
      border:2px solid rgba(229,231,235,0.5);
        position:relative;
      transition:all 0.4s ease;
    }
    
    .testimonial-card:hover{
      transform:translateY(-8px);
      box-shadow:var(--shadow-lg);
      border-color:var(--secondary-teal);
    }
    
    .testimonial-card::before{
      content:'"';
        position:absolute;
      top:20px;
      left:30px;
      font-size:80px;
        font-family:Georgia, serif;
      color:rgba(0,179,146,0.1);
      line-height:1;
    }
    
    .testimonial-text{
      font-size:16px;
      color:var(--text);
      line-height:1.7;
      margin-bottom:24px;
      position:relative;
      z-index:1;
    }
    
    .testimonial-author{
      font-weight:600;
      color:var(--primary-ink);
      font-size:15px;
    }
    
    .testimonial-role{
      font-size:14px;
      color:var(--muted);
      margin-top:4px;
    }
    
    /* CTA SECTION */
    .cta{
      padding:120px 0;
      background:var(--gradient-primary);
      position:relative;
      overflow:hidden;
    }
    
    .cta::before{
      content:'';
      position:absolute;
      top:-50%;
      right:-20%;
      width:600px;
      height:600px;
      background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
      border-radius:50%;
    }
    
    .cta-content{
      text-align:center;
      max-width:700px;
      margin:0 auto;
      position:relative;
      z-index:1;
    }
    
    .cta h2{
      font-size:clamp(36px, 5vw, 56px);
      color:#fff;
      margin-bottom:24px;
    }
    
    .cta p{
      font-size:20px;
      color:rgba(255,255,255,0.9);
      margin-bottom:40px;
      line-height:1.6;
    }
    
    .cta .btn-primary{
      background:#fff;
      color:var(--secondary-teal);
      box-shadow:0 8px 32px rgba(0,0,0,0.2);
    }
    
    .cta .btn-primary:hover{
      transform:translateY(-3px) scale(1.05);
      box-shadow:0 12px 40px rgba(0,0,0,0.3);
    }
    
    /* FOOTER */
    footer{
      padding:60px 0;
      background:var(--primary-ink);
      color:rgba(255,255,255,0.8);
    }
    
    .footer-content{
      display:grid;
      grid-template-columns:2fr 1fr 1fr;
      gap:60px;
      margin-bottom:40px;
    }
    
    @media(max-width:768px){
      .footer-content{
        grid-template-columns:1fr;
        gap:40px;
      }
    }
    
    .footer-brand h3{
      font-size:24px;
      color:#fff;
      margin-bottom:16px;
    }
    
    .footer-brand p{
      color:rgba(255,255,255,0.7);
      line-height:1.7;
    }
    
    .footer-links h4{
      font-size:16px;
      color:#fff;
      margin-bottom:20px;
    }
    
    .footer-links ul{
      list-style:none;
    }
    
    .footer-links li{
      margin-bottom:12px;
    }
    
    .footer-links a{
      color:rgba(255,255,255,0.7);
      transition:color 0.3s ease;
    }
    
    .footer-links a:hover{
      color:var(--secondary-teal);
    }
    
    .footer-bottom{
      padding-top:40px;
      border-top:1px solid rgba(255,255,255,0.1);
      text-align:center;
      color:rgba(255,255,255,0.6);
      font-size:14px;
    }
    
    /* WHATSAPP FAB */
    .wa-float{
      position:fixed;
      right:24px;
      bottom:24px;
      z-index:9999;
      display:flex;
      align-items:center;
      gap:12px;
      background:var(--gradient-primary);
      color:#fff;
      border-radius:50px;
      padding:16px 28px;
      box-shadow:0 8px 32px rgba(0,179,146,0.4);
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      font-weight:600;
      font-size:15px;
    }
    
    .wa-float:hover{
      transform:translateY(-4px) scale(1.05);
      box-shadow:0 12px 40px rgba(0,179,146,0.5);
    }
    
    .wa-float .icon{
      width:32px;
      height:32px;
      background:#fff;
      border-radius:50%;
      display:grid;
      place-items:center;
      color:var(--secondary-teal);
      font-weight:900;
      font-size:18px;
    }
    
    @media(max-width:480px){
      .wa-float span{
        display:none;
      }
      .wa-float{
        padding:16px;
      }
    }
    
    /* BOTÃO VOLTAR AO TOPO */
    .back-to-top{
      position:fixed;
      right:24px;
      bottom:100px;
      z-index:9998;
      width:50px;
      height:50px;
      background:var(--gradient-primary);
      color:#fff;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 8px 32px rgba(0,179,146,0.4);
      transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      opacity:0;
      visibility:hidden;
      transform:translateY(20px);
      cursor:pointer;
      border:none;
      font-size:24px;
      font-weight:bold;
    }
    
    .back-to-top.visible{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }
    
    .back-to-top:hover{
      transform:translateY(-4px) scale(1.1);
      box-shadow:0 12px 40px rgba(0,179,146,0.5);
    }
    
    .back-to-top:active{
      transform:translateY(-2px) scale(1.05);
    }
    
    @media(max-width:480px){
      .back-to-top{
        right:20px;
        bottom:90px;
        width:45px;
        height:45px;
        font-size:20px;
      }
    }
    
    /* ANIMATIONS */
    @keyframes fadeInUp{
      from{
        opacity:0;
        transform:translateY(30px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }
    
    @keyframes float{
      0%, 100%{
        transform:translate(0, 0) rotate(0deg);
      }
      50%{
        transform:translate(30px, -30px) rotate(5deg);
      }
    }
    
    .fade-in{
      opacity:0;
      transform:translateY(30px);
      transition:opacity 0.8s ease, transform 0.8s ease;
    }
    
    .fade-in.visible{
      opacity:1;
      transform:translateY(0);
    }
    
    /* RESPONSIVE */
    @media(max-width:768px){
      .container{
        padding:0 20px;
      }
      
      .hero{
        padding:180px 0 60px;
        min-height:auto;
      }
      
      .hero-actions{
        flex-direction:column;
      }
      
      .hero-actions .btn{
        width:100%;
        justify-content:center;
      }
      
      .hero-stats{
        grid-template-columns:1fr;
      }
      
      section{
        padding:80px 0;
      }
    }