:root {
    --primary: #00ff88;
    --secondary: #0f172a;
    --dark: #020617;
    --light: #ffffff;
    --gray: #94a3b8;
    --radius: 24px;
    --transition: .35s ease;
}

/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--dark);
    color: var(--light);
    overflow-x: hidden;
    line-height: 1.7;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

/* CONTAINER */
.container {
    width: 90%;
    max-width: 1280px;
    margin: auto;
}

/* TIPOGRAFIA */
h1,h2,h3 {
    font-weight: 800;
    line-height: 1.15;
}

h1 { font-size: clamp(2.5rem, 4vw, 5rem); }
h2 { font-size: clamp(2rem, 4vw, 3rem); }

p {
    color: var(--gray);
}

/* HEADER */
.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: rgba(2,6,23,.85);
    backdrop-filter: blur(15px);
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

nav ul {
    display: flex;
    gap: 25px;
}

nav a {
    color: var(--light);
    transition: var(--transition);
}

nav a:hover {
    color: var(--primary);
}


/* HERO */
.hero-trust-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 32px 0;
}
.hero-trust-bar span {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 10px 18px;

    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 999px;

    font-size: 0.9rem;
    font-weight: 600;
    color: var(--light);

    backdrop-filter: blur(10px);

    transition: all .3s ease;
}
.hero-trust-bar span:hover {
    transform: translateY(-3px);

    border-color: var(--primary);

    box-shadow:
        0 0 20px rgba(0,255,136,.15);
}
.hero-metrics{
    display:grid;
    gap:16px;
    margin-top:40px;
}
.metric{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px;

    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;

    transition:.3s ease;
}
.metric:hover{
    transform:translateY(-4px);
    border-color:var(--primary);
}
.metric i{
    width:50px;
    height:50px;

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

    border-radius:12px;

    background:rgba(0,255,136,.12);
    color:var(--primary);

    font-size:1.2rem;
}
.metric strong{
    display:block;
    color:var(--light);
    margin-bottom:4px;
}
.metric span{
    color:var(--gray);
    font-size:.95rem;
}
.hero-card{
    position:absolute;

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

    padding:16px 18px;

    min-width:260px;

    background:rgba(15,23,42,.85);
    backdrop-filter:blur(20px);

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

    box-shadow:
        0 10px 30px rgba(0,0,0,.25);

    transition:.3s ease;
}
.hero-card:hover{
    transform:translateY(-6px);
    border-color:rgba(0,255,136,.3);
}
.hero-card-icon{
    width:52px;
    height:52px;

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

    border-radius:14px;

    background:rgba(0,255,136,.12);
    color:var(--primary);

    flex-shrink:0;
}
.hero-card-icon i{
    font-size:1.2rem;
}
.hero-card span{
    display:block;

    font-size:.85rem;
    color:var(--gray);

    margin-bottom:4px;
}
.hero-card strong{
    display:block;

    color:var(--light);
    font-size:.95rem;
    font-weight:700;
    line-height:1.4;
}
.hero-image-wrapper{
    position:relative;
}
.hero-dashboard-card{
    position:absolute;

    bottom:30px;
    left:50%;

    transform:translateX(-50%);

    width:90%;
    max-width:420px;

    padding:24px;

    background:rgba(15,23,42,.92);

    backdrop-filter:blur(20px);

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

    border-radius:24px;

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

    z-index:10;
}
.dashboard-header{
    display:flex;
    align-items:center;
    gap:10px;

    margin-bottom:20px;

    color:var(--light);

    font-weight:600;
}
.dashboard-header i{
    color:var(--primary);
}
.dashboard-metrics{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}
.metric{
    text-align:center;
}
.metric strong{
    display:block;

    font-size:1.5rem;

    color:var(--primary);

    margin-bottom:6px;
}
.metric span{
    font-size:.85rem;

    color:var(--gray);
}


/* SERVIÇOS*/
.sobre-beneficios{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}
.beneficio-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
}
.beneficio-item i{
    font-size:1.4rem;
    color:var(--primary);
    margin-top:4px;
}
.beneficio-item strong{
    display:block;
    margin-bottom:6px;
}
.beneficio-item span{
    font-size:.95rem;
    line-height:1.6;
}
.sobre-diferenciais{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}
.diferencial-item{
    display:flex;
    align-items:flex-start;
    gap:16px;

    padding-bottom:24px;

    border-bottom:1px solid rgba(255,255,255,.08);
}
.diferencial-item i{
    font-size:1.3rem;
    color:var(--primary);

    margin-top:4px;
}
.diferencial-item h4{
    margin-bottom:6px;
}
.diferencial-item p{
    margin:0;
}

