:root{
  --azul:#16204A;
  --ciano:#22D3EE;
  --grafite:#1E293B;
  --branco:#FFFFFF;
  --muted:#64748B;
  --radius:10px;
  --shadow:0 8px 30px rgba(22,32,74,.08);
  --shadow-hover:0 18px 60px rgba(22,32,74,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;
  background:var(--branco);
  color:var(--grafite);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.slide-container{
  position:relative;
  width:1920px;
  height:1080px;
  overflow:hidden;
  margin:0 auto;
  background:linear-gradient(180deg,#fff 0%,#f9fafc 100%);
}
[data-object="true"]{position:absolute}
.logo{
  position:absolute;left:80px;top:60px;
  display:flex;align-items:center;gap:14px;z-index:10;
}
.logo-mark{
  width:54px;height:54px;
  background:var(--azul);
  border-radius:14px;
  position:relative;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.logo-mark::before{
  content:"";position:absolute;width:18px;height:18px;
  background:var(--ciano);
  border-radius:50% 0 50% 0;
  transform:rotate(-45deg);top:14px;left:18px;
}
.logo-mark::after{
  content:"";position:absolute;width:8px;height:8px;
  background:var(--branco);
  border-radius:50%;top:32px;left:30px;
}
.logo-text{display:flex;flex-direction:column;line-height:1.1}
.logo-text strong{font-size:24px;font-weight:900;color:var(--azul);letter-spacing:.02em}
.logo-text .sub{color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.cta-wpp{
  position:absolute;right:80px;top:74px;
  background:var(--azul);color:var(--branco);border:0;
  padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;
  text-decoration:none;transition:all .25s;
  display:flex;align-items:center;gap:10px;
}
.cta-wpp:hover{background:var(--grafite);transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.eyebrow{
  font-size:13px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ciano);
  display:inline-block;
}
h1.hero{
  font-size:88px;line-height:1.05;font-weight:900;color:var(--azul);
  letter-spacing:-.02em;
}
h1.hero em{font-style:normal;color:var(--grafite);font-weight:300}
.lead{
  font-size:22px;line-height:1.5;color:var(--grafite);
  max-width:1040px;
}
.trust-bar{
  display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;
}
.pill{
  background:rgba(34,211,238,.10);
  border:1.5px solid rgba(34,211,238,.4);
  color:var(--azul);font-weight:700;font-size:14px;
  padding:11px 22px;border-radius:999px;
  display:inline-flex;align-items:center;gap:8px;
}
.pill .dot{width:9px;height:9px;border-radius:50%;background:var(--ciano)}
.fab{
  position:fixed;right:36px;bottom:36px;
  width:64px;height:64px;border-radius:50%;
  background:var(--ciano);color:#fff;border:0;
  font-size:30px;cursor:pointer;
  box-shadow:0 12px 32px rgba(34,211,238,.45);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
}
