:root{
  --bg:#F7F8FA;--white:#FFFFFF;--ink:#15181F;--text:#4A5160;--muted:#5A6170;--faint:#8A909C;
  --line:#E3E6EC;--blue:#2A4BE0;--link:#2A55E6;--grad:linear-gradient(135deg,#3A9BFF,#2A4BE0);
  --green:#25B061;--radius:12px;
  --font:'Manrope',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  --pad:clamp(20px,4vw,40px);
}
*{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--ink)}
input,select,textarea,button{font-family:inherit}
h1,h2,h3,p{margin:0}
.container{max-width:1200px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}
.label{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.h2{font-size:clamp(32px,4.2vw,52px);line-height:1.06;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.lead{font-size:18px;line-height:1.6;color:var(--text);text-wrap:pretty}
.block{display:inline-block;width:10px;height:14px;border-radius:3px;background:var(--grad);flex:none}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:var(--radius);font-weight:700;font-size:16px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--blue);color:#fff}
.btn-light{background:#fff;color:var(--ink);border-color:#D9DDE5}
.btn-light:hover{border-color:var(--ink);color:var(--ink)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--ink);color:#fff}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green)}

/* Placeholder de imagem: a <img> cobre o texto quando o arquivo existe */
.slot{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,#EEF1F6 0 10px,#E8EBF1 10px 20px);display:flex;align-items:center;justify-content:center}
.slot>span{font-family:var(--mono);font-size:12px;color:var(--faint);text-align:center;padding:8px}
.slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot.contain>img{object-fit:contain;padding:14px;background:#fff}

/* Header */
.header{position:sticky;top:0;z-index:20;background:rgba(247,248,250,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}
.logo img{height:45px;width:auto}
@media (max-width:520px){.logo img{height:36px}}
.nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:500}
.nav a{color:#3D4350}
.nav a:hover{color:var(--ink)}
.nav .nav-cta{color:#fff;background:var(--ink);padding:10px 18px;border-radius:10px;font-weight:600}
.nav .nav-cta:hover{background:var(--blue);color:#fff}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-toggle span{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:820px){
  .menu-toggle{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--pad) 20px}
  .nav a{padding:14px 0;border-bottom:1px solid #EDEFF3}
  .nav .nav-cta{margin-top:14px;text-align:center;border:none;padding:14px}
  .menu-open .nav{display:flex}
}

/* Hero */
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(40px,6vw,72px);align-items:center;padding-top:clamp(56px,9vw,112px);padding-bottom:clamp(56px,8vw,96px)}
.hero-text{display:flex;flex-direction:column;gap:28px}
.hero-tag{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.hero-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--text);max-width:520px;text-wrap:pretty}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-media{position:relative;aspect-ratio:5/5.4;width:100%}
.hero-media .slot{position:absolute;inset:0;border-radius:28px;border:1px solid var(--line)}

/* Clientes (depoimentos + logos) */
.clients{border-top:1px solid var(--line)}
.carousel{--per:5;--gap:16px;display:flex;flex-direction:column;gap:20px}
.carousel-viewport{overflow:hidden}
.carousel-track{display:flex;gap:var(--gap);transition:transform .5s ease}
.logo-card{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));height:112px;display:flex;align-items:center;justify-content:center;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.logo-card img{width:calc(var(--w) * var(--s,1));height:calc(var(--h) * var(--s,1));max-width:100%;object-fit:contain}
.logo-card:hover{border-color:#D3D8E2;box-shadow:0 12px 28px -18px rgba(21,24,31,.3)}
.carousel-controls{display:flex;justify-content:flex-end;gap:10px}
.carousel-btn{width:44px;height:44px;border-radius:50%;border:1px solid #D9DDE5;background:#fff;color:var(--ink);font-size:18px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.carousel-btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
@media (max-width:900px){.carousel{--per:3}}
@media (max-width:520px){.carousel{--per:2}.logo-card{height:96px;padding:12px 14px}.logo-card img{--s:.8}}

/* Seções */
.band-white{background:#fff;border-top:1px solid var(--line)}
.band-white+.band-white{border-top:none}
.noobot-wrap{padding-bottom:clamp(72px,10vw,128px)}
.section{padding-top:clamp(72px,10vw,128px);padding-bottom:clamp(72px,10vw,128px);display:flex;flex-direction:column;gap:48px}
.section-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px 48px;align-items:end}
.section-head>div{display:flex;flex-direction:column;gap:16px}
.section-head .lead{max-width:480px}

/* Serviços */
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.service{background:#fff;padding:36px 32px 40px;display:flex;flex-direction:column;gap:18px;min-height:250px;transition:background .15s}
.service:hover{background:#FBFCFE}
.service-top{display:flex;justify-content:space-between;align-items:flex-start}
.mark{display:flex;gap:5px;align-items:flex-end}
.mark i:first-child{width:14px;height:20px;border-radius:4px;background:var(--grad)}
.mark i:last-child{width:4px;height:28px;border-radius:2px;background:var(--ink)}
.service-num{font-family:var(--mono);font-size:13px;color:#9097A3}
.service h3{margin-top:8px;font-size:24px;letter-spacing:-.02em;font-weight:700}
.service p{font-size:16px;line-height:1.6;color:var(--text);text-wrap:pretty}

/* Noobot */
.noobot{border-radius:32px;background:#EAF1FF;border:1px solid #D6E2FB;padding:clamp(36px,6vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(36px,5vw,64px);align-items:center}
.noobot-text{display:flex;flex-direction:column;gap:24px}
.noobot-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pill{font-size:12px;font-weight:700;color:#fff;background:var(--blue);padding:4px 10px;border-radius:999px}
.noobot h2{font-size:clamp(40px,5.4vw,64px);line-height:1;letter-spacing:-.04em;font-weight:800}
.noobot-lead{font-size:clamp(18px,1.8vw,22px);line-height:1.5;color:#26324A;font-weight:500;text-wrap:pretty}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:#26324A}
.checks .block{margin-top:6px;width:9px;height:12px}
.noobot-note{display:inline-flex;align-items:center;font-size:14px;color:#4A5876}
/* Ilustração da landing do Noobot, sobre o fundo escuro original da marca */
.nb-painel{--nb-green:#00D45F;--nb-text:#101010;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,48px) clamp(20px,3vw,36px);background:#0A2318;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(10,35,24,.55)}
.nb-cta-ilustra{position:relative;width:100%;max-width:440px;aspect-ratio:1/.85}
.nb-cta-ilustra::before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle,rgba(0,212,95,.3) 0%,transparent 62%)}
.nb-cta-robo{position:absolute;top:50%;left:50%;width:44%;transform:translate(-50%,-50%);color:var(--nb-green);filter:drop-shadow(0 0 24px rgba(0,212,95,.45))}
.nb-cta-notif{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;background:#fff;color:var(--nb-text);box-shadow:0 18px 40px -10px rgba(0,0,0,.55);animation:nb-flutua 5s ease-in-out infinite}
.nb-cta-notif strong{display:block;font-size:14px;font-weight:600}
.nb-cta-notif small{display:block;font-size:13px;color:rgba(16,16,16,.65)}
.nb-cta-notif-icone{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#ECFFE0;font-size:18px}
.nb-cta-notif-1{top:2%;left:0}
.nb-cta-notif-2{top:40%;right:0;animation-delay:-1.7s}
.nb-cta-notif-3{bottom:2%;left:6%;animation-delay:-3.4s}
@keyframes nb-flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:700px){
  .nb-painel{padding:24px 10px}
  .nb-cta-ilustra{max-width:290px}
  .nb-cta-notif{gap:8px;padding:7px 10px 7px 7px}
  .nb-cta-notif strong{font-size:12px}
  .nb-cta-notif small{font-size:11px}
  .nb-cta-notif-icone{width:28px;height:28px;font-size:14px}
}

/* Depoimentos */
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.testimonial{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.testimonial blockquote{margin:0;display:flex;flex-direction:column;gap:16px}
.testimonial blockquote::before{content:"\201C";font-size:48px;line-height:.6;height:24px;font-weight:800;color:var(--link)}
.testimonial p{font-size:18px;line-height:1.6;color:#26292F;text-wrap:pretty}
.testimonial figcaption{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid #EDEFF3}
.t-logo{width:52px;height:52px;flex:none;border-radius:14px;background:#fff;border:1px solid var(--line);padding:5px;display:flex;align-items:center;justify-content:center}
.t-logo img{width:100%;height:100%;object-fit:contain}
.testimonial figcaption div{display:flex;flex-direction:column;gap:2px}
.testimonial strong{font-size:15px}
.testimonial figcaption span{font-size:14px;color:var(--muted)}

/* Contato */
.contact{background:#fff;border-top:1px solid var(--line)}
.contact .container{padding-top:clamp(72px,10vw,120px);padding-bottom:clamp(72px,10vw,120px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(40px,6vw,80px)}
.contact-info{display:flex;flex-direction:column;gap:28px}
.contact-info .lead{max-width:460px}
.contact-cards{display:flex;flex-direction:column;gap:12px;max-width:460px}
.contact-card{--c:var(--green);--c-bg:#F2FBF5;--c-line:#CBEBD6;--c-label:#1D7F46;display:flex;align-items:center;gap:16px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:16px;padding:18px clamp(16px,4vw,22px);color:var(--ink);transition:border-color .15s}
.contact-card:hover{border-color:var(--c);color:var(--ink)}
.contact-card div{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-card .label{color:var(--c-label)}
.contact-card strong{font-size:clamp(16px,4.3vw,20px);overflow-wrap:anywhere}
.cc-icon{width:44px;height:44px;flex:none;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center}
.cc-icon .ico{width:22px;height:22px}
.cc-mail{--c:var(--blue);--c-bg:#EEF3FF;--c-line:#D2DDFA;--c-label:#2A4BE0}
.cc-ig{--c:#D6297A;--c-bg:#FDF1F6;--c-line:#F5CFE0;--c-label:#B01F63}
.cc-ig .cc-icon{background:linear-gradient(45deg,#F9A13A,#E1306C 50%,#833AB4)}

.form-box{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,40px)}
.form{display:flex;flex-direction:column;gap:18px}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
.field input,.field select,.field textarea{padding:0 16px;height:50px;border-radius:12px;border:1px solid #D9DDE5;background:#fff;font-size:16px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}
.field textarea{height:auto;padding:14px 16px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(42,75,224,.15)}
.form .btn{justify-content:center;height:54px;padding:0}
.form-note{font-size:13px;color:#6A7080;line-height:1.5}
.form-error{font-size:14px;line-height:1.5;color:#B42318;background:#FEF3F2;border:1px solid #FECDCA;border-radius:10px;padding:12px 14px}
.form-error[hidden]{display:none}
.form-error a{color:inherit;font-weight:700;text-decoration:underline}
.form .btn:disabled{opacity:.7;cursor:wait}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-success{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:24px 0}
.form-success[hidden],.form[hidden]{display:none}
.success-icon{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.form-success h3{font-size:26px;letter-spacing:-.02em}
.form-success p{font-size:16px;line-height:1.6;color:var(--text)}
.link-btn{background:none;border:none;padding:0;color:var(--link);font-weight:600;font-size:15px;cursor:pointer}

/* Footer */
.footer .container{padding-top:48px;padding-bottom:36px;display:flex;flex-direction:column;gap:36px}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;flex-wrap:wrap}
.footer-top img{height:40px;width:auto}
.footer-nav{display:flex;gap:10px 28px;flex-wrap:wrap;font-size:15px;font-weight:500}
.footer-nav a{color:#3D4350}
.footer-bottom{display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}

/* WhatsApp flutuante */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;padding:12px 20px 12px 14px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 14px 30px -10px rgba(21,24,31,.35)}
.wa-float:hover{background:#1E9A53;color:#fff}
.wa-float .ico{width:22px;height:22px;flex:none}

/* Animação de entrada */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.carousel-track{transition:none}.nb-cta-notif{animation:none}}