.sobre-processo{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
    margin: 30px 0px 30px;
}
.processo-item{
    padding:28px;

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

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

    border-radius:20px;

    transition:.3s ease;
}
.processo-item:hover{
    transform:translateY(-6px);

    border-color:rgba(0,255,136,.3);
}
.processo-top{
    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:20px;
}
.processo-top span{
    font-size:2rem;
    font-weight:800;
    color:var(--primary);
    line-height:1;
}
.processo-top i{
    font-size:1.4rem;
    color:var(--primary);
}
.processo-item h4{
    margin-bottom:12px;
}
.processo-item p{
    margin:0;
}



/* BENEFICIOS */
.beneficios-premium{
    margin-top:80px;

    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:40px;

    padding:40px;

    border-radius:32px;

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

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

    backdrop-filter:blur(20px);
}
.premium-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    border-radius:999px;

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

    color:var(--primary);

    font-weight:600;

    margin-bottom:20px;
}
.premium-stack{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}
.stack-item{
    display:flex;
    align-items:center;
    gap:12px;

    padding:18px;

    border-radius:16px;

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

    border:1px solid rgba(255,255,255,.08);
}
.stack-item i{
    color:var(--primary);
    font-size:1.2rem;
}
.plataformas-premium{
    margin: 30px 0px 30px;
}
.platform-featured{
    padding:32px;
}
.platform-header{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:20px;
}
.platform-header span{
    color:var(--gray);
}
.platform-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}
.platform-tags span{
    padding:8px 14px;
    border-radius:999px;

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

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

    font-size:.85rem;
}
.recursos-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}
.recurso-card{
    padding:32px;

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

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

    border-radius:24px;

    backdrop-filter:blur(20px);

    transition:.3s ease;
}
.recurso-card:hover{
    transform:translateY(-6px);

    border-color:rgba(0,255,136,.25);
}
.recurso-top{
    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:24px;
}
.recurso-icon{
    width:56px;
    height:56px;

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

    border-radius:16px;

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

    color:var(--primary);

    font-size:1.3rem;
}
.recurso-label{
    padding:8px 14px;

    border-radius:999px;

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

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

    font-size:.8rem;
}
.recurso-card h3{
    margin-bottom:12px;
}
.recurso-card p{
    margin-bottom:24px;
}
.recurso-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.recurso-tags span{
    padding:8px 14px;

    border-radius:999px;

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

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

    font-size:.85rem;
}



/* CTA INTERMEDIARIO */
.cta-box{
    display:grid;
    grid-template-columns:1.3fr .9fr;
    gap:40px;
    align-items:center;
}
.diagnostico-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:40px;
}
.diagnostico-item{
    display:flex;
    gap:16px;

    padding:20px;

    border-radius:20px;

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

    border:1px solid rgba(255,255,255,.08);
}
.diagnostico-icon{
    width:52px;
    height:52px;

    flex-shrink:0;

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

    border-radius:14px;

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

    color:var(--primary);
}
.cta-premium-card{
    padding:36px;

    border-radius:32px;

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

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

    backdrop-filter:blur(20px);
}
.cta-premium-card h3{
    margin:20px 0;
}
.premium-stack{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;

    margin:30px 0;
}
.stack-item{
    display:flex;
    align-items:center;
    gap:12px;

    padding:14px;

    border-radius:14px;

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

    border:1px solid rgba(255,255,255,.08);
}
.stack-item i{
    color:var(--primary);
}


