*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;display:block}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.tag{display:inline-block;font-family:var(--font-head);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-glow);background:rgba(79,81,255,.12);border:1px solid rgba(79,81,255,.3);border-radius:100px;padding:4px 14px;margin-bottom:16px;line-height:1.3;}
.section-title{font-family:var(--font-head);font-weight:800;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.2;color:var(--white)}
.section-sutitle-app{font-family:var(--font-head);font-weight:800;font-size:clamp(1.75rem,4vw,2.1rem);line-height:1.1;color:var(--white)}
.section-title-2{font-family:var(--font-head);font-weight:800;font-size:clamp(1.0rem,2vw,1.2rem);line-height:1.2;color:var(--white); text-align:center;}
.section-title-3{font-size:1.05rem;color:var(--grey-mid);margin-top:12px;line-height:1.7}
.section-title-4{font-size:1.05rem;color:var(--grey-mid);max-width:700px;margin-top:12px;line-height:1.7}
.section-sub{font-size:1.05rem;color:rgba(255,255,255,0.55);max-width:580px;margin-top:12px;line-height:1.7}
.section-sub-serviços-0{font-size:1.05rem;color:var(--grey-mid);max-width:750px;margin:12px auto 0;line-height:1.6}
.section-sub-serviços-1{font-size:.85rem;color:var(--grey-mid);margin-bottom:25px;line-height:1.3}
.section-sub-ajusted{font-size:1.05rem;color:var(--grey-mid);margin-top:12px;line-height:1.7}
.bloco1 {margin-top:3rem;}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:700;font-size:.95rem;background:var(--blue-core);color:var(--white);padding:16px 30px;border-radius:var(--r);border:none;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;animation:pulse-btn 2.4s ease-in-out infinite;text-decoration:none}
.btn-primary:hover{background:var(--blue-light);transform:translateY(-2px);box-shadow:0 8px 32px rgba(79,81,255,.45);animation:none}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--grey-hi);background:transparent;border:1px solid var(--border);padding:14px 24px;border-radius:var(--r);cursor:pointertransition:var(--t-premium);text-decoration:none}
.btn-ghost:hover {border-color:var(--blue-light);color:var(--white);box-shadow: 0 0 16px rgba(50,177,245,0.15);
}
.btn-white{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:700;font-size:1rem;background:#fff;color:var(--blue-core);padding:18px 36px;border-radius:var(--r);transition: var(--t-premium);animation:pulse-white 2.4s ease-in-out infinite;text-decoration:none}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.3);animation:none}
@keyframes pulse-btn{0%,100%{box-shadow:0 0 0 0 rgba(26,27,173,.6)}50%{box-shadow:0 0 0 14px rgba(26,27,173,0)}}
@keyframes pulse-white{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}50%{box-shadow:0 0 0 14px rgba(255,255,255,0)}}
@keyframes pulse-btn-nr1 {
  0%,100% { box-shadow: 0 0 0 0 rgba(50,177,245,0.5); }
  50%      { box-shadow: 0 0 0 12px rgba(50,177,245,0); }
}
@keyframes pulse-white-nr1 {
  0%,100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.3); }
  50%      { box-shadow: 0 0 0 12px rgba(255,255,255,0); }
}
/* HERO */
#hero{padding:140px 0 80px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(26,27,173,.45) 0%,transparent 65%),linear-gradient(180deg,rgba(10,10,15,.88) 0%,rgba(10,10,15,.96) 70%,var(--black) 100%),url('https://images.unsplash.com/photo-1600880292203-757bb62b4baf?q=80&w=1920') center 30%/cover no-repeat;text-align:center;position:relative;overflow:hidden}
#hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%231a1bad' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.hero-h1{font-family:var(--font-head);font-weight:900;font-size:clamp(1.8rem,6vw,3rem);line-height:1.07;color:var(--white);max-width:860px;margin:0 auto 20px;letter-spacing:-.02em}
.hero-h1 .accent{background:linear-gradient(90deg,var(--blue-glow),#7879ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-text 3s linear infinite;}
@keyframes shimmer-text {
    0%   { background-position: 0% center; }
    100% { background-position: 200% center; }
}
.hero-sub{font-size:1.15rem;color:var(--grey-mid);max-width:680px;margin:0 auto 22px;line-height:1.35;}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-urgency{font-size:.85rem;color:rgba(255,255,255,0.4);display:flex;/*align-items:center;*/justify-content:center;gap:8px; line-height:1.3; text-align:left;}
.hero-urgency span{color:var(--amber);font-weight:600}
.hero-stats{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:820px;margin-left:auto;margin-right:auto;border:none;border-radius:0;overflow:visible;}
.stat-box{position: relative;background: var(--dark-card);border: none;border-radius:14px;overflow:hidden;padding:24px 16px;text-align:center;z-index: 0;}
.stat-box::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 16px;
    background: conic-gradient(
        from var(--angle, 0deg),
        transparent 0deg,
        rgba(50,177,245,0.8) 60deg,
        rgba(50,177,245,0.2) 120deg,
        transparent 180deg,
        transparent 360deg
    );
    z-index: -2;
    animation: spin-border 4s linear infinite;
}

/* Centro do card — deixa visível apenas a borda fina */
.stat-box::after {
    content: '';
    position: absolute;
    inset: 1.5px;
    background: var(--dark-card);
    border-radius: 13px;
    z-index: -1;
}
.stat-box:nth-child(1)::before {animation-delay: 0s;}
.stat-box:nth-child(2)::before {animation-delay: -1s;}
.stat-box:nth-child(3)::before {animation-delay: -2s;}
.stat-box:nth-child(4)::before {animation-delay: -3s;}

@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes spin-border {
    to {
        --angle: 360deg;
    }
}

@supports not (background: conic-gradient(from 0deg, red, blue)) {
    .stat-box::before {
        background: rgba(50,177,245,0.2);
        border-radius: 16px;
    }
}
.stat-num{font-family:var(--font-head);font-weight:900;font-size:2rem;color:var(--white);line-height:1}
.stat-num .accent{color:var(--blue-glow)}
.stat-label{font-size:.78rem;color:rgba(255,255,255,0.38);margin-top:6px;line-height:1.4}
#hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle 1.5px at 20% 35%, rgba(50,177,245,0.6) 0%, transparent 100%),
        radial-gradient(circle 1px at 45% 20%, rgba(50,177,245,0.4) 0%, transparent 100%),
        radial-gradient(circle 2px at 75% 45%, rgba(50,177,245,0.5) 0%, transparent 100%),
        radial-gradient(circle 1px at 85% 25%, rgba(250,160,35,0.5) 0%, transparent 100%),
        radial-gradient(circle 1.5px at 60% 60%, rgba(50,177,245,0.35) 0%, transparent 100%),
        radial-gradient(circle 1px at 10% 65%, rgba(250,160,35,0.4) 0%, transparent 100%),
        radial-gradient(circle 1px at 90% 70%, rgba(50,177,245,0.3) 0%, transparent 100%);
    pointer-events: none;
    z-index: 0;
    animation: sparks-drift 8s ease-in-out infinite alternate;
}

@keyframes sparks-drift {
    0% {
        opacity: 0.6;
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(-6px);
    }
}

