/* Intelisp · Chat ISP — identidade: navy #082338, teal #00B0AD, lima #8BE13E, azul #215D8A, Montserrat */
@import url("fonts.css");

:root{
  --navy:#082338; --navy2:#0c3352; --navy3:#061a2b; --teal:#00B0AD; --teal-esc:#008f8c; --lima:#8BE13E;
  --lima-esc:#6ba639; --azul:#215D8A; --branco:#fff; --cinza:#5b6b7a; --linha:#dfe7ee; --fundo:#f3f7fa;
  --erro:#d6455d; --ok:#2f9e5b; --raio:18px; --sombra:0 18px 50px rgba(8,35,56,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,sans-serif;color:var(--navy);background:var(--branco);line-height:1.55;
     -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.ms{font-family:'Material Symbols Outlined';font-weight:500;font-style:normal;font-size:24px;line-height:1;
    letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;
    -webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;
    font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;vertical-align:middle}
.wrap{width:min(1180px,100% - 48px);margin-inline:auto}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15.5px;
     padding:14px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.2s;font-family:inherit;
     white-space:nowrap;line-height:1.2}
.btn-lima{background:var(--lima);color:var(--navy);box-shadow:0 10px 28px rgba(139,225,62,.28)}
.btn-lima:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(139,225,62,.38)}
.btn-contorno{background:transparent;border-color:rgba(0,176,173,.75);color:var(--branco)}
.btn-contorno:hover{background:rgba(0,176,173,.14)}
.btn-navy{background:var(--navy);color:var(--branco)}
.btn-navy:hover{background:var(--navy2)}
.btn-teal{background:var(--teal);color:var(--branco)}
.btn-teal:hover{background:var(--teal-esc)}
.btn-claro{background:var(--fundo);color:var(--navy);border-color:var(--linha)}
.btn-claro:hover{border-color:var(--teal)}
.btn-perigo{background:#fff;color:var(--erro);border-color:#f2c4cc}
.btn-perigo:hover{background:#fdf0f2}
.btn-p{padding:9px 16px;font-size:13.5px}
.btn .ms{font-size:20px}

/* cabeçalho */
.topo{position:sticky;top:0;z-index:50;background:rgba(8,35,56,.92);backdrop-filter:blur(10px);
      border-bottom:1px solid rgba(255,255,255,.08)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
.topo .marca img{height:44px;width:auto}
.menu{display:flex;align-items:center;gap:28px}
.menu a.lk{color:rgba(255,255,255,.82);font-weight:600;font-size:14.5px;transition:.2s}
.menu a.lk:hover{color:var(--lima)}
.menu .acoes{display:flex;gap:12px;align-items:center}
.menu .btn{padding:11px 20px;font-size:14px}
.menu-bt{display:none;background:none;border:0;color:#fff;cursor:pointer}
.menu-bt .ms{font-size:32px}

/* hero */
.hero{position:relative;overflow:hidden;color:var(--branco);
      background:radial-gradient(900px 700px at 100% -10%,rgba(0,176,173,.28),transparent 60%),
                 radial-gradient(700px 600px at -10% 110%,rgba(33,93,138,.55),transparent 60%),
                 linear-gradient(160deg,var(--navy2) 0%,var(--navy) 55%,var(--navy3) 100%)}
.hero .malha{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding:92px 0 104px}
.chip{display:inline-block;border:1.5px solid rgba(0,176,173,.7);color:var(--teal);font-weight:700;font-size:12.5px;
      letter-spacing:.2em;padding:8px 15px;border-radius:999px;text-transform:uppercase}
.eyebrow{color:var(--lima);font-weight:700;font-size:13px;letter-spacing:.24em;text-transform:uppercase}
.hero .eyebrow{margin-top:26px}
.hero h1{margin-top:14px;font-size:clamp(36px,5vw,60px);line-height:1.07;font-weight:800;letter-spacing:-.015em}
.hero h1 em,.titulo em{font-style:normal;color:var(--teal)}
.hero .sub{margin-top:20px;font-size:clamp(17px,1.6vw,21px);font-weight:500;color:rgba(255,255,255,.85);max-width:560px}
.hero .ctas{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.hero .selos{margin-top:34px;display:flex;gap:22px;flex-wrap:wrap;color:rgba(255,255,255,.7);font-size:13.5px;font-weight:600}
.hero .selos span{display:flex;align-items:center;gap:7px}
.hero .selos .ms{color:var(--lima);font-size:20px}

/* mockup de conversa */
.conversa{background:rgba(255,255,255,.06);border:1px solid rgba(0,176,173,.35);border-radius:24px;padding:18px;
          box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(3px)}
.conversa .cab{display:flex;align-items:center;gap:12px;padding:6px 6px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.conversa .av{width:42px;height:42px;border-radius:50%;background:var(--branco);display:flex;align-items:center;justify-content:center}
.conversa .av img{width:30px}
.conversa .cab b{display:block;font-size:15px}
.conversa .cab small{color:var(--lima);font-size:12px;font-weight:600}
.conversa .msgs{display:flex;flex-direction:column;gap:10px;padding:16px 4px 4px}
.bolha{max-width:88%;padding:11px 14px;border-radius:16px;font-size:13.8px;line-height:1.45;font-weight:500}
.bolha small{display:block;text-align:right;font-size:10.5px;opacity:.6;margin-top:4px}
.bolha.eu{align-self:flex-end;background:#0f5a57;border-bottom-right-radius:4px}
.bolha.ia{align-self:flex-start;background:rgba(255,255,255,.1);border-bottom-left-radius:4px}
.bolha.ia b{color:var(--lima)}
.bolha ul{list-style:none;margin:6px 0 2px}
.bolha li{display:flex;gap:7px;align-items:flex-start;margin-top:3px}
.bolha li .ms{font-size:17px;color:var(--teal);margin-top:1px}

/* faixa de números */
.numeros{background:var(--navy3);color:var(--branco);border-top:1px solid rgba(255,255,255,.08)}
.numeros .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.num{padding:34px 10px;text-align:center}
.num + .num{border-left:1px solid rgba(255,255,255,.1)}
.num strong{display:block;font-size:clamp(30px,3.4vw,42px);font-weight:900;color:var(--lima);letter-spacing:-.02em;line-height:1}
.num small{display:block;margin-top:9px;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.08em;text-transform:uppercase}

/* seções */
.secao{padding:100px 0}
.secao.cinza{background:var(--fundo)}
.secao.escura{background:linear-gradient(160deg,var(--navy2),var(--navy) 60%,var(--navy3));color:var(--branco)}
.cabeca{max-width:760px;margin-bottom:52px}
.cabeca.centro{margin-inline:auto;text-align:center}
.titulo{margin-top:12px;font-size:clamp(28px,3.4vw,42px);line-height:1.12;font-weight:800;letter-spacing:-.01em}
.cabeca p{margin-top:16px;font-size:17.5px;color:var(--cinza);font-weight:500}
.escura .cabeca p{color:rgba(255,255,255,.8)}

.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:28px 26px;transition:.25s}
.cartao:hover{border-color:rgba(0,176,173,.55);box-shadow:var(--sombra);transform:translateY(-2px)}
.ic{width:52px;height:52px;border-radius:14px;background:rgba(0,176,173,.1);display:flex;align-items:center;justify-content:center}
.ic .ms{font-size:30px;color:var(--teal-esc)}
.cartao h3{margin-top:18px;font-size:19px;font-weight:800;line-height:1.25}
.cartao p{margin-top:8px;font-size:15px;color:var(--cinza);font-weight:500}

.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:p}
.passo{background:rgba(255,255,255,.06);border:1px solid rgba(0,176,173,.35);border-radius:var(--raio);padding:30px 28px;position:relative}
.passo .n{font-size:15px;font-weight:900;color:var(--navy);background:var(--lima);width:40px;height:40px;border-radius:12px;
          display:flex;align-items:center;justify-content:center}
.passo h3{margin-top:18px;font-size:20px;font-weight:800}
.passo p{margin-top:8px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500}

.integra{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.integra span{background:var(--branco);border:1px solid var(--linha);border-radius:999px;padding:11px 20px;font-weight:700;font-size:14.5px;
              display:flex;align-items:center;gap:8px}
.integra span .ms{color:var(--teal-esc);font-size:20px}

.sobre{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.sobre .logo-g{background:var(--branco);border-radius:26px;padding:48px 44px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.sobre ul{list-style:none;margin-top:26px;display:grid;gap:14px}
.sobre li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:16px;color:rgba(255,255,255,.9)}
.sobre li .ms{color:var(--lima)}
.sobre .txt p{margin-top:16px;font-size:17px;color:rgba(255,255,255,.82);font-weight:500}

/* contato */
.contato{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.contato .info p{margin-top:16px;color:var(--cinza);font-size:17px;font-weight:500}
.canais{margin-top:28px;display:grid;gap:12px}
.canais a,.canais div{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15.5px}
.canais .ic{width:44px;height:44px;border-radius:12px}
.form{background:var(--branco);border:1px solid var(--linha);border-radius:22px;padding:32px;box-shadow:var(--sombra)}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:flex;flex-direction:column;gap:7px}
.campo.cheio{grid-column:1/-1}
.campo label{font-size:13px;font-weight:700;color:var(--navy)}
.campo input,.campo textarea,.campo select{font-family:inherit;font-size:15px;padding:13px 15px;border:1.5px solid var(--linha);
     border-radius:12px;background:#fbfdfe;color:var(--navy);transition:.2s;width:100%}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,176,173,.12);background:#fff}
.campo textarea{min-height:120px;resize:vertical}
.campo .dica{font-size:12.5px;color:var(--cinza);font-weight:500}
.form .btn{margin-top:20px;width:100%}
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.aviso{padding:14px 18px;border-radius:12px;font-weight:600;font-size:14.5px;margin-bottom:18px;display:flex;gap:10px;align-items:flex-start}
.aviso.ok{background:#eaf7ef;color:#1e6e3f;border:1px solid #bfe5cd}
.aviso.erro{background:#fdeef1;color:#a12a40;border:1px solid #f4c3cd}
.aviso.info{background:#e8f6f6;color:#0b5f5d;border:1px solid #b9e3e2}

/* rodapé */
.rodape{background:var(--navy3);color:rgba(255,255,255,.7);padding:56px 0 30px}
.rodape .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.rodape img{height:46px;width:auto}
.rodape p{margin-top:14px;font-size:14px;max-width:340px}
.rodape h4{color:#fff;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.rodape a{display:block;font-size:14.5px;margin-top:8px;font-weight:600}
.rodape a:hover{color:var(--lima)}
.rodape .base{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:10px;display:flex;
              justify-content:space-between;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.rodape .base .p{color:var(--teal)}

/* área logada (cliente) */
.pagina{background:var(--fundo);min-height:calc(100vh - 78px);padding:48px 0 80px}
.boas{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.boas h1{font-size:30px;font-weight:800;line-height:1.15}
.boas p{color:var(--cinza);font-weight:500;margin-top:6px}
.boas .acoes{display:flex;gap:10px;flex-wrap:wrap}
.grupo{margin-top:30px}
.grupo h2{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-esc);font-weight:800;margin-bottom:14px}
.arquivo{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:20px 22px;display:grid;
         grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:12px;transition:.2s}
.arquivo:hover{border-color:rgba(0,176,173,.55);box-shadow:var(--sombra)}
.arquivo h3{font-size:17px;font-weight:800}
.arquivo h3 .ver{font-size:12px;font-weight:700;background:rgba(139,225,62,.2);color:#3d6b17;padding:3px 9px;border-radius:999px;margin-left:8px;vertical-align:middle}
.arquivo p{color:var(--cinza);font-size:14.5px;font-weight:500;margin-top:4px}
.arquivo .meta{font-size:12.5px;color:var(--cinza);margin-top:6px;font-weight:600;display:flex;gap:14px;flex-wrap:wrap}
.arquivo .meta code{font-size:11.5px;background:var(--fundo);padding:2px 6px;border-radius:6px;word-break:break-all}
.vazio{background:#fff;border:1.5px dashed var(--linha);border-radius:18px;padding:56px 24px;text-align:center;color:var(--cinza)}
.vazio .ms{font-size:46px;color:var(--teal)}
.vazio h3{color:var(--navy);margin-top:10px}

/* login */
.entrar{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:50px 20px;
        background:radial-gradient(800px 600px at 100% 0,rgba(0,176,173,.22),transparent 60%),
                   linear-gradient(160deg,var(--navy2),var(--navy) 60%,var(--navy3))}
.caixa{width:min(440px,100%);background:#fff;border-radius:24px;padding:40px 36px;box-shadow:0 40px 90px rgba(0,0,0,.35)}
.caixa .logo{height:52px;width:auto;margin:0 auto 6px}
.caixa h1{text-align:center;font-size:22px;font-weight:800;margin-top:18px}
.caixa .sub{text-align:center;color:var(--cinza);font-size:14.5px;margin:6px 0 24px;font-weight:500}
.caixa .campo{margin-bottom:14px}
.caixa .btn{width:100%;margin-top:8px}
.caixa .volta{display:block;text-align:center;margin-top:20px;font-size:14px;font-weight:600;color:var(--teal-esc)}

/* erro */
.pg-erro{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 20px}
.pg-erro strong{font-size:84px;font-weight:900;color:var(--teal);line-height:1}
.pg-erro p{margin:12px 0 24px;font-size:18px;color:var(--cinza);font-weight:600}

/* responsivo */
@media (max-width:1020px){
  .hero .wrap{grid-template-columns:1fr;padding:70px 0 80px}
  .grade{grid-template-columns:1fr 1fr}
  .sobre,.contato{grid-template-columns:1fr}
  .numeros .wrap{grid-template-columns:1fr 1fr}
  .num:nth-child(3){border-left:0}
  .num:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
}
@media (max-width:860px){
  .menu-bt{display:block}
  .menu{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);flex-direction:column;align-items:stretch;
        padding:18px 24px 26px;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}
  .menu.aberto{display:flex}
  .menu .acoes{flex-direction:column;align-items:stretch}
  .passos{grid-template-columns:1fr}
  .rodape .wrap{grid-template-columns:1fr}
  .rodape .base{flex-direction:column;gap:8px}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 32px)}
  .grade,.campos{grid-template-columns:1fr}
  .secao{padding:72px 0}
  .arquivo{grid-template-columns:1fr}
  .arquivo .ic{display:none}
  .form{padding:24px 20px}
  .caixa{padding:32px 24px}
  .chip{font-size:10.5px;letter-spacing:.12em;padding:7px 12px}
  .eyebrow{letter-spacing:.16em}
}