/* COMPARATIVO */
.comparativo .container{
    display:block !important;
    max-width:1280px;
    margin:0 auto;
}
.comparativo-wrapper{
    width:100%;
    margin:60px auto;
    display:grid;
    grid-template-columns:1fr 1fr !important;
    gap:24px;
}
.comparativo-card{
    position:relative;
    width:100%;
    height:100%;
    padding:28px;
    box-sizing:border-box;
}
.comparativo-card.destaque{
    border-color:rgba(0,255,136,.25);
    box-shadow:0 0 40px rgba(0,255,136,.08);
}
.comparativo-header{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:30px;
}
.comparativo-header h3{
    margin-bottom: 20px;
}
.comparativo-icon{
    width:64px;
    height:64px;

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

    border-radius:18px;

    font-size:1.4rem;

    color:var(--primary);

    background:rgba(0,255,136,.1);
}
.comparativo-label{
    display:inline-block;

    margin-bottom:8px;

    font-size:.85rem;

    color:var(--gray);
}
.comparativo-items{
    display:grid;
    gap:12px;
}
.comparativo-item{
    min-height:68px;
}
.comparativo-item i{
    width:18px;
}
.comparativo-item.positivo i{
    color:var(--primary);
}
.comparativo-item.negativo i{
    color:#ff5a5a;
}
.badge-recomendado{
    position:absolute;
    top:20px;
    right:20px;

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

    padding:10px 16px;

    border-radius:999px;

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

    border:1px solid rgba(0,255,136,.2);

    color:var(--primary);

    font-size:.85rem;
    font-weight:600;
}
@media(max-width:991px){
    .comparativo-wrapper{
        grid-template-columns:1fr !important;
    }
}
.highlight-metrics{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}
.metric-box{
    display:flex;
    align-items:center;
    gap:18px;

    padding:24px;

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

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

    border-radius:22px;

    backdrop-filter:blur(20px);

    transition:.35s ease;
}
.metric-box:hover{
    transform:translateY(-6px);

    border-color:rgba(0,255,136,.25);

    box-shadow:
    0 15px 40px rgba(0,255,136,.08);
}
.metric-icon{
    width:64px;
    height:64px;

    flex-shrink:0;

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

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        rgba(0,255,136,.12),
        rgba(0,255,136,.04)
    );

    border:1px solid rgba(0,255,136,.15);
}
.metric-icon i{
    font-size:1.4rem;
    color:var(--primary);
}
.metric-info{
    display:flex;
    flex-direction:column;
}
.metric-label{
    font-size:.85rem;
    color:var(--primary);

    font-weight:600;

    margin-bottom:6px;

    text-transform:uppercase;
    letter-spacing:.08em;
}
.metric-info strong{
    color:#fff;

    font-size:1.05rem;
    font-weight:700;

    margin-bottom:6px;
}
.metric-info small{
    color:var(--gray);

    line-height:1.5;
}
@media(max-width:768px){

    .highlight-metrics{
        grid-template-columns:1fr;
    }

}




/* ======== COMPARATIVO ======== */
.comparativo{
    position:relative;
}
.comparativo .container{
    max-width:1280px;
    margin:0 auto;
}

/* ========================================
   WRAPPER
======================================== */
.comparativo-wrapper{
    position:relative;

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

    gap:40px;

    margin-top:70px;
}

/* ========================================
   VS
======================================== */
.comparativo-vs{
    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:80px;
    height:80px;

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

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        rgba(0,255,136,.12),
        rgba(255,255,255,.03)
    );

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

    backdrop-filter:blur(20px);

    box-shadow:
    0 0 30px rgba(0,255,136,.15);

    z-index:10;
}
.comparativo-vs span{
    color:var(--primary);

    font-size:1rem;
    font-weight:700;

    letter-spacing:.12em;
}

/* ========================================
   CARDS
======================================== */
.comparativo-card{
    position:relative;

    padding:40px;

    border-radius:32px;

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

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

    backdrop-filter:blur(20px);

    overflow:hidden;

    transition:.35s ease;
}
.comparativo-card:hover{
    transform:translateY(-8px);
}
.comparativo-card.negativo{
    border-color:rgba(255,255,255,.08);
}
.comparativo-card.positivo{
    border-color:rgba(0,255,136,.18);

    box-shadow:
    0 0 40px rgba(0,255,136,.08);
}

/* ========================================
   BADGE
======================================== */
.badge-recomendado{
    position:absolute;

    top:24px;
    right:24px;

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

    padding:10px 18px;

    border-radius:999px;

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

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

    color:var(--primary);

    font-size:.85rem;
    font-weight:600;
}

/* ========================================
   HEADER
======================================== */
.comparativo-header{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:30px;
}
.comparativo-icon{
    width:70px;
    height:70px;

    flex-shrink:0;

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

    border-radius:20px;

    background:
    linear-gradient(
        135deg,
        rgba(0,255,136,.12),
        rgba(0,255,136,.04)
    );

    border:1px solid rgba(0,255,136,.15);
}
.comparativo-icon i{
    font-size:1.5rem;
    color:var(--primary);
}
.comparativo-label{
    display:block;

    color:var(--gray);

    font-size:.85rem;

    margin-bottom:6px;
}
.comparativo-header h3{
    font-size:1.8rem;
    line-height:1.2;
}

/* ========================================
   SCORE
======================================== */
.comparativo-score{
    margin-bottom:30px;
}
.comparativo-score span{
    display:block;

    color:var(--gray);

    font-size:.9rem;

    margin-bottom:6px;
}
.comparativo-score strong{
    font-size:3rem;
    font-weight:800;

    line-height:1;
}
.comparativo-score.positivo strong{
    color:var(--primary);
}

/* ========================================
   ITEMS
======================================== */
.comparativo-items{
    display:grid;
    gap:14px;
}
.comparativo-item{
    display:flex;
    align-items:center;
    gap:14px;

    padding:16px 18px;

    border-radius:16px;

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

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

    transition:.3s ease;
}
.comparativo-item:hover{
    background:rgba(255,255,255,.05);
}
.comparativo-item i{
    width:18px;

    flex-shrink:0;
}
.comparativo-item.negativo i{
    color:#ff5a5a;
}
.comparativo-item.positivo i{
    color:var(--primary);
}

/* ========================================
   HIGHLIGHT
======================================== */
.comparativo-highlight{
    margin-top:80px;

    display:grid;
    grid-template-columns:1.5fr .9fr;

    gap:40px;

    padding:45px;

    border-radius:32px;

    background:
    linear-gradient(
        135deg,
        rgba(0,255,136,.05),
        rgba(255,255,255,.02)
    );

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

    backdrop-filter:blur(20px);
}
.highlight-left h3{
    margin:20px 0;

    font-size:2rem;
    line-height:1.2;
}
.highlight-left p{
    color:var(--gray);

    line-height:1.8;
}

/* ========================================
   MÉTRICAS
======================================== */
.highlight-right{
    display:grid;
    gap:18px;
}
.metric-number{
    padding:24px;

    border-radius:20px;

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

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

    transition:.3s ease;
}
.metric-number:hover{
    transform:translateX(8px);

    border-color:rgba(0,255,136,.15);
}
.metric-number strong{
    display:block;

    margin-bottom:6px;

    font-size:2rem;
    font-weight:800;

    color:var(--primary);
}
.metric-number span{
    color:var(--gray);
}
/* ========================================
   RESPONSIVO
======================================== */

@media(max-width:991px){

    .comparativo-wrapper{
        grid-template-columns:1fr;
    }

    .comparativo-vs{
        display:none;
    }

    .comparativo-highlight{
        grid-template-columns:1fr;
    }

    .badge-recomendado{
        position:relative;

        top:auto;
        right:auto;

        width:max-content;

        margin-bottom:20px;
    }

}
@media(max-width:768px){

    .comparativo-card{
        padding:30px;
    }

    .comparativo-header h3{
        font-size:1.4rem;
    }

    .comparativo-score strong{
        font-size:2.3rem;
    }

    .comparativo-highlight{
        padding:30px;
    }

}




/* CASES */
/* =====================================
   CASES
===================================== */

.cases-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-top:70px;
}

.case-card{
    padding:32px;

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    transition:.35s ease;
}

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

    border-color:rgba(0,255,136,.15);

    box-shadow:
    0 20px 40px rgba(0,255,136,.08);
}

/* HEADER */

.case-header{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:24px;
}

.case-icon{
    width:64px;
    height:64px;

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

    border-radius:18px;

    background:rgba(0,255,136,.1);

    border:1px solid rgba(0,255,136,.15);

    color:var(--primary);

    font-size:1.4rem;
}

.case-segmento{
    display:block;

    margin-bottom:8px;

    color:var(--primary);

    text-transform:uppercase;

    letter-spacing:.08em;

    font-size:.8rem;
}

.case-header h3{
    font-size:1.3rem;
}

/* GROWTH */

.case-growth{
    margin:28px 0;
}

.growth-bar{
    height:8px;

    border-radius:999px;

    overflow:hidden;

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

    margin-bottom:10px;
}

.growth-bar span{
    display:block;

    height:100%;

    border-radius:999px;

    background:
    linear-gradient(
        90deg,
        #00ff88,
        #00d4ff
    );
}

.case-growth small{
    color:var(--gray);
}

/* MÉTRICAS */