/* PROVA */
#prova{padding:56px 0;border-top-color: rgba(255,255,255,0.04);border-bottom-color: rgba(255,255,255,0.04);background:var(--black)}
.prova-label, .prova-label-0{text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-low);margin-bottom:28px;font-family:var(--font-head)}
.prova-label-0{color:rgb(255 255 255 / 61%); margin-bottom:15px;}
.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 20px}
.badge{display:flex;align-items:center;gap:10px;background:var(--dark-card);border:1px solid var(--border);border-radius:8px;padding:12px 20px;max-width:350px;  transition: var(--t-premium);}
.badge-icon{font-size:1.3rem}
.badge-text{font-size:.75rem;font-weight:600;color:var(--grey-mid);line-height:1.3}
.badge-text strong{color:var(--white);display:block;font-size:.82rem}
.container .badge:hover {
    border-color: rgba(50,177,245,0.4);
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(50,177,245,0.08);
}
.alert-bar{margin-top:32px;background: rgb(197 197 225 / 7%);border: 1px solid rgb(196 198 240 / 25%);border-radius:var(--r);padding:16px 24px;display:grid;align-items:center;gap:14px;max-width:800px;margin-left:auto;margin-right:auto; line-height: 1.1;}
.alert-bar .icon {font-size:1.3rem;flex-shrink:0}
/* .alert-bar p{font-size:.9rem; color:#ccc8ec; line-height:1.5} */
.alert-bar strong{color:#fde68a}
.alert-group {display:flex; align-items:center;gap:5px;font-size:.85rem;}
.alert-texto1 {font-size:.85rem; color:#ccc8ec; line-height:1.4; margin-bottom:10px;}
.alert-texto2 {font-weight: 600; font-size:.85rem; color:#ccc8ec; line-height:1.4}

/* PROBLEMA */
#problema{padding:100px 0; background: #06060C;}
.problema-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:56px}
.pain-list,.solution-list{display:flex;flex-direction:column;gap:16px}
.pain-item,.sol-item{display:flex;gap:14px;align-items:flex-start;border-radius:var(--r);padding:18px 20px}
.pain-item{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2)}
.sol-item{background:rgba(50,177,245,0.05);border:1px solid rgba(50,177,245,0.2);}
.pain-item .icon,.sol-item .icon{font-size:1.2rem;flex-shrink:0;}
.pain-item h4,.sol-item h4{font-family:var(--font-head);font-weight:700;color:var(--white);font-size:.95rem;margin-bottom:4px}
.pain-item p,.sol-item p{font-size:.85rem;color:var(--grey-mid);line-height:1.5}
.col-head{font-family:var(--font-head);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.col-head.red{color:#ef4444}
.col-head.blue{color:#32B1F5;}
.col-head::before{content:'';width:28px;height:2px;border-radius:2px}
.col-head.red::before{background:#ef4444}
.col-head.blue::before{background:#32B1F5;}
.pain-item:hover{border-color: rgba(50, 177, 245, 0.4);transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50, 177, 245, 0.08);}
.sol-item:hover{border-color: rgba(50, 177, 245, 0.4);transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50, 177, 245, 0.08);}

/* FISCAL — NOVA SEÇÃO */
#fiscal{padding:100px 0;background:var(--black);border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);}
.fiscal-header{text-align:center;margin-bottom:52px}
.fiscal-header .section-sub{margin:12px auto 0;text-align:center}
.fiscal-alert{display:flex;gap:14px;background: rgba(250,160,35,0.06);border:1px solid rgba(250,160,35,0.25);border-radius:var(--r);padding:18px 24px;max-width:800px;margin:0 auto 52px;font-size:.9rem;color:#f5c98a;line-height:1.5; align-items:start;}
.fiscal-alert strong{color:#fecaca;}
.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
.doc-card{background:var(--dark-card);border:1px solid var(--border);border-radius:var(--r);padding:24px 20px;position:relative;transition:var(--t-premium);}
.doc-card:hover{border-color:rgba((50,177,245,0.4));transform:translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.doc-badge{display:inline-block;font-family:var(--font-head);font-weight:900;font-size:.75rem;color:#32B1F5;background:rgba(50,177,245,0.1);border:1px solid rgba(50,177,245,0.25);border-radius:6px;padding:3px 10px;margin-bottom:14px;letter-spacing:.06em}
.doc-card h3{font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--white);margin-bottom:8px}
.doc-card p{font-size:.82rem;color:var(--grey-mid);line-height:1.6}
.doc-card .check{color:var(--green);font-size:.65rem;margin-top:12px;font-weight:600}
.esp-card .check{color:var(--green);font-size:.6rem;margin-top:12px;font-weight:600}
.doc-card:hover {border-color: rgba(50,177,245,0.4); transform: translateY(-4px); box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.fiscal-note{text-align:left;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);border-radius:var(--r);padding:20px 24px;max-width:720px;margin:0 auto}
.fiscal-note p{font-size:.9rem;color:#86efac;line-height:1.6}
.fiscal-note strong{color:#bbf7d0}
.doc-planos {margin-bottom:25px !important;}

/* SERVIÇO */
#servico{padding:100px 0; background:var(--black)}
.servico-header{text-align:center;margin-bottom:56px}
.servico-header .section-sub{margin:12px auto 0;text-align:center}
.pilares-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pilar-card{background:var(--dark-card);border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;transition: var(--t-premium);transform-style:preserve-3d;will-change:transform;position:relative}
.pilar-card:hover{border-color: rgba(50,177,245,0.4);transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.pilar-icon{width:46px;height:46px;border-radius:10px;background: rgba(50,177,245,0.12); border: 1px solid rgba(50,177,245,0.25);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;position: relative;transition: var(--t-premium);}
.pilar-icon::before {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: inherit;
    background: rgba(50,177,245,0.15);
    filter: blur(8px);
    opacity: 0;
    transition: opacity 500ms ease;
    z-index: -1;
}
.pilar-card:hover .pilar-icon::before {opacity: 1;}
.pilar-card h3{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--white);margin-bottom:8px}
.pilar-card p{font-size:.85rem;color:var(--grey-mid);line-height:1.6}
.pilar-badge{display:inline-block;font-size:.7rem;font-weight:700;font-family:var(--font-head);background:rgba(50,177,245,0.08);color:#32B1F5;border:1px solid rgba(50,177,245,0.2);border-radius:100px;padding:2px 10px;margin-top:10px;letter-spacing:.06em}
.servicos-title{margin-bottom: 15px;}
.servicos-title-1{margin-bottom: 0px;}
.servico-add {font-size:15px; line-height:1.4; margin-left:10px;}

/* Estado padrão (telas maiores) */
.etiqueta-serv-add {
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* Permite quebrar caso necessário */
}

.etiqueta-topo {
  display: flex;
  align-items: center;
  gap: 6px; /* Espaço entre o asterisco e a badge */
}

/* PROCESSO */
.processo{margin-top:64px}
.processo-title{font-family:var(--font-head);font-weight:800;font-size:1.4rem;color:var(--white);text-align:center;margin-bottom:40px;line-height: 1.3;}
.steps-row{display:flex;gap:0;position:relative}
.steps-row::before{content:'';position:absolute;top:26px;left:calc(10% + 26px);right:calc(10% + 26px);height:2px;background: linear-gradient(90deg, #32B1F5, #60c6ff);z-index:0}
.step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 8px}
.step-circle{width:52px;height:52px;border-radius:50%;background: linear-gradient(135deg, #32B1F5, #1a7ab8);border: 3px solid rgba(50,177,245,0.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:900;font-size:.85rem;color:var(--white);margin-bottom:14px;flex-shrink:0;box-shadow: 0 0 12px rgba(50,177,245,0.25);}
.step h4{font-family:var(--font-head);font-weight:700;font-size:.85rem;color:var(--white);margin-bottom:4px}
.step p{font-size:.75rem;color:rgba(255,255,255,0.38);line-height:1.5}

/* DIFERENCIAL HUMANO — NOVA SEÇÃO */
#humano{padding:100px 0;background:var(--dark-card);border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);}
.humano-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:52px}
.humano-text .section-sub{max-width:100%}
.humano-list{display:flex;flex-direction:column;gap:20px;margin-top:28px}
.humano-item{display:flex;gap:14px;align-items:flex-start}
.humano-icon{width:40px;height:40px;border-radius:10px;background:rgba(50,177,245,0.12);border:1px solid rgba(50,177,245,0.25);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0.position: relative;transition: var(--t-premium);}
.humano-icon::before {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: inherit;
    background: rgba(50,177,245,0.15);
    filter: blur(8px);
    opacity: 0;
    transition: opacity 500ms ease;
    z-index: -1;
}
.humano-item:hover .humano-icon::before {opacity: 1;}
.humano-item h4{font-family:var(--font-head);font-weight:700;color:var(--white);font-size:.95rem;margin-bottom:4px}
.humano-item p{font-size:.85rem;color:var(--grey-mid);line-height:1.6}
.vs-card{background:var(--dark-card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.vs-header{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}
.vs-col-head{padding:14px 20px;font-family:var(--font-head);font-size:.78rem;font-weight:700;text-align:center;letter-spacing:.06em;text-transform:uppercase}
.vs-col-head.them{background:rgba(220,38,38,.08);color:#f87171;border-right:1px solid var(--border)}
.vs-col-head.us{background: rgba(50,177,245,0.08);color: #32B1F5;}
.vs-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(30,30,50,.8)}
.vs-row:last-child{border-bottom:none}
.vs-cell{padding:14px 20px;font-size:.84rem;line-height:1.5;text-align:center}
.vs-cell.them{color:#f87171;background:rgba(220,38,38,.04);border-right:1px solid var(--border)}
.vs-cell.us{color:#86efac;background: rgba(50,177,245,0.04);}

/* STYLE ADD */
/* ── FERRAMENTA GRATUITA ── */
#ferramenta {padding: 80px 0; background: linear-gradient(135deg,rgba(50,177,245,0.06) 0%,rgba(6,6,12,0) 60%),#0B0B14; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}
.ferramenta-inner {display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;}
.ferramenta-badge {display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgb(164 164 238 / 85%); color: rgb(164 164 238 / 85%); font-family: var(--font-head); font-size: .6rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 5px 14px; border-radius: 100px; margin-bottom: 20px; text-align:center; line-height:1.4;}
.ferramenta-h2 {font-family: var(--font-head); font-weight: 900; font-size: clamp(1.4rem, 3.5vw, 2.2rem); color: var(--white); line-height: 1.1; margin-bottom: 16px;}
.ferramenta-sub {font-size: .95rem; color: var(--grey-mid); line-height: 1.75; margin-bottom: 28px;}
.ferramenta-itens {display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px;}
.ferramenta-item {display: flex; align-items: center; gap: 10px; font-size: .88rem; color: var(--grey-mid);}
.ferramenta-item span {color: var(--green); font-size: 1rem;}
.btn-green {display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-head); font-weight: 700; font-size: .95rem; background: var(--green); color: #052e16; padding: 16px 28px; border-radius: var(--r); transition: var(--t-premium);text-decoration: none; animation: pulse-green-btn 2.4s ease-in-out infinite;}
.btn-green:hover {background: #4ade80; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(34,197,94,.4); animation: none;}
@keyframes pulse-green-btn {0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); } 50% { box-shadow: 0 0 0 14px rgba(34,197,94,0); }}
.ferramenta-visual {background: var(--dark-card); border-radius: 16px; padding: 32px 28px; position: relative; overflow: hidden;}
.ferramenta-visual::before {content: ''; position: absolute; top: -40px; right: -40px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(50,177,245,0.1) 0%, transparent 70%); pointer-events: none;}
.timer-display {text-align: center; margin-bottom: 48px;}
.timer-num {font-family: var(--font-head); font-weight: 900; font-size: 4rem; color: #32B1F5; line-height: 1;}
.timer-label {font-size: .8rem; color: var(--grey-low); margin-top: 4px; font-family: var(--font-head); letter-spacing: .08em; text-transform: uppercase;}
.steps-preview {display: flex; flex-direction: column; gap: 10px;}
.step-preview-item {display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 8px; padding: 10px 14px; font-size: .82rem; color: var(--grey-mid); transition: border-color .2s;}
.step-preview-item.active {border-color: rgba(50,177,245,0.4); background:rgba(50,177,245,0.05); color: var(--grey-hi);}
.step-dot {width: 8px; height: 8px; border-radius: 50%; background: var(--border); flex-shrink: 0;}
.step-preview-item.active .step-dot {background:  #32B1F5;}
.step-preview-item:hover, .step-preview-item.active:hover {transform: translateY(-4px);}

/* ── DEMO / SIMULAÇÃO ── */
#demo {padding: 100px 0; background: #06060C;}
.demo-header {text-align: center; margin-bottom: 52px;}
.demo-header .section-sub {margin: 12px auto 0; text-align: center;}
.demo-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.demo-card {background: var(--dark-card); border: 1px solid var(--border); border-radius: 16px; padding: 36px 32px; display: flex; flex-direction: column; gap: 20px; transition: var(--t-premium); position: relative; overflow: hidden;}
.demo-card::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 16px 16px 0 0;}
.demo-card.primary::before {background: linear-gradient(90deg, #32B1F5, #60c6ff);}
.demo-card.secondary::before {background: linear-gradient(90deg, #7c3aed, #a78bfa);}
.demo-card:hover {border-color: rgba(50,177,245,0.4); transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.demo-icon {width: 56px; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem;}
.demo-card.primary .demo-icon {background:rgba(50,177,245,0.12); border: 1px solid rgba(50,177,245,0.3);}
.demo-card.secondary .demo-icon {background: rgba(124,58,237,.2); border: 1px solid rgba(124,58,237,.3);}
.demo-card h3 {font-family: var(--font-head); font-weight: 800; font-size: 1.3rem; color: var(--white); line-height: 1.2;}
.demo-card p {font-size: .9rem; color: var(--grey-mid); line-height: 1.7;}
.demo-bullets {display: flex; flex-direction: column; gap:8px; line-height:1.9; margin:16px 0;}
.demo-bullets2 {display: flex; flex-direction: column; gap:8px; line-height:1.55; margin:1px 0 2px;}
.demo-bullet {display: flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--grey-mid);}
.demo-bullet .icon {color: var(--blue-glow); font-size: .9rem;}
.demo-card.secondary .demo-bullet .icon {color: #a78bfa;}
.btn-purple {display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-head); font-weight: 700; font-size: .95rem; background: #7c3aed; color: var(--white); padding: 16px 28px; border-radius: var(--r); transition: background .2s, transform .15s; text-decoration: none; width: fit-content;}
.btn-purple:hover {background: #6d28d9; transform: translateY(-2px);}

/* ── WHITE LABEL / PARCERIAS ── */
#parcerias {padding: 100px 0; background: var(--black); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid /*var(--border)*/rgba(255,255,255,0.04);}
.parcerias-header {text-align: center; margin-bottom: 56px;}
.parcerias-header .section-sub {margin: 12px auto 0; text-align: center;}
.parcerias-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;}
.wl-card {background: var(--dark-card); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 32px 28px; position: relative; overflow: hidden; transition: var(--t-premium);}
.wl-card::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #32B1F5, #60c6ff, #a78bfa); border-radius: 16px 16px 0 0;}
.wl-tag {display: inline-block; font-family: var(--font-head); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #a78bfa; background: rgba(167,139,250,.1); border: 1px solid rgba(167,139,250,.3); border-radius: 100px; padding: 3px 12px; margin-bottom: 16px;}
.wl-title {font-family: var(--font-head); font-weight: 800; font-size: 1.1rem; color: var(--white); margin-bottom: 12px;}
.wl-desc {font-size: .88rem; color: var(--grey-mid); line-height: 1.7; margin-bottom: 20px;}
.wl-features {display: flex; flex-direction: column; gap: 8px;}
.wl-feature {display: flex; align-items: center; gap: 10px; font-size: .84rem; color: var(--grey-mid);}
.wl-feature .icon {color: #a78bfa; font-size: .9rem;}
.parceiros-tipos {display: flex; flex-direction: column; gap: 16px;}
.parceiro-tipo {background: var(--dark-card); border: 1px solid var(--border); border-radius: var(--r); padding: 20px 20px; display: flex; gap: 16px; align-items: flex-start; transition: var(--t-premium);}
.parceiro-tipo:hover {border-color: rgba(50,177,245,0.4); transform: translateX(-4px); box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.parceiro-icon {width: 44px; height: 44px; border-radius: 10px; background: rgba(167,139,250,.1); border: 1px solid rgba(167,139,250,.25); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0;}
.parceiro-tipo h4 {font-family: var(--font-head); font-weight: 700; font-size: .95rem; color: var(--white); margin-bottom: 4px;}
.parceiro-tipo p {font-size: .83rem; color: var(--grey-mid); line-height: 1.5;}
.parcerias-cta {margin-top: 48px; display: flex; gap: 14px; flex-wrap: wrap;}
.parcerias-cta .btn-ghost {border-color: var(--silver-bd);}

/* ── TREINAMENTOS ── */
#treinamentos {padding: 100px 0; background: #06060C;}
.trein-header {text-align: center; margin-bottom: 52px;}
.trein-header .section-sub {margin: 12px auto 0; text-align: center;}
.trein-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px;}
.trein-card {background: var(--dark-card); border: 1px solid var(--border); border-radius: var(--r); padding: 28px 24px; position: relative; overflow: hidden; transition: var(--t-premium);}
.trein-card:hover {border-color: rgba(50,177,245,0.4); transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.trein-card::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;}
.trein-card.online::after, .trein-card.offline::after, .trein-card.parceiros::after {background: linear-gradient(90deg, #7c3aed, #a78bfa);}
.trein-format {display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-head); font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-radius: 100px; padding: 3px 12px; margin-bottom: 16px;}
.trein-card.online .trein-format {color:#32B1F5; background:rgba(50,177,245,0.08); border: 1px solid rgba(50,177,245,0.2);}
.trein-card.offline .trein-format {color: #22d3ee; background: rgba(8,145,178,.1); border: 1px solid rgba(8,145,178,.25);}
.trein-card.parceiros .trein-format {color: #a78bfa; background: rgba(124,58,237,.1); border: 1px solid rgba(124,58,237,.25);}
.trein-icon {font-size: 1.35rem; /*margin-bottom:14px;*/ display: block;}
.trein-card h3 {font-family: var(--font-head); font-weight: 700; font-size: .9rem; color: var(--white); /*margin-bottom: 8px;*/line-height: 1.3;}
.trein-card p {font-size: .85rem; color: var(--grey-mid); line-height: 1.6; margin-bottom: 16px;}
.trein-bullets {display: flex; flex-direction: column; gap: 6px;}
.trein-bullet {display: flex; align-items: center; gap: 8px; font-size: .8rem; color: var(--grey-low);}
.trein-bullet::before {content: '→'; color: #32B1F5; font-size: .75rem;}
.trein-card.offline .trein-bullet::before {color: #22d3ee;}
.trein-card.parceiros .trein-bullet::before {color: #a78bfa;}
.trein-bottom {background: rgba(50,177,245,0.05); border: 1px solid rgba(50,177,245,0.15); border-radius: var(--r); padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;}
.trein-bottom p {font-size: .95rem; color: var(--grey-mid); line-height: 1.6; max-width: 560px;}
.trein-bottom strong {color: var(--white);}
.trein-agrupado {display: flex; gap:3px; align-items:center;}

/* ── DASHBOARD ── */
#dashboard {padding: 100px 0; background: var(--dark-card); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04);}
.dashboard-header {text-align: center; margin-bottom: 56px;}
.dashboard-header .section-sub {margin: 12px auto 0; text-align: center;}
.dashboard-layout {display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: start;}
.dashboard-kpis {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px;}
.kpi-box {background: var(--black); border: 1px solid var(--border-inv); border-radius: var(--r); padding: 18px 16px; transition:var(--t-premium);}
.kpi-box:hover {border-color: rgba(50,177,245,0.4);transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.kpi-num {font-family: var(--font-head); font-weight: 900; font-size: 1.8rem; line-height: 1; margin-bottom: 4px;}
.kpi-label {font-size: .75rem; color: rgba(255,255,255,0.38); line-height: 1.4;}
.kpi-box.blue .kpi-num {color: #32B1F5;}
.kpi-box.green .kpi-num {color: var(--green);}
.kpi-box.amber .kpi-num {color: var(--amber);}
.kpi-box.red .kpi-num {color: var(--red);}
.dash-features {display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px;}
.dash-feature {display: flex; align-items: flex-start; gap: 12px;}
.dash-feature-icon {width: 36px; height: 36px; border-radius: 8px; background: rgba(50,177,245,0.12); border: 1px solid rgba(50,177,245,0.25); display: flex; align-items: center; justify-content: center; font-size: .95rem; flex-shrink: 0;position: relative;transition: var(--t-premium);}
.dash-feature-icon::before {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: inherit;
    background: rgba(50,177,245,0.15);
    filter: blur(8px);
    opacity: 0;
    transition: opacity 500ms ease;
    z-index: -1;
}
.dash-feature:hover .dash-feature-icon::before {opacity: 1;}
.dash-feature h4 {font-family: var(--font-head); font-weight: 700; font-size: .88rem; color: var(--white); margin-bottom: 2px;}
.dash-feature p {font-size: .8rem; color: var(--grey-low); line-height: 1.5;}
.video-frame {background: var(--dark-card); border-radius: 16px; overflow: hidden; position: relative;}
.video-frame-top {background: #0d0d18; padding: 10px 14px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--border);}
.vid-dot {width: 10px; height: 10px; border-radius: 50%;}
.vid-dot.r {background: #ef4444;}
.vid-dot.y {background: #f59e0b;}
.vid-dot.g {background: #22c55e;}
.vid-title {font-family: var(--font-head); font-size: .72rem; color: var(--grey-low); margin-left: 8px; letter-spacing: .04em;}
.video-placeholder {aspect-ratio: 16/9; background: linear-gradient(135deg, #0d0d1f 0%, #13132a 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; cursor: pointer; position: relative; overflow: hidden;}
.video-placeholder::before {content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%231a1bad' fill-opacity='0.06'%3E%3Cpath d='M0 0h1v40H0zm40 0h-1v40h1zM0 0v1h40V0zm0 40v-1h40v1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.play-btn {width: 64px; height: 64px; border-radius: 50%; background:rgba(50,177,245,0.85);border:2px solid rgba(50,177,245,0.5);display: flex; align-items: center; justify-content: center; font-size: 1.5rem; transition: transform .2s, background .2s; position: relative; z-index: 1; cursor: pointer;}
.play-btn:hover {transform: scale(1.1); background:#32B1F5;}
.video-placeholder p {font-family: var(--font-head); font-size: .8rem; color: var(--grey-low); position: relative; z-index: 1;}
.video-frame iframe {width: 100%; aspect-ratio: 16/9; border: none; display: block;}

/* ── MODAL DASHBOARD ─-------------------------------------─ */
.dashboard-overlay {
  position: fixed;
  inset: 0;
  background: rgba(6,6,12,0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 9000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.dashboard-overlay.open {opacity: 1; visibility: visible; pointer-events: auto;}

.dashboard-modal {
  position: relative;
  width: 90vw;
  max-width: 1100px;
  height: 80vh;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgb(0 0 0 / 50%);
  box-shadow: 0 32px 80px rgba(0,0,0,0.6);
  transform: scale(0.95) translateY(16px);
  transition: transform 0.3s ease;
}

.dashboard-overlay.open .dashboard-modal { transform: scale(1) translateY(0);}

.dashboard-modal iframe {border: none; width: 100%; height: 100%; display: block; zoom: 0.8;} /* ← Reduz a escala interna da página do iframe (teste com 0.8 ou 0.9 se preferir) */

.dashboard-close {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 9001;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0,0,0,0.7);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.dashboard-close:hover { background: rgba(239,68,68,0.8); }
.dashboard-video {margin: 0 auto; display:flex !important; width:fit-content; font-size:.65rem !important; padding: 15px 30px !important;}


/* ── APP MOBILE / GAMIFICAÇÃO ── */
#appmovel {padding: 100px 0; background: #06060C;}
.app-layout {display: grid; grid-template-columns: 1fr 380px; gap: 64px; align-items: center;}
.app-text .section-sub {max-width: 100%;}
.app-features {display: flex; flex-direction: column; gap: 14px; margin: 28px 0 32px;}
.app-feature {display: flex; gap: 14px; align-items: flex-start; background: var(--dark-card); border: 1px solid var(--border); border-radius: var(--r); padding: 16px 18px; transition: var(--t-premium);}
.app-feature:hover {border-color: rgba(50,177,245,0.4);transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
/* .app-feat-icon-app {margin-top: 5px;} */
.app-feature h4 {font-family: var(--font-head); font-weight: 700; font-size: .9rem; color: var(--white); margin-bottom: 3px;}
.app-feature p {font-size: .82rem; color: var(--grey-mid); line-height: 1.5;}
.phone-mockup {position: relative; width: 280px; margin: 0 auto;}
.phone-shell {background: #1a1a2e; border: 2px solid #2d2d4a; border-radius: 40px; padding: 14px; box-shadow: 0 0 0 1px rgba(50,177,245,0.15), 0 40px 80px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06); position: relative;}
.phone-notch {width: 90px; height: 22px; background: #0f0f1a; border-radius: 0 0 16px 16px; margin: 0 auto 10px;}
.phone-screen {background: #0a0a15; border-radius: 28px; overflow: hidden; min-height: 480px;}
.app-screen-header {background:linear-gradient(135deg, #1a7ab8, #32B1F5); padding: 14px 16px 12px; display: flex; align-items: center; justify-content: space-between;}
.app-screen-logo {font-family: var(--font-head); font-weight: 700; font-size: .7rem; color: #fff; letter-spacing: .06em;}
.app-screen-bell {font-size: .9rem;}
.app-screen-body {padding: 14px 12px;}
.app-progress-card {background:rgba(50,177,245,0.08); border: 1px solid rgba(50,177,245,0.2); border-radius: 10px; padding: 12px; margin-bottom: 12px;}
.app-prog-label {font-family: var(--font-head); font-size: .62rem; font-weight: 700; color:#32B1F5; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px;}
.app-prog-bar-bg {height: 6px; background: rgba(255,255,255,.08); border-radius: 3px; overflow: hidden;}
.app-prog-bar-fill {height: 100%; border-radius: 3px; background: linear-gradient(90deg, #1a7ab8, #32B1F5); width: 68%;}
.app-prog-pct {font-family: var(--font-head); font-size: .62rem; font-weight: 700; color: var(--grey-mid); margin-top: 4px;}
.app-points {display: flex; align-items: center; justify-content: space-between; background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.2); border-radius: 8px; padding: 8px 10px; margin-bottom: 12px;}
.app-pts-label {font-size: .62rem; color: var(--amber); font-family: var(--font-head); font-weight: 700;}
.app-pts-num {font-family: var(--font-head); font-weight: 900; font-size: .9rem; color: var(--amber);}
.app-tasks {display: flex; flex-direction: column; gap: 7px;}
.app-task {display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); border-radius: 8px; padding: 9px 10px; font-size: .65rem; color: var(--grey-mid); cursor: pointer; transition: border-color .2s, background .2s; user-select: none;}
.app-task:hover {border-color: rgba(79,81,255,.3); background: rgba(79,81,255,.06);}
.app-task.done {border-color: rgba(34,197,94,.3); background: rgba(34,197,94,.05); color: #86efac;}
.task-check {width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: .5rem; flex-shrink: 0; transition: background .2s, border-color .2s;}
.app-task.done .task-check {background: var(--green); border-color: var(--green); color: #fff;}

/* ── GALERIA DE VÍDEOS ── */
#galeria {padding: 100px 0; background: var(--dark-card); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04);}
.galeria-header {text-align: center; margin-bottom: 52px;}
.galeria-header .section-sub {margin: 12px auto 0; text-align: center;}
.galeria-tabs {display: flex; gap: 8px; justify-content: center; margin-bottom: 36px; flex-wrap: wrap;}
.g-tab {font-family: var(--font-head); font-size: .78rem; font-weight: 700; padding: 8px 20px; border-radius: 100px; border: 1px solid var(--border); background: transparent; color: var(--grey-mid); cursor: pointer; transition: all .2s;}
.g-tab.active, .g-tab:hover {background: linear-gradient(135deg, #32B1F5, #1a7ab8); border-color: transparent; color: #fff;}
.galeria-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.video-card {background: var(--dark-card); border: 1px solid rgba(255,255,255,0.05); border-radius: var(--r); overflow: hidden; transition: var(--t-premium); cursor: pointer;}
.video-card:hover {border-color: rgba(50,177,245,0.4); transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.video-thumb {aspect-ratio: 16/9; background: var(--dark); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;border: 1px solid var(--border);}
.video-thumb::before {content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231a1bad' fill-opacity='0.07'%3E%3Cpath d='M0 0h1v40H0zm40 0h-1v40h1zM0 0v1h40V0zm0 40v-1h40v1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.video-thumb .play-sm {width: 44px; height: 44px; border-radius: 50%; background:rgba(50,177,245,0.9); border: 1.5px solid rgba(50,177,245,0.5); display: flex; align-items: center; justify-content: center; font-size: 1rem; position: relative; z-index: 1; transition: transform .2s, background .2s;}
.video-card:hover .play-sm {transform: scale(1.1); background:#32B1F5;}
.video-cat-pill {position: absolute; top: 10px; left: 10px; font-family: var(--font-head); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 3px 10px; border-radius: 100px; z-index: 1;}
.video-cat-pill.plataforma {background: rgba(26,27,173,.85); color: #a5b4fc; border: 1px solid rgba(79,81,255,.4);}
.video-cat-pill.dicas {background: rgba(8,145,178,.85); color: #67e8f9; border: 1px solid rgba(6,182,212,.4);}
.video-cat-pill.depoimentos {background: rgba(34,197,94,.15); color: #86efac; border: 1px solid rgba(34,197,94,.35);}
.video-info {padding: 16px 16px 18px;border: 1px solid var(--border);}
.video-info h4 {font-family: var(--font-head); font-weight: 700; font-size: .9rem; color: var(--white); margin-bottom: 6px; line-height: 1.3;}
.video-info p {font-size: .78rem; color: var(--grey-low); line-height: 1.5;}
.video-duration {position: absolute; bottom: 8px; right: 8px; font-family: var(--font-head); font-size: .65rem; font-weight: 700; background: rgba(0,0,0,.75); color: var(--white); padding: 2px 7px; border-radius: 4px;}
.video-modal-overlay {position: fixed; inset: 0; background: rgba(0,0,0,.88); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 24px; opacity: 0; pointer-events: none; transition: opacity .25s;}
.video-modal-overlay.open {opacity: 1; pointer-events: all;}
.video-modal {background: var(--dark-card); border: 1px solid rgba(50,177,245,0.2); border-radius: 16px; overflow: hidden; width: 100%; max-width: 840px; transform: scale(.95); transition: transform .25s;}
.video-modal-overlay.open .video-modal {transform: scale(1);}
.video-modal-top {display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,0.05);}
.video-modal-title {font-family: var(--font-head); font-weight: 700; font-size: .9rem; color: var(--white);}
.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(255,255,255,.08);
  border: none;
  color: var(--grey-mid);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s, color .2s;
  z-index: 1000;
  line-height: 1;
}
.modal-close:hover {background:rgba(50,177,245,0.15); color: var(--white);}
.video-modal-body {aspect-ratio: 16/9; background: #000; display: flex; align-items: center; justify-content: center; color: var(--grey-low); font-size: .85rem;}
.video-modal-body iframe {width: 100%; height: 100%; border: none; display: block;}

/* TABELA COMPARATIVA — NOVA SEÇÃO */
#comparativo{padding:100px 0; background: var(--black);}
.comp-header{text-align:center;margin-bottom:52px}
.comp-header .section-sub{margin:12px auto 0;text-align:center}
.comp-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background: var(--dark-card);}
.comp-table th{font-family:var(--font-head);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:16px 14px;text-align:center;background:rgba(15,15,26,1);color:var(--grey-mid)}
.comp-table th:first-child{text-align:left;color:var(--grey-low)}
.comp-table th.us-col{background:rgba(50,177,245,0.12);color:#32B1F5;}
.comp-table td{padding:14px 14px;font-size:.85rem;text-align:center;border-top:1px solid var(--border);color:var(--grey-mid)}
.comp-table td:first-child{text-align:left;color:var(--grey-hi);font-weight:500}
.comp-table tr.us-row td{background:rgbargba(50,177,245,0.06);}
.comp-table tr.us-row td:first-child{color:var(--white);font-family:var(--font-head);font-weight:700}
.comp-table tr.us-row td.us-col{background:rgbargba(50,177,245,0.14);}
.check-yes{color:var(--green);font-size:1.1rem}
.check-no{color:var(--red);font-size:1rem;opacity:.6}
.check-partial{color:var(--amber);font-size:.8rem;font-weight:600}
.comp-note{margin-top:24px;text-align:center;font-size:.85rem;color:rgba(255,255,255,0.35);line-height:1.6}
.comp-note strong{color:rgba(255,255,255,0.55);}

/* ESPECIALISTAS — NOVA SEÇÃO */
#especialistas{padding:100px 0;background:var(--dark-card);border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid /*var(--border)*/rgba(255,255,255,0.04);}
.esp-header{text-align:center;margin-bottom:52px}
.esp-header .section-sub{margin:12px auto 0;text-align:center}
.esp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.esp-card{background:var(--dark);border:1px solid rgb(255 255 255 / 12%);border-radius:var(--r);padding:28px 24px;text-align:center;transition:var(--t-premium);}
.esp-card:hover{border-color:rgba(50,177,245,0.4);transform:translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.esp-avatar{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg, #1a7ab8, #32B1F5);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:900;font-size:1.3rem;color:var(--white);margin:0 auto 16px;border:3px solid rgba(79,81,255,.3);border: 3px solid rgba(50,177,245,0.3);}
.esp-name{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--white);margin-bottom:4px}
.esp-role{font-size:.8rem;color:#32B1F5;font-weight:600;margin-bottom:12px;}
.esp-cred{font-size:.78rem;color:var(--grey-low);line-height:1.5}
.esp-cred strong{color:var(--grey-mid)}
.esp-footer{margin-top:40px;text-align:center;background:var(--dark);border:1px solid rgb(255 255 255 / 12%);border-radius:var(--r);padding:20px 24px;max-width:700px;margin-left:auto;margin-right:auto}
.esp-footer p{font-size:.9rem;color:var(--grey-mid);line-height:1.6}
.esp-footer strong{color:var(--white)}

/* DEPOIMENTOS */
#depoimentos{padding:100px 0; background: #06060C;}
.dep-header{text-align:center;margin-bottom:52px}
.dep-header .section-sub{margin:12px auto 0;text-align:center}
.dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dep-card{background:var(--dark-card);border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;display:flex;flex-direction:column;gap:16px;transition:var(--t-premium);transform-style:preserve-3d;will-change:transform;position:relative}
.dep-card:hover, .faq-item:hover, .step:hover, .step-end:hover, .counter-box:hover, .esp-footer:hover, .comp-table:hover, .trein-bottom:hover, .notebook-img:hover, .wl-card:hover, .fiscal-note:hover, .fiscal-alert:hover, .alert-bar:hover, .stat-box:hover {border-color:rgba(50,177,245,0.4);transform: translateY(-4px);box-shadow: 0 8px 32px rgba(50,177,245,0.08);}
.dep-quote-mark{font-size:3rem;line-height:1;color:#32B1F5;font-family:Georgia,serif;margin-bottom:-8px;display:block}
.dep-text{font-size:.9rem;color:var(--grey-mid);line-height:1.7;flex:1}
.dep-stars{color:var(--amber);font-size:.9rem;letter-spacing:2px}
.dep-author{display:flex;align-items:center;gap:12px;margin-top:8px}
.dep-avatar{width:40px;height:40px;border-radius:50%;linear-gradient(135deg, #1a7ab8, #32B1F5);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:.9rem;color:var(--white);flex-shrink:0}
.dep-name{font-family:var(--font-head);font-weight:700;font-size:.9rem;color:var(--white)}
.dep-role{font-size:.78rem;color:var(--grey-low)}

/* URGÊNCIA */
#urgencia{padding:80px 0;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg, rgba(10,30,60,0.96) 0%, rgba(6,6,12,0.97) 100%),url('https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=1920') center 40%/cover no-repeat;}
#urgencia::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.06) 0%,transparent 60%)}
.urgencia-tag{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-head);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 14px;border-radius:100px;margin-bottom:20px}
.urgencia-h2{font-family:var(--font-head);font-weight:900;font-size:clamp(1.6rem,4vw,2.1rem);color:#fff;max-width:700px;margin:0 auto 16px;line-height:1.2}
.urgencia-sub{color:rgba(255,255,255,.75);max-width:520px;margin:0 auto 36px;font-size:1rem}
.urgencia-counter{display:flex;gap:20px;justify-content:center;margin-bottom:36px;flex-wrap:wrap}
.counter-box{background: rgba(50,177,245,0.06);border: 1px solid rgba(50,177,245,0.2);border-radius:10px;padding:16px 24px;min-width:112px;text-align:center}
.counter-num{font-family:var(--font-head);font-weight:900;font-size:2.2rem;color:#32B1F5;line-height:1}
.counter-label{font-size:.72rem;color:rgba(255,255,255,.6);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}

/* FAQ */
#faq{padding:100px 0;background:var(--dark-card);border-top:1px solid rgba(255,255,255,0.04);}
.faq-header{text-align:center;margin-bottom:52px}
.faq-list{max-width:720px;margin:0 auto}
.faq-item{border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px;background:var(--dark);overflow:hidden;transition: var(--t-premium);}
.faq-item:hover {border-color: rgba(50,177,245,0.2);}
.faq-q{width:100%;background:none;border:none;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--white)}
.faq-q .chevron{flex-shrink:0;width:20px;height:20px;border-radius:50%;background: rgba(50,177,245,0.12);display:flex;align-items:center;justify-content:center;font-size:.7rem;color: #32B1F5;transition:transform .2s}
.faq-item.open {border-color: rgba(50,177,245,0.35);}
.faq-item.open .chevron{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:400px}
.faq-a-inner{padding:0 24px 20px;font-size:.9rem;color:var(--grey-mid);line-height:1.7;border-top: 1px solid rgba(255,255,255,0.05);padding-top:16px}

/* CTA FINAL */
#cta-final{padding:100px 0;text-align:center;background: #06060C;position:relative;overflow:hidden}
#cta-final::before{content:'';position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:800px;height:400px;border-radius:50%;background:radial-gradient(ellipse, rgba(50,177,245,0.12) 0%,transparent 70%);pointer-events:none}
.cta-final-h2{font-family:var(--font-head);font-weight:900;font-size:clamp(1.8rem,4.5vw,2.1rem);color:var(--white);max-width:720px;margin:0 auto 16px;line-height:1.15}
.cta-final-sub{color:var(--grey-mid);max-width:480px;margin:0 auto 36px;font-size:1rem}
.cta-group{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}

/* WHATSAPP FLOAT */
.wha-float{position:fixed;bottom:28px;right:28px;z-index:200;width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(37,211,102,.45);animation:pulse-green 2.5s ease-in-out infinite;transition:transform .2s}
.wha-float:hover{transform:scale(1.12);animation:none}
.wha-float svg{width:30px;height:30px;fill:#fff}
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}60%{box-shadow:0 0 0 16px rgba(37,211,102,0)}}

/* MOUSE EFFECTS */
.mouse-glow{position:fixed;inset:0;pointer-events:none;z-index:2;background: radial-gradient(circle 450px at var(--mx,50%) var(--my,50%), rgba(50,177,245,0.07), transparent 70%);transition:opacity .3s;opacity:0}
.mouse-glow.active{opacity:1}
.tilt-card{transition:transform .15s ease-out;transform-style:preserve-3d;will-change:transform}
.glow-border{position:relative;z-index:0}
.glow-border::before{content:'';position:absolute;inset:-1px;border-radius:inherit; background: radial-gradient(140px circle at var(--gx,50%) var(--gy,50%), rgba(50,177,245,0.35), transparent 60%);z-index:-1;opacity:0;transition:opacity .25s}
.glow-border:hover::before{opacity:.7}
canvas.mouse-grid{position:fixed;inset:0;pointer-events:none;z-index:2;width:100vw;height:100vh}

/* FOOTER */
footer{background:#040408;border-top:1px solid rgba(255,255,255,0.05);padding:20px 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:10px}
.footer-brand p{font-size:.87rem;color:var(--grey-low);line-height:1.7;margin-top:14px;max-width:300px;text-align:left;}
.footer-logo{height:40px;width:auto}
.footer-col h4{font-family:var(--font-head);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-mid);margin-bottom:14px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:5px}
.footer-col ul li a{font-size:.87rem;color:var(--grey-low);transition:color .2s}
.footer-col {text-align:left;}
.footer-col a{font-size:.8rem;color:var(--grey-low);transition:color .2s;}
.footer-col a:hover{color:#32B1F5;}
.footer-col ul li a:hover{color:#32B1F5;}
.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;text-align:center;}
.footer-bottom p{font-size:.78rem;color:var(--grey-low)}
.soc-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--grey-low);transition:border-color .2s,color .2s}
.soc-icon:hover{border-color:#32B1F5;color:#32B1F5;}
#footer{text-align: center;}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}


/* CORREÇÃO PARA IPAD/IPHONE (WEBKIT MOBILE): 
   Se o elemento estiver muito no topo (como o hero-stats), 
   garantimos que após 1 segundo ele force a aparição caso o observer falhe em rede local (XAMPP) */
@media screen and (max-width: 1024px) {
  .hero-stats.reveal:not(.visible) {
    opacity: 1;
    transform: none;
  }
}



.plan-divider { background: rgba(255,255,255,0.06); }
.grey-mid {color: rgba(255,255,255,0.55);}

/* RESPONSIVE */
@media(max-width:900px){
  .docs-grid{grid-template-columns:repeat(2,1fr)}
  .humano-grid{grid-template-columns:1fr;gap:36px}
  .esp-grid{grid-template-columns:1fr 1fr}
  .problema-grid{grid-template-columns:1fr;gap:28px}
  .pilares-grid{grid-template-columns:1fr 1fr}
  .dep-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .steps-row{flex-direction:column;gap:24px}
  .steps-row::before{display:none}
  .step{flex-direction:row;text-align:left;gap:16px}
  .step-circle{flex-shrink:0}
  .comp-table{font-size:.78rem}
  .comp-table th,.comp-table td{padding:10px 8px}
  .ferramenta-inner {grid-template-columns: 1fr; gap: 36px;} .demo-grid {grid-template-columns: 1fr;} .parcerias-grid {grid-template-columns: 1fr; gap: 36px;} .trein-grid {grid-template-columns: 1fr 1fr;}
  .dashboard-layout {grid-template-columns: 1fr;} .app-layout {grid-template-columns: 1fr;} .phone-mockup {order: -1;} .galeria-grid {grid-template-columns: 1fr 1fr;}
}


@media(max-width:640px){
    .hero-stats{ grid-template-columns: 1fr 1fr; gap: 8px;}
    .stat-box:nth-child(odd){border-right:1px solid var(--border)}
    .stat-box:nth-child(1),.stat-box:nth-child(2){border-bottom:1px solid var(--border)}
    .docs-grid{grid-template-columns:1fr}
    .pilares-grid{grid-template-columns:1fr}
    .esp-grid{grid-template-columns:1fr}
    .trust-badges{flex-direction:column;align-items:stretch}
    .badge{justify-content:center}
    .header-cta{display:none}
    #hero{padding:110px 0 60px}
    .urgencia-counter{gap:12px}
    .counter-box{min-width:80px;padding:12px 16px}
    .trein-grid {grid-template-columns: 1fr;}
    .galeria-grid {grid-template-columns: 1fr;} 
    .dashboard-kpis {grid-template-columns: 1fr 1fr;}
    .dashboard-video, .phone-embed-wrapper a {display:none !important;}
    .footer-grid {justify-items:center;}
}

@media(max-width:480px){
  .hero-sub, .section-sub, .ferramenta-sub, .section-title-3, .section-title-4, .section-sub-serviços-0, .section-sub-ajusted  {font-size:1rem; line-height:1.5;}
  .ferramenta-sub {margin-bottom: 15px;}
  .fiscal-note p {font-size: .85rem; line-height:1.4;}
  .alert-bar {align-items:start !important;}
  .ferramenta-item, .wl-feature, .trein-bullet {line-height: 1.4; font-size:.8rem;}
  .hero-stats {margin-top: 30px;}
  .trein-card h3 {font-size: .83rem;}
  .section-title {line-height: 1.1;}
  #ferramenta, #problema, #prova, #fiscal, #demo, #dashboard, #servico, #appmovel, #parcerias, #treinamentos, #comparativo, #especialistas, #depoimentos, #cta-final  {padding:30px 0;}
  .demo-card h3 {font-size: 1.1rem; line-height:1.1;}
  .demo-card p, .demo-bullet, .servicos-title-1, .pilar-card h3, .pilar-card p, .wl-desc, .trein-card p, .trein-bottom p, .dep-text, .urgencia-sub, .faq-a-inner {line-height: 1.5;}
  .demo-bullet {line-height: 1.35 !important; margin-bottom: 10px;}
  .demo-icon, .pilar-icon, .parceiro-icon, .trein-icon {width:40px; height:40px; font-size:1.2rem;}
  .fiscal-alert{display:grid;}
  .fiscal-header {margin-bottom:30px;}
  .doc-planos {margin-bottom:8px !important;}
  .esp-avatar {width:50px; height:50px; font-size:1.2rem;}
  .servicos-title-1 {line-height: 1.3; margin-bottom:10px;}
  .dashboard-header {margin-bottom:25px;}
  .app-features  {margin-bottom:0;}
  #humano1 {padding-top: 15px;}

  /* Ajuste para telas abaixo de 480px */
/* @media (max-width: 480px) { */
.etiqueta-serv-add {flex-direction: column !important; align-items: flex-start !important;}
.etiqueta-topo {width: 100%; margin:3px 0 0 10px;}
.etiqueta-serv-add > p[style*="font-size"] {width: 100%; margin: 0 !important;}
.servico-add {font-size:10px; line-height:1.35;}
/* @media (max-width: 480px) { */

.dashboard-video, .phone-embed-wrapper a {display:none !important;}
#dashboard, #treinamentos, #faq {padding-bottom: 40px;}
.dash-features {margin-bottom: 0;}
.btn-glass-blue {line-height: 1.4;}
.comp-table {width: 83%;}

/* Reduz o tamanho dos títulos da tabela Comparativa (cabeçalho) */
  .comp-table th {
    font-size: .5rem !important;
    padding: 8px 6px !important;
    letter-spacing: .03em !important;
  }

  /* Reduz o tamanho das células de texto e ícones */
  .comp-table td {
    font-size: .57rem !important;
    padding: 8px 6px !important;
  }

  /* Ajusta o tamanho dos ícones de status para acompanharem a redução */
  .check-yes {
    font-size: .75rem !important;
  }
  .check-no {
    font-size: .7rem !important;
  }
  .check-partial {
    font-size: .63rem !important;
  }
  .app-feat-icon {margin-right: 5px;}
}

@media (max-width: 376px) {
  .logo-img {height: 3rem !important;}
  .btn-glass-blue {font-size: .8rem !important;}
  .copyright {padding: 15px 5px;}

  .hero-sub, .section-sub, .ferramenta-sub, .section-title-3, .section-title-4, .section-sub-serviços-0, .section-sub-ajusted {font-size: .8rem; line-height: 1.4;}
  .stat-num {font-size: 1.6rem;}
  .timer-num {font-size: 2.5rem;}
  .timer-label {line-height: 1.4;}
  .step-preview-item {font-size:.75rem; line-height:1.35;}
  .pain-item h4, .sol-item h4 {font-size:.9rem; line-height:1.3;}
  .doc-card p {line-height: 1.4;}
  .docs-grid {gap:0;}
  .demo-card p {line-height: 1.4; font-size:.85rem;}
  .demo-bullet {font-size:.8rem;}
  .demo-bullets {margin:0;}
  .pilar-card h3 {line-height:1.2;}
  #humano1 .app-feat-icon {margin-right:5px;}
  #humano1 .app-feature.primeTitle .iconTitle {display: flex; align-items:cente; }
  #humano1 .app-feature.primeTitle .iconTitle h4 {font-size: 14.5px;}
  /*#tela-overlay {width:80%;}*/
}

/*@media (max-width: 320px) {*/
  /* 1. Ajustes de texto para a tela de 320px */
/*  #appmovel .section-title {*/
/*    font-size: 1.3rem;*/
/*  }*/
  
/*  #appmovel .section-sutitle-app {*/
/*    font-size: 1.05rem;*/
/*  }*/

  /* 2. Reduz o conjunto inteiro (Mockup + Iframe) proporcionalmente */
/*  #appmovel .phone-embed-wrapper {*/
/*    width: 100% !important;*/
/*    max-width: 280px;*/
/*    margin: 0 auto;*/
    transform: scale(0.82); /* Encolhe o mockup e o iframe juntos, perfeitamente */
/*    transform-origin: top center;*/
    /* Compensa a altura que o scale "contrai" para evitar espaço em branco gigante embaixo */
/*    margin-bottom: -15% !important; */
/*  }*/
/*}*/


@media (max-width: 320px) {
  /* 1. Ajustes de texto para a tela de 320px */
  #appmovel .section-title {
    font-size: 1.3rem;
  }
  
  #appmovel .section-sutitle-app {
    font-size: 1.05rem;
  }

  /* 2. Reduz o conjunto inteiro (Mockup + Iframe) proporcionalmente */
  #appmovel .phone-embed-wrapper {
    width: 100% !important;
    max-width: 280px;
    margin: 0 auto;
    transform: scale(0.82); /* Encolhe o mockup e o iframe juntos, perfeitamente */
    transform-origin: top center;
    /* Compensa a altura que o scale "contrai" para evitar espaço em branco gigante embaixo */
    margin-bottom: -15% !important; 
  }
  
  /*#tela-overlay {*/
  /*  top: -9px;*/
  /*  max-width: 68%;*/
  /*}*/
  #appmovel .phone-embed-frame {
    /* Ajusta a proporção interna do iframe para forçar o layout a estreitar */
    max-width: 100% !important;
  }
}