.case-metricas{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.metrica{
    padding:18px;

    border-radius:18px;

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

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

.metrica strong{
    display:block;

    color:var(--primary);

    font-size:2rem;
    font-weight:800;

    margin-bottom:6px;
}

.metrica span{
    color:var(--gray);
}

/* =====================================
   HIGHLIGHT
===================================== */

.results-highlight{
    margin-top:80px;

    display:grid;
    grid-template-columns:1.4fr 1fr;

    gap:40px;

    padding:45px;

    border-radius:32px;

    background:
    linear-gradient(
        135deg,
        rgba(0,255,136,.05),
        rgba(255,255,255,.02)
    );

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

    backdrop-filter:blur(20px);
}

.results-left h3{
    margin:20px 0;

    font-size:2rem;
}

.results-left p{
    color:var(--gray);
    line-height:1.8;
}

.results-right{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.result-stat{
    padding:24px;

    border-radius:20px;

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

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

.result-stat strong{
    display:block;

    color:var(--primary);

    font-size:2rem;

    margin-bottom:8px;
}

.result-stat span{
    color:var(--gray);
}

/* =====================================
   BOTTOM
===================================== */

.cases-bottom{
    margin-top:80px;
}

.cases-bottom-content{
    padding:45px;

    text-align:center;

    border-radius:32px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.01)
    );

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

    backdrop-filter:blur(20px);
}

.cases-bottom-content h3{
    font-size:2rem;

    margin-bottom:20px;
}

.cases-bottom-content p{
    max-width:850px;

    margin:0 auto;

    color:var(--gray);

    line-height:1.8;
}

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

@media(max-width:991px){

    .cases-grid{
        grid-template-columns:1fr;
    }

    .results-highlight{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .results-right{
        grid-template-columns:1fr;
    }

    .case-metricas{
        grid-template-columns:1fr;
    }

}







/* INTEGRAÇÃO COM OUTROS SERVIÇOS */
.integracao-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-top:60px;
}

.integracao-card{
    position:relative;

    padding:32px;

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    transition:.4s ease;
}

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

    border-color:rgba(0,255,136,.18);

    box-shadow:0 20px 60px rgba(0,255,136,.08);
}

.integracao-card.destaque{
    border-color:rgba(0,255,136,.2);

    box-shadow:0 0 40px rgba(0,255,136,.08);
}

.badge-integrado{
    position:absolute;
    top:18px;
    right:18px;

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

    padding:10px 16px;

    border-radius:999px;

    background:rgba(0,255,136,.1);

    border:1px solid rgba(0,255,136,.2);

    color:var(--primary);

    font-size:.8rem;
    font-weight:600;
}

.card-icon{
    width:72px;
    height:72px;

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

    margin-bottom:25px;

    border-radius:22px;

    font-size:1.6rem;

    color:var(--primary);

    background:rgba(0,255,136,.08);
}

.card-label{
    display:inline-block;

    margin-bottom:12px;

    color:var(--primary);

    font-size:.85rem;
    font-weight:600;
}

.integracao-card h3{
    margin-bottom:15px;
}

.integracao-card p{
    margin-bottom:25px;
}

.card-benefits{
    display:flex;
    flex-direction:column;
    gap:12px;

    margin-bottom:25px;
}

.card-benefits span{
    display:flex;
    align-items:center;
    gap:10px;

    color:#d8d8d8;
}

.card-benefits i{
    color:var(--primary);
}

.service-link{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:var(--primary);

    font-weight:600;

    text-decoration:none;
}

.service-link:hover{
    gap:15px;
}

.integracao-highlight{
    margin-top:80px;

    padding:50px;

    border-radius:32px;

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

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

    backdrop-filter:blur(20px);
}

.integracao-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

    margin-top:40px;
}

.metric-card{
    display:flex;
    align-items:center;
    gap:16px;

    padding:22px;

    border-radius:20px;

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

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

.metric-card i{
    font-size:1.3rem;
    color:var(--primary);
}

.metric-card strong{
    display:block;
}

.metric-card span{
    color:var(--gray);
    font-size:.9rem;
}

@media(max-width:1200px){

    .integracao-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .integracao-metrics{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .integracao-grid,
    .integracao-metrics{
        grid-template-columns:1fr;
    }

}





/* DIFERENCIAIS SITE RAIZ */
.diferenciais-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:60px;
}

.diferencial-card{
    position:relative;

    padding:32px;

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    transition:.4s ease;
}

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

    border-color:rgba(0,255,136,.18);

    box-shadow:0 20px 60px rgba(0,255,136,.08);
}

.diferencial-card.destaque{
    border-color:rgba(0,255,136,.2);

    box-shadow:0 0 40px rgba(0,255,136,.08);
}

.badge-diferencial{
    position:absolute;
    top:18px;
    right:18px;

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

    padding:10px 16px;

    border-radius:999px;

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

    border:1px solid rgba(0,255,136,.2);

    color:var(--primary);

    font-size:.8rem;
    font-weight:600;
}

.card-icon{
    width:72px;
    height:72px;

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

    margin-bottom:24px;

    border-radius:20px;

    color:var(--primary);

    font-size:1.6rem;

    background:rgba(0,255,136,.08);
}

.card-label{
    display:inline-block;

    margin-bottom:12px;

    color:var(--primary);

    font-size:.85rem;
    font-weight:600;
}

.raiz-highlight{
    margin-top:80px;

    padding:50px;

    border-radius:32px;

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

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

    backdrop-filter:blur(20px);
}

.highlight-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

    margin-top:40px;
}

.metric-card{
    display:flex;
    align-items:center;
    gap:16px;

    padding:24px;

    border-radius:20px;

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

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

.metric-icon{
    width:52px;
    height:52px;

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

    border-radius:14px;

    color:var(--primary);

    background:rgba(0,255,136,.08);
}

.metric-card strong{
    display:block;
    font-size:1.1rem;
}

.metric-card span{
    color:var(--gray);
    font-size:.9rem;
}

.diferenciais-pills{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px;

    margin-top:50px;
}

.pill{
    display:flex;
    align-items:center;
    gap:10px;

    padding:14px 22px;

    border-radius:999px;

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

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

    backdrop-filter:blur(15px);
}

.pill i{
    color:var(--primary);
}

@media(max-width:991px){

    .diferenciais-grid{
        grid-template-columns:1fr;
    }

    .highlight-metrics{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .highlight-metrics{
        grid-template-columns:1fr;
    }

}




/* ESTATISTICAS */
/* ==========================
   ESTATÍSTICAS
========================== */

.stats-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:60px;
}

.stat-card{
    position:relative;

    padding:32px;

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    transition:.4s;
}

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

    border-color:rgba(0,255,136,.25);

    box-shadow:0 20px 50px rgba(0,255,136,.08);
}

.stat-card.destaque{
    border-color:rgba(0,255,136,.18);
}

.stat-icon{
    width:64px;
    height:64px;

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

    border-radius:18px;

    margin-bottom:24px;

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

    color:var(--primary);

    font-size:1.4rem;
}

.stat-label{
    display:block;

    color:var(--gray);

    font-size:.85rem;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:10px;
}

.stat-card strong{
    display:block;

    font-size:clamp(2rem,4vw,3rem);

    color:var(--light);

    margin-bottom:12px;

    line-height:1;
}

.stat-card p{
    color:var(--gray);

    line-height:1.7;
}

/* HIGHLIGHT */

.stats-highlight{
    margin-top:80px;

    padding:50px;

    border-radius:32px;

    background:linear-gradient(
        135deg,
        rgba(0,255,136,.08),
        rgba(255,255,255,.02)
    );

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

    backdrop-filter:blur(20px);
}

.highlight-content{
    text-align:center;

    max-width:850px;

    margin:0 auto 50px;
}

.highlight-content h3{
    margin:20px 0;

    font-size:clamp(2rem,4vw,3rem);
}

.highlight-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.metric-box{
    display:flex;
    align-items:center;
    gap:18px;

    padding:22px;

    border-radius:22px;

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

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

.metric-icon{
    width:58px;
    height:58px;

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

    border-radius:16px;

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

    color:var(--primary);

    font-size:1.2rem;
}

.metric-info span{
    display:block;

    color:var(--gray);

    font-size:.8rem;

    margin-bottom:4px;
}

.metric-info strong{
    font-size:1rem;
    color:var(--light);
}

@media(max-width:991px){

    .stats-grid{
        grid-template-columns:1fr;
    }

    .highlight-metrics{
        grid-template-columns:1fr;
    }

    .stats-highlight{
        padding:35px;
    }
}






/* DEPOIMENTOS */
/* ==========================
   DEPOIMENTOS
========================== */

.testimonials-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:60px;
}

.testimonial-card{
    position:relative;

    padding:35px;

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    transition:.4s;
}

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

    border-color:rgba(0,255,136,.25);

    box-shadow:0 20px 50px rgba(0,255,136,.08);
}

.testimonial-card.destaque{
    border-color:rgba(0,255,136,.20);
}

.testimonial-rating{
    display:flex;
    gap:6px;

    margin-bottom:25px;

    color:#f5b301;
}

.testimonial-quote{
    margin-bottom:25px;
}

.testimonial-quote i{
    font-size:2rem;
    color:var(--primary);
    opacity:.7;
}

.testimonial-card p{
    color:var(--gray);

    line-height:1.9;

    margin-bottom:30px;
}

.testimonial-author{
    display:flex;
    align-items:center;
    gap:16px;
}

.author-avatar{
    width:60px;
    height:60px;

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

    border-radius:18px;

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

    color:var(--primary);

    font-size:1.2rem;
}

.testimonial-author strong{
    display:block;

    color:var(--light);

    margin-bottom:4px;
}

.testimonial-author span{
    color:var(--gray);
    font-size:.9rem;
}

/* HIGHLIGHT */

.testimonials-highlight{
    margin-top:80px;

    padding:50px;

    border-radius:32px;

    background:linear-gradient(
        135deg,
        rgba(0,255,136,.08),
        rgba(255,255,255,.02)
    );

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

    backdrop-filter:blur(20px);
}

.highlight-content{
    max-width:850px;

    text-align:center;

    margin:0 auto 50px;
}

.highlight-content h3{
    margin:20px 0;

    font-size:clamp(2rem,4vw,3rem);
}

.highlight-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.metric-box{
    display:flex;
    align-items:center;
    gap:18px;

    padding:22px;

    border-radius:22px;

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

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

.metric-icon{
    width:58px;
    height:58px;

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

    border-radius:16px;

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

    color:var(--primary);

    font-size:1.2rem;
}

.metric-info span{
    display:block;

    color:var(--gray);

    font-size:.8rem;

    margin-bottom:4px;
}

.metric-info strong{
    color:var(--light);
    font-size:1rem;
}

/* RESPONSIVO */

@media(max-width:991px){

    .testimonials-grid{
        grid-template-columns:1fr;
    }

    .highlight-metrics{
        grid-template-columns:1fr;
    }

    .testimonials-highlight{
        padding:35px;
    }

}





/*  FAQ  */
/* FAQ PREMIUM */

.faq-layout{
    display:grid;
    grid-template-columns:1.7fr .8fr;
    gap:30px;
    margin-top:60px;
}

.faq-container{
    display:grid;
    gap:18px;
}

.faq-item{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    overflow:hidden;
    transition:.4s;
}

.faq-item:hover{
    border-color:rgba(0,255,136,.18);
}

.faq-question{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:26px 30px;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:1rem;
    font-weight:600;
    text-align:left;
}

.faq-question i{
    color:var(--primary);
    transition:.3s;
}

.faq-item.active i{
    transform:rotate(45deg);
}

.faq-answer{
    padding:0 30px 25px;
}

.faq-answer p{
    color:var(--gray);
    line-height:1.8;
}

/* CARD LATERAL */

.faq-side-card{
    position:sticky;
    top:120px;

    height:fit-content;

    padding:35px;

    background:linear-gradient(
        180deg,
        rgba(0,255,136,.08),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(0,255,136,.12);

    border-radius:30px;
}

.side-badge{
    display:inline-flex;
    padding:10px 16px;

    border-radius:999px;

    background:rgba(0,255,136,.1);

    color:var(--primary);

    font-size:.85rem;
    font-weight:600;

    margin-bottom:20px;
}

.faq-side-card h3{
    margin-bottom:15px;
}

.faq-side-card p{
    color:var(--gray);
    line-height:1.8;
    margin-bottom:30px;
}

.faq-side-features{
    display:grid;
    gap:16px;
    margin-bottom:30px;
}

.side-feature{
    display:flex;
    align-items:center;
    gap:12px;
}

.side-feature i{
    color:var(--primary);
}

/* HIGHLIGHT */

.faq-highlight{
    margin-top:80px;

    padding:50px;

    border-radius:32px;

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

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

.faq-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;

    margin-top:40px;
}

.faq-metrics .metric-box{
    padding:24px;

    border-radius:20px;

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

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

.faq-metrics .metric-box strong{
    display:block;
    margin-bottom:8px;
    color:var(--primary);
}

.faq-metrics .metric-box span{
    color:var(--gray);
}

/* RESPONSIVO */

@media(max-width:991px){

    .faq-layout{
        grid-template-columns:1fr;
    }

    .faq-side-card{
        position:relative;
        top:auto;
    }

    .faq-metrics{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .faq-highlight{
        padding:35px 25px;
    }

    .faq-metrics{
        grid-template-columns:1fr;
    }

}




/* CTA FINAL */
.cta-final{
    position:relative;
}
.cta-final-wrapper{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:40px;
    align-items:center;

    padding:60px;

    border-radius:36px;

    background:
    linear-gradient(
        135deg,
        rgba(0,255,136,.05),
        rgba(255,255,255,.02)
    );

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

    overflow:hidden;
}
.cta-final-wrapper::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    top:-250px;
    right:-250px;

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

    border-radius:50%;

    filter:blur(120px);
}
.cta-description{
    margin:25px 0 40px;
    max-width:700px;
}

/* FEATURES */
.cta-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;

    margin-top:40px;
}
.cta-feature{
    display:flex;
    gap:16px;

    padding:20px;

    border-radius:20px;

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

    border:1px solid rgba(255,255,255,.06);
}
.feature-icon{
    width:52px;
    height:52px;

    flex-shrink:0;

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

    border-radius:14px;

    color:var(--primary);

    background:rgba(0,255,136,.1);
}
.cta-feature strong{
    display:block;
    margin-bottom:5px;
}
.cta-feature span{
    color:var(--gray);
    font-size:.95rem;
}

/* PROVA SOCIAL */

.cta-proof{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;

    margin-top:40px;
}
.proof-item{
    padding:18px;

    text-align:center;

    border-radius:18px;

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

    border:1px solid rgba(255,255,255,.06);
}
.proof-item strong{
    display:block;
    margin-bottom:8px;

    color:var(--primary);
}
.proof-item span{
    color:var(--gray);
    font-size:.85rem;
}

/* FORMULÁRIO */
.cta-final-card{
    padding:40px;

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);
}
.form-badge{
    display:inline-flex;

    padding:10px 16px;

    border-radius:999px;

    margin-bottom:20px;

    color:var(--primary);

    background:rgba(0,255,136,.1);

    font-size:.85rem;
    font-weight:600;
}
.form-top h3{
    margin-bottom:10px;
}
.form-top p{
    color:var(--gray);
    margin-bottom:30px;
}
.cta-form{
    display:grid;
    gap:16px;
}
.form-group input,
.form-group textarea{
    width:100%;

    padding:16px 20px;

    border:none;
    outline:none;

    border-radius:16px;

    color:#fff;

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

    border:1px solid rgba(255,255,255,.08);
}
.form-group textarea{
    min-height:140px;
    resize:none;
}
.cta-whatsapp{
    margin-top:25px;

    text-align:center;
}
.cta-whatsapp span{
    display:block;

    margin-bottom:15px;

    color:var(--gray);
}

/* RESPONSIVO */
@media(max-width:991px){

    .cta-final-wrapper{
        grid-template-columns:1fr;
        padding:40px 30px;
    }

    .cta-features{
        grid-template-columns:1fr;
    }

    .cta-proof{
        grid-template-columns:1fr;
    }

}
@media(max-width:768px){

    .cta-final-wrapper{
        padding:30px 20px;
    }

    .cta-final-card{
        padding:30px 20px;
    }

}











/* BOTÕES */
.btn-primary,
.btn-secondary {
    display: inline-flex;
    padding: 14px 30px;
    border-radius: 50px;
    font-weight: 700;
    transition: var(--transition);
}
.btn-primary {
    background: var(--primary);
    color: var(--dark);
}
.btn-primary:hover {
    transform: translateY(-3px);
}
.btn-secondary {
    border: 1px solid rgba(255,255,255,.15);
    color: var(--light);
}


/* SECTIONS */
section {
    padding: 100px 0;
}

/* SECTION TITLE */
.section-header {
    text-align: center;
    margin-bottom: 60px;
}
.section-tag {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 50px;
    background: rgba(0,255,136,.08);
    color: var(--primary);
    margin-bottom: 15px;
    font-weight: 600;
}

/* GRIDS */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* CARD BASE */
.card {
    background: var(--secondary);
    padding: 35px;
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,.05);
    transition: var(--transition);
}
.card:hover {
    transform: translateY(-8px);
    border-color: rgba(0,255,136,.25);
}

/* HERO */
.hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 120px;
}
.hero-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 50px;
    align-items: center;
}
.hero-content p {
    margin: 20px 0 30px;
}

/* BENEFÍCIOS */
.beneficios-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.beneficio-card {
    background: var(--secondary);
    padding: 35px;
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,.05);
}

/* PROCESSO */
.process-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
}
.process-item {
    background: var(--secondary);
    padding: 30px;
    border-radius: var(--radius);
}

/* PLATAFORMAS */
.plataformas-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
}
.platform-card {
    text-align: center;
    padding: 30px;
    background: var(--secondary);
    border-radius: var(--radius);
}

/* STATS */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.stat-box {
    text-align: center;
    padding: 30px;
    background: rgba(255,255,255,.03);
    border-radius: 20px;
}

/* CASES */
.cases-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.case-card {
    background: var(--secondary);
    padding: 35px;
    border-radius: var(--radius);
}

/* COMPARATIVO */
.comparativo-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 30px;
    align-items: center;
}
.comparativo-card {
    background: var(--secondary);
    padding: 40px;
    border-radius: var(--radius);
}

/* DEPOIMENTOS */
.depoimentos-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.depoimento-card {
    background: var(--secondary);
    padding: 35px;
    border-radius: var(--radius);
}

/* FAQ */
.faq-container {
    max-width: 900px;
    margin: auto;
}
.faq-item {
    background: var(--secondary);
    margin-bottom: 15px;
    border-radius: 16px;
    overflow: hidden;
}
.faq-question {
    width: 100%;
    padding: 20px;
    background: none;
    border: none;
    color: var(--light);
    text-align: left;
}

/* CTA */
.cta-box {
    background: linear-gradient(135deg, rgba(0,255,136,.1), rgba(0,0,0,.2));
    padding: 60px;
    border-radius: 30px;
    text-align: center;
}

/* RESPONSIVO */
@media(max-width: 992px) {

    .hero-grid,
    .cards-grid,
    .beneficios-grid,
    .process-grid,
    .plataformas-grid,
    .cases-grid,
    .depoimentos-grid {
        grid-template-columns: 1fr;
    }

    .comparativo-wrapper {
        grid-template-columns: 1fr;
    }
}
@media(max-width: 768px) {

    section {
        padding: 80px 0;
    }

    nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
}