:root{
  --blue:#006AFF;
  --blue2:#2E86FF;
  --green:#14B866;
  --green2:#1AD97A;
  --bg:#F5F8FE;
  --bg2:#FFFFFF;
  --surface:#FFFFFF;
  --surface2:#EEF4FF;
  --text:#08111F;
  --muted:#64748B;
  --line:rgba(8,17,31,.10);
  --line2:rgba(0,106,255,.18);
  --shadow:0 20px 60px rgba(8,17,31,.10);
  --shadowBlue:0 24px 64px rgba(0,106,255,.18);
  --radius:28px;
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#04070D;
  --bg2:#08111C;
  --surface:#0D1626;
  --surface2:#111C2E;
  --text:#F6FAFF;
  --muted:#98A7BC;
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.14);
  --shadow:0 26px 80px rgba(0,0,0,.42);
  --shadowBlue:0 26px 80px rgba(0,106,255,.22);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Poppins,Segoe UI,Roboto,Arial,sans-serif;background:
  radial-gradient(circle at 10% 0,rgba(0,106,255,.14),transparent 26%),
  radial-gradient(circle at 90% 10%,rgba(0,106,255,.10),transparent 24%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 48%,var(--bg) 100%);
  color:var(--text);line-height:1.55;font-weight:400;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,iframe{font-family:inherit}
.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.wide{width:min(1440px,calc(100% - 40px));margin-inline:auto}
.skip{position:absolute;left:-999px;top:auto}
.skip:focus{left:16px;top:16px;z-index:999;background:var(--surface);border:1px solid var(--line);padding:10px 14px;border-radius:12px}

.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
[data-theme="dark"] .header{background:rgba(4,7,13,.82)}
.headerGrid{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:190px}
.brand img{height:42px;width:auto;object-fit:contain}
.brandDark{display:none}
[data-theme="dark"] .brandLight{display:none}
[data-theme="dark"] .brandDark{display:block}
.nav{display:flex;align-items:center;gap:5px}
.nav a{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap;transition:.18s background,.18s color}
.nav a:hover,.nav a.active{background:rgba(0,106,255,.10);color:var(--blue)}
[data-theme="dark"] .nav a:hover,[data-theme="dark"] .nav a.active{background:rgba(255,255,255,.08);color:#fff}
.actions{display:flex;align-items:center;gap:10px}
.themeBtn,.menuBtn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:15px;height:46px;padding:0 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.themeBtn img,.menuBtn img{width:18px;height:18px;object-fit:contain}
.themeBtn:hover,.menuBtn:hover{border-color:var(--line2)}
.menuBtn{display:none}
.mobileNav{display:none;border-top:1px solid var(--line);padding:10px 18px 18px;background:var(--surface)}
.mobileNav.open{display:none}
.mobileNav a{display:block;padding:13px 14px;color:var(--muted);font-weight:650;border-radius:14px}
.mobileNav a:hover,.mobileNav a.active{background:rgba(0,106,255,.10);color:var(--blue)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:16px;padding:13px 18px;font-weight:800;line-height:1;cursor:pointer;transition:.18s transform,.18s border,.18s background,.18s box-shadow;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn img{width:18px;height:18px;object-fit:contain;flex:none}
.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 18px 36px rgba(0,106,255,.20)}
.btn.primary:hover{box-shadow:0 24px 48px rgba(0,106,255,.30)}
.btn.whats{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 18px 36px rgba(20,184,102,.18)}
.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 12px 32px rgba(8,17,31,.06)}
.btn.secondary:hover{border-color:var(--line2);color:var(--blue)}
.btn.ghost{background:rgba(0,106,255,.08);color:var(--blue);border-color:rgba(0,106,255,.16)}
[data-theme="dark"] .btn.ghost{background:rgba(255,255,255,.04);border-color:var(--line);color:#fff}
.btn.small{padding:10px 13px;border-radius:13px;font-size:13px}
.heroButtons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}

.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,106,255,.22);background:rgba(0,106,255,.09);color:var(--blue);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px}
.eyebrow .iconImg{width:16px;height:16px}
.eyebrow.dark{border-color:var(--line);background:rgba(255,255,255,.06);color:var(--text)}
[data-theme="dark"] .eyebrow.dark{color:#fff}
.dot{width:8px;height:8px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 6px rgba(0,106,255,.14)}
.iconImg{width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:middle;flex:none}
.inlineIcon{display:inline-flex;align-items:center;gap:8px}

.hero{position:relative;overflow:hidden}
.heroGrid{display:grid;grid-template-columns:.96fr 1.04fr;gap:50px;align-items:center;min-height:calc(100vh - 80px);padding:74px 0}
.hero h1,.pageHero h1{font-size:clamp(42px,6.2vw,86px);line-height:.95;margin:18px 0 20px;letter-spacing:-.065em;font-weight:800}
.hero h1 span,.sectionH span,.pageHero h1 span{color:var(--blue)}
.hero p,.pageHero p{font-size:clamp(17px,1.5vw,21px);color:var(--muted);line-height:1.75;max-width:650px;margin:0}
.platformRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.platformPill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:10px 14px;color:var(--text);font-weight:700;box-shadow:0 10px 24px rgba(8,17,31,.05)}
[data-theme="dark"] .platformPill{background:rgba(255,255,255,.05);box-shadow:none}
.platformPill img{width:18px;height:18px}
.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:680px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 12px 32px rgba(8,17,31,.05)}
[data-theme="dark"] .stat{background:rgba(255,255,255,.045);box-shadow:none}
.stat strong{display:block;color:var(--text);font-size:24px;letter-spacing:-.04em}
.stat span{display:block;color:var(--muted);font-size:12px;font-weight:650;margin-top:2px}

.heroVisual{position:relative}
.assetStage{position:relative;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(0,106,255,.11),rgba(255,255,255,.78));border-radius:38px;padding:22px;box-shadow:var(--shadowBlue);overflow:hidden}
.assetStage:before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:999px;background:rgba(0,106,255,.16)}
[data-theme="dark"] .assetStage{background:linear-gradient(145deg,rgba(0,106,255,.20),rgba(255,255,255,.05))}
.heroDevice{position:relative;z-index:1;width:100%;filter:drop-shadow(0 34px 60px rgba(0,0,0,.22))}
.floatingCard{position:absolute;z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow);max-width:240px}
.floatingCard b{display:block;font-size:14px}
.floatingCard span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.floatingCard.one{right:22px;top:22px}
.floatingCard.two{left:22px;bottom:22px}
.metric{display:flex;gap:10px;align-items:center}
.metric i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(0,106,255,.12);font-style:normal;color:var(--blue);font-weight:800}
.metric i img{width:20px;height:20px}

section{padding:86px 0}
.sectionTitle{max-width:820px;margin:0 auto 38px;text-align:center}
.sectionTitle.left{text-align:left;margin-left:0}
.sectionTitle p,.lead{color:var(--muted);font-size:18px;line-height:1.75;margin:0}
.sectionH{font-size:clamp(34px,4.4vw,62px);line-height:1.02;letter-spacing:-.06em;font-weight:800;margin:14px 0 18px}
.sectionH.small{font-size:clamp(30px,3.5vw,48px)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.split.reverse{grid-template-columns:1.05fr .95fr}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 14px 42px rgba(8,17,31,.06)}
[data-theme="dark"] .card{background:rgba(255,255,255,.04);box-shadow:none}
.featureCard{min-height:240px;display:flex;flex-direction:column}
.featureCard .icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(0,106,255,.10);margin-bottom:16px}
.featureCard .icon img{width:26px;height:26px}
.featureCard h3{font-size:20px;margin:0 0 9px;letter-spacing:-.03em}
.featureCard p{color:var(--muted);margin:0 0 18px}
.miniLink{margin-top:auto;color:var(--blue);font-weight:800;font-size:14px}
.miniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.miniCard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px}
.miniCard b{display:block;color:var(--blue);font-size:17px}
.miniCard span{display:block;color:var(--muted);font-weight:550;margin-top:4px}
.softSection{background:linear-gradient(180deg,rgba(0,106,255,.07),rgba(0,106,255,.02));border-block:1px solid var(--line)}
[data-theme="dark"] .softSection{background:linear-gradient(180deg,rgba(0,106,255,.10),rgba(255,255,255,.02))}
.mediaCard{position:relative;border-radius:34px;background:var(--surface);border:1px solid var(--line);padding:18px;box-shadow:var(--shadow);overflow:hidden}
.mediaCard img,.mediaCard .gif{width:100%;border-radius:24px;object-fit:contain}
.mediaCard.dark{background:#020408}
.mediaCard.clean{background:linear-gradient(145deg,rgba(0,106,255,.09),var(--surface))}
.mediaCaption{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;color:var(--muted);font-weight:650;font-size:13px}
.mediaCaption b{color:var(--text)}
.checkList{display:grid;gap:13px;margin:24px 0}
.checkList div{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-weight:650}
.checkList i{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(0,106,255,.12);color:var(--blue);font-style:normal;flex:none;font-weight:900}
.blueBlock{background:linear-gradient(135deg,var(--blue),#0043A3);color:#fff;position:relative;overflow:hidden}
.blueBlock:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.22),transparent 28%)}
.blueBlock .lead,.blueBlock p{color:rgba(255,255,255,.84)}
.blueBlock .eyebrow{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.22);color:#fff}
.blueBlock .mediaCard{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.blueBlock .sectionH span{color:#fff}
.blueBlock .miniCard{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.20)}
.blueBlock .miniCard b{color:#fff}
.blueBlock .miniCard span{color:rgba(255,255,255,.78)}
.phoneImage{max-height:560px;margin:auto;object-fit:contain;filter:drop-shadow(0 24px 44px rgba(0,0,0,.30))}
.dashboardImage{filter:drop-shadow(0 36px 70px rgba(0,0,0,.22))}

.videoEmbedBox{display:block;position:relative;border-radius:32px;padding:16px;background:linear-gradient(135deg,rgba(0,106,255,.18),rgba(0,106,255,.04));border:1px solid var(--line2);box-shadow:var(--shadowBlue)}
.embedWrap{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#020408}
.embedWrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.embedFallback{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px}
.embedFallback b{font-size:17px}
.embedFallback span{color:var(--muted);font-size:13px}
.embedFallback .btn{padding:11px 14px}
.videoMeta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px}
.videoMeta b{font-size:17px}
.videoMeta span{color:var(--muted);font-size:13px}

.ctaSection{padding:72px 0}
.cta{background:linear-gradient(135deg,var(--blue),#0047B7);border-radius:36px;padding:44px;color:white;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;box-shadow:var(--shadowBlue);position:relative;overflow:hidden}
.cta:after{content:"";position:absolute;right:-100px;bottom:-130px;width:330px;height:330px;border-radius:999px;background:rgba(255,255,255,.16)}
.cta>*{position:relative;z-index:1}
.cta h2{font-size:clamp(30px,4.2vw,54px);line-height:1.03;letter-spacing:-.06em;margin:0 0 10px;font-weight:800}
.cta p{margin:0;color:rgba(255,255,255,.84);font-size:17px;max-width:760px}
.cta .btn.secondary{background:#fff;color:#003B91}

.footer{border-top:1px solid var(--line);background:var(--surface);padding:38px 0}
.footerGrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:32px}
.footerLogo{height:42px;width:auto;max-width:170px;object-fit:contain}
.footer p{color:var(--muted);max-width:480px}
.footer h4{margin:0 0 12px;font-size:15px}
.footer a{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:650;margin:8px 0}
.footer a:hover{color:var(--blue)}
.footer a img{width:18px;height:18px;object-fit:contain}
.whatsFloat{position:fixed;right:20px;bottom:20px;z-index:70;background:linear-gradient(135deg,var(--green),var(--green2));color:white;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 18px 42px rgba(20,184,102,.28);display:flex;gap:10px;align-items:center}
.whatsFloat img{width:18px;height:18px}

.pageHero{padding:72px 0 50px}
.pageHeroGrid{display:grid;grid-template-columns:1fr .82fr;gap:52px;align-items:center}
.toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.searchBox{width:min(410px,100%);position:relative;display:block}
.searchBox input{width:100%;height:52px;border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:0 18px 0 44px;color:var(--text);font-weight:650;outline:none}
.searchBox span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}
.segmentCard{min-height:250px;position:relative;overflow:hidden}
.segmentCard:before{content:"";position:absolute;right:-55px;top:-55px;width:145px;height:145px;border-radius:50%;background:rgba(0,106,255,.10)}
.segmentCard h3{font-size:22px;margin:0 0 10px}
.segmentCard p{color:var(--muted);margin:0 0 16px}
.tagRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:12px;font-weight:700}
.tag img{width:15px;height:15px}
.pricingGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.priceCard{position:relative;display:flex;flex-direction:column;min-height:560px}
.priceCard.featured{border-color:rgba(0,106,255,.40);box-shadow:var(--shadowBlue);transform:translateY(-10px)}
.priceTag{display:inline-flex;width:max-content;max-width:100%;background:rgba(0,106,255,.09);color:var(--blue);border:1px solid rgba(0,106,255,.15);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850}
.popular{position:absolute;right:16px;top:16px;background:var(--blue);color:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}
.priceCard h3{font-size:28px;margin:18px 0 8px;letter-spacing:-.04em}
.price{margin:0 0 14px}
.price strong{font-size:34px;letter-spacing:-.05em}
.price span{color:var(--muted);font-weight:650}
.priceCard ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:9px}
.priceCard li{color:var(--muted);font-size:13px;font-weight:600;display:flex;gap:8px}
.priceCard li:before{content:"✓";color:var(--blue);font-weight:900}
.priceCard .btn{margin-top:auto}
.notice{margin-top:18px;border:1px dashed var(--line2);background:rgba(0,106,255,.07);border-radius:20px;padding:16px;color:var(--muted);font-weight:650}
.brandStrip{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:26px}
.brandStrip img{height:34px;width:auto;object-fit:contain}
.brandRule{font-size:13px;color:var(--muted);font-weight:650}
.monoMark{position:absolute;right:-30px;bottom:-40px;width:280px;opacity:.06;pointer-events:none}
.contactList{display:grid;gap:12px;margin-top:24px}
.contactList a{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-weight:700}
.contactList a img{width:20px;height:20px}
.helpList{display:grid;gap:16px;margin-top:24px}
.helpItem{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px}
.helpItem .step{width:34px;height:34px;border-radius:999px;background:rgba(0,106,255,.12);color:var(--blue);display:grid;place-items:center;font-weight:900;flex:none}
.helpItem h3{margin:0 0 4px;font-size:18px}
.helpItem p{margin:0;color:var(--muted)}
.faqGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.faqCard h3{margin:0 0 8px;font-size:20px}
.faqCard p{margin:0;color:var(--muted)}
.dualMedia{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}

@media(max-width:1180px){
  .nav,.actions .btn{display:none}
  .menuBtn{display:inline-flex}
  .mobileNav.open{display:block}
  .headerGrid{min-height:72px}
  .brand img{height:38px}
  .heroGrid,.pageHeroGrid,.split,.split.reverse,.cta{grid-template-columns:1fr}
  .heroGrid{min-height:auto;padding:54px 0}
  .assetStage{max-width:760px}
  .pricingGrid{grid-template-columns:repeat(2,1fr)}
  .grid4{grid-template-columns:repeat(2,1fr)}
  .grid3{grid-template-columns:repeat(2,1fr)}
  .footerGrid{grid-template-columns:1fr 1fr}
  .toolbar{align-items:flex-start;flex-direction:column}
}

@media(max-width:820px){
  .heroStats,.dualMedia,.faqGrid{grid-template-columns:1fr}
}

@media(max-width:680px){
  .wrap,.wide{width:min(100% - 22px,1180px)}
  section{padding:56px 0}
  .hero h1,.pageHero h1{font-size:clamp(40px,14vw,60px)}
  .sectionH{font-size:clamp(30px,11vw,44px)}
  .heroButtons{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .platformRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .platformPill{justify-content:flex-start;padding:10px 12px;font-size:13px}
  .heroStats,.grid4,.grid3,.miniGrid,.pricingGrid,.footerGrid{grid-template-columns:1fr}
  .assetStage{padding:14px;border-radius:28px}
  .floatingCard{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:12px;max-width:none}
  .mediaCard{border-radius:26px;padding:12px}
  .mediaCard img,.mediaCard .gif,.embedWrap{border-radius:18px}
  .priceCard.featured{transform:none}
  .cta{padding:28px}
  .whatsFloat{left:12px;right:12px;justify-content:center;bottom:12px}
  .brand{min-width:auto}
  .brand img{max-width:150px}
  .heroDevice{min-height:220px;object-fit:contain}
  .phoneImage{max-height:420px}
  .footer{padding-bottom:90px}
  .themeBtn{padding:0 12px}
  .mobileNav{padding:8px 12px 14px}
}


/* PATCH - cards com emojis */
.featureCard .icon,
.segmentCard .segmentIcon,
.priceCard .planIcon,
.helpItem .stepEmoji{
  font-size:28px;
  line-height:1;
  color:inherit;
}
.segmentCard{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.segmentCard .segmentIcon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,106,255,.12);
  position:relative;
  z-index:1;
}
.priceCard .planIcon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,106,255,.12);
  margin-bottom:14px;
}
.helpItem .stepEmoji{
  width:42px;
  height:42px;
  border-radius:16px;
  background:rgba(0,106,255,.12);
  display:grid;
  place-items:center;
  flex:none;
}
.videoEmbedBox iframe{
  background:#111;
}
@media(max-width:680px){
  .featureCard{min-height:auto}
  .segmentCard{min-height:auto}
}


/* PATCH vídeo em destaque - OiBot */
.videoFeatured{padding-block:104px}
.videoFeatured .split{grid-template-columns:.68fr 1.32fr;gap:64px;align-items:center}
.videoFeatured .videoEmbedBox{padding:22px;border-radius:40px;box-shadow:0 32px 100px rgba(0,106,255,.28)}
.videoFeatured .embedWrap{border-radius:30px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.videoFeatured .embedFallback{padding:4px 4px 0}
.videoFeatured .embedFallback b{font-size:22px;letter-spacing:-.03em}
.videoFeatured iframe{display:block;width:100%;height:100%}
@media(max-width:1180px){.videoFeatured .split{grid-template-columns:1fr;gap:34px}.videoFeatured{padding-block:72px}}
@media(max-width:680px){.videoFeatured{padding-block:56px}.videoFeatured .videoEmbedBox{padding:12px;border-radius:26px}.videoFeatured .embedWrap{border-radius:18px}.videoFeatured .embedFallback{display:block}.videoFeatured .embedFallback .btn{margin-top:12px}}


/* PATCH FINAL - remove espaço superior da Home sem papel timbrado */
.hero > .heroGrid,
.hero .heroGrid{
  min-height: auto;
  padding-top: 32px;
  padding-bottom: 72px;
  align-items: center;
}

@media(max-width:1180px){
  .hero .heroGrid{
    padding-top: 24px;
    padding-bottom: 56px;
  }
}

@media(max-width:680px){
  .hero .heroGrid{
    padding-top: 18px;
    padding-bottom: 42px;
  }
}


/* PATCH FINAL - Home com vídeo no início e imagem contextualizada */
.heroVideoStart{
  padding: 0;
  overflow: hidden;
}
.heroVideoStart .videoFirstGrid{
  min-height: auto;
  padding: 38px 0 78px;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
}
.heroVideoStart .heroCopy{
  max-width: 690px;
}
.heroVideoStart .heroCopy h1{
  margin-top: 18px;
}
.heroVideoBox{
  padding: 20px;
  border-radius: 36px;
  background:
    linear-gradient(135deg, rgba(0,106,255,.24), rgba(0,106,255,.06)),
    rgba(255,255,255,.02);
  box-shadow: 0 34px 100px rgba(0,106,255,.26);
}
.heroVideoBox .embedWrap{
  border-radius: 28px;
  box-shadow: 0 22px 70px rgba(0,0,0,.34);
}
.heroVideoBox .embedFallback{
  padding-top: 8px;
}
.heroVideoBox .embedFallback b{
  font-size: 21px;
  letter-spacing: -.03em;
}
.showcaseDevices{
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.deviceShowcaseCard{
  padding: 24px;
}
.deviceShowcaseCard img{
  filter: drop-shadow(0 28px 60px rgba(0,0,0,.26));
}

@media(max-width:1180px){
  .heroVideoStart .videoFirstGrid{
    grid-template-columns: 1fr;
    padding: 30px 0 62px;
    gap: 34px;
  }
  .heroVideoBox{
    max-width: 920px;
  }
}

@media(max-width:680px){
  .heroVideoStart .videoFirstGrid{
    padding: 22px 0 48px;
  }
  .heroVideoBox{
    padding: 12px;
    border-radius: 26px;
  }
  .heroVideoBox .embedWrap{
    border-radius: 18px;
  }
  .heroVideoBox .embedFallback{
    display: block;
  }
  .heroVideoBox .embedFallback .btn{
    margin-top: 12px;
  }
  .deviceShowcaseCard{
    padding: 12px;
  }
}


/* PATCH - integrações oficiais, ChatGPT e chamadas */
.trustSection{
  padding: 86px 0;
}
.trustGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.trustCard{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:28px;
  padding:26px;
  box-shadow:0 18px 48px rgba(8,17,31,.07);
}
[data-theme="dark"] .trustCard{
  background:rgba(255,255,255,.045);
  box-shadow:none;
}
.trustLogo{
  height:92px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:18px;
}
.trustLogo img{
  max-height:86px;
  max-width:210px;
  object-fit:contain;
  border-radius:18px;
}
.trustLogo.metaLogo img{
  background:#fff;
  padding:14px;
}
.trustCard h3{
  margin:0 0 10px;
  font-size:23px;
  letter-spacing:-.04em;
}
.trustCard p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.trustCard strong{
  color:var(--text);
}
.callPanel{
  min-height:420px;
  border:1px solid var(--line2);
  border-radius:36px;
  background:
    radial-gradient(circle at 78% 20%, rgba(0,106,255,.28), transparent 34%),
    linear-gradient(145deg, rgba(0,106,255,.16), rgba(255,255,255,.04));
  padding:30px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadowBlue);
}
.callPanel:before{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-110px;
  width:280px;
  height:280px;
  border-radius:999px;
  background:rgba(20,184,102,.18);
}
.callBubble{
  position:relative;
  z-index:1;
  display:flex;
  gap:14px;
  align-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  padding:18px;
  margin-bottom:16px;
}
.callBubble span{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,106,255,.18);
  font-size:28px;
  flex:none;
}
.callBubble b{
  display:block;
  font-size:19px;
  letter-spacing:-.03em;
}
.callBubble small{
  display:block;
  color:var(--muted);
  margin-top:3px;
  font-weight:650;
}
[data-theme="dark"] .callBubble small{
  color:#AEC0D7;
}
.callBubble.video{margin-top:26px}
.callBubble.phone{margin-left:46px}
.callBubble.support{margin-left:92px}

@media(max-width:1180px){
  .trustGrid{grid-template-columns:1fr}
  .trustLogo{height:auto}
  .callPanel{min-height:auto}
  .callBubble,.callBubble.phone,.callBubble.support{margin-left:0}
}
@media(max-width:680px){
  .trustSection{padding:56px 0}
  .trustCard{padding:20px}
  .callPanel{padding:18px;border-radius:26px}
  .callBubble{padding:14px;border-radius:20px}
  .callBubble span{width:46px;height:46px;font-size:24px}
}


/* PATCH - recursos de CRM/WhatsApp na Home */
.humanFlowSection{
  padding:86px 0;
  position:relative;
}
.humanFlowSection:before{
  content:"";
  position:absolute;
  inset:auto -12% 8% auto;
  width:360px;
  height:360px;
  border-radius:999px;
  background:rgba(0,106,255,.10);
  pointer-events:none;
}
.humanFlowGrid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}
.humanFlowCard{
  grid-column:span 2;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:28px;
  padding:24px;
  min-height:245px;
  box-shadow:0 18px 48px rgba(8,17,31,.07);
}
[data-theme="dark"] .humanFlowCard{
  background:rgba(255,255,255,.045);
  box-shadow:none;
}
.humanFlowCard.featured{
  grid-column:span 4;
  background:
    linear-gradient(135deg, rgba(0,106,255,.16), rgba(255,255,255,.035)),
    var(--surface);
  border-color:rgba(0,106,255,.28);
}
.flowIcon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,106,255,.12);
  font-size:28px;
  margin-bottom:18px;
}
.humanFlowCard h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.04em;
}
.humanFlowCard p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.humanFlowCta{
  margin-top:20px;
  border:1px solid var(--line);
  border-radius:26px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:rgba(0,106,255,.07);
}
.humanFlowCta b{
  display:block;
  font-size:20px;
  letter-spacing:-.03em;
}
.humanFlowCta span{
  display:block;
  color:var(--muted);
  margin-top:3px;
}
@media(max-width:1180px){
  .humanFlowGrid{grid-template-columns:repeat(2,1fr)}
  .humanFlowCard,.humanFlowCard.featured{grid-column:auto}
  .humanFlowCta{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
  .humanFlowSection{padding:56px 0}
  .humanFlowGrid{grid-template-columns:1fr}
  .humanFlowCard{min-height:auto;padding:20px}
  .humanFlowCta .btn{width:100%}
}


/* PATCH - seção agente de IA / ChatGPT */
.agentButtons{margin-top:18px}
.agentAiSection{padding:88px 0; position:relative}
.agentAiSection::before{content:""; position:absolute; inset:0 auto auto 50%; transform:translateX(-50%); width:min(1100px,92%); height:1px; background:linear-gradient(90deg, transparent, rgba(0,106,255,.35), transparent)}
.agentTitle{margin-bottom:28px}
.agentAiHero{display:grid; grid-template-columns:1.05fr .95fr; gap:24px; align-items:stretch}
.agentAiIntro.card{padding:30px; border-radius:30px; background:var(--surface); border:1px solid var(--line); box-shadow:0 18px 46px rgba(8,17,31,.08)}
[data-theme="dark"] .agentAiIntro.card{background:rgba(255,255,255,.04); box-shadow:none}
.agentLogosRow{display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:18px}
.agentLogosRow img{height:38px; width:auto; object-fit:contain; background:rgba(255,255,255,.92); border-radius:16px; padding:8px 12px; border:1px solid rgba(0,0,0,.06)}
[data-theme="dark"] .agentLogosRow img{background:rgba(255,255,255,.96)}
.agentAiIntro h3{margin:0 0 12px; font-size:34px; line-height:1.05; letter-spacing:-.05em}
.agentAiIntro p{margin:0; color:var(--muted); line-height:1.8}
.agentBullets{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0 24px}
.agentBullets div{padding:13px 14px; border-radius:18px; border:1px solid var(--line); background:rgba(0,106,255,.06); font-weight:600}
.agentAiPanel{display:flex; flex-direction:column; gap:16px}
.agentMainShot{border-radius:28px; overflow:hidden; border:1px solid var(--line); background:#08111f; box-shadow:0 18px 46px rgba(8,17,31,.12)}
.agentMainShot img{display:block; width:100%; height:auto}
.agentMiniCards{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.agentMini{padding:18px 20px; border-radius:24px; border:1px solid var(--line); background:rgba(0,106,255,.08)}
.agentMini b{display:block; margin-bottom:6px; font-size:18px}
.agentMini span{display:block; color:var(--muted); line-height:1.65}
.agentStepsTitle{margin:42px 0 18px}
.agentStepsTitle h3{margin:8px 0 0; font-size:34px; line-height:1.05; letter-spacing:-.05em}
.agentStepsGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.agentStepCard{overflow:hidden; border-radius:26px; border:1px solid var(--line); background:var(--surface); box-shadow:0 16px 38px rgba(8,17,31,.06)}
[data-theme="dark"] .agentStepCard{background:rgba(255,255,255,.04); box-shadow:none}
.agentStepCard img{display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:#06111f}
.agentStepText{padding:18px 20px 22px}
.agentStepText span{display:inline-flex; padding:6px 11px; border-radius:999px; background:rgba(0,106,255,.12); color:var(--blue); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px}
.agentStepText h4{margin:0 0 8px; font-size:23px; line-height:1.1; letter-spacing:-.04em}
.agentStepText p{margin:0; color:var(--muted); line-height:1.72}
.agentStepCard.result{display:flex; min-height:100%}
.agentResultBox{padding:28px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px}
.agentResultBox img{width:84px; height:84px; object-fit:contain; aspect-ratio:auto; background:rgba(255,255,255,.94); padding:10px; border-radius:22px; border:1px solid rgba(0,0,0,.06)}
.agentResultBox h4{margin:0; font-size:29px; line-height:1.02; letter-spacing:-.05em}
.agentResultBox p{margin:0; color:var(--muted); line-height:1.75}
.knowledgeSection{margin-top:44px}
.knowledgeIntro h3{margin:10px 0 10px; font-size:34px; line-height:1.05; letter-spacing:-.05em}
.knowledgeIntro p{margin:0; max-width:820px; color:var(--muted); line-height:1.8}
.knowledgeGrid{margin-top:22px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.knowledgeCard{padding:24px; border-radius:26px; border:1px solid var(--line); background:var(--surface); box-shadow:0 16px 38px rgba(8,17,31,.06)}
[data-theme="dark"] .knowledgeCard{background:rgba(255,255,255,.04); box-shadow:none}
.knowledgeCard.accent{background:linear-gradient(135deg, rgba(0,106,255,.16), rgba(255,255,255,.03)), var(--surface); border-color:rgba(0,106,255,.28)}
.knowledgeCard img{width:64px; height:64px; object-fit:contain; margin-bottom:16px}
.knowledgeCard h4{margin:0 0 8px; font-size:22px; line-height:1.12; letter-spacing:-.04em}
.knowledgeCard p{margin:0; color:var(--muted); line-height:1.72}
@media (max-width:1180px){
  .agentAiHero{grid-template-columns:1fr}
  .agentStepsGrid{grid-template-columns:repeat(2,1fr)}
  .knowledgeGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .agentAiSection{padding:58px 0}
  .agentAiIntro.card{padding:22px}
  .agentAiIntro h3,.agentStepsTitle h3,.knowledgeIntro h3{font-size:30px}
  .agentBullets,.agentMiniCards,.agentStepsGrid,.knowledgeGrid{grid-template-columns:1fr}
  .agentLogosRow img{height:34px}
}


/* PATCH - esconde o botão Teste grátis do topo somente no mobile */
@media (max-width: 768px){
  .header .actions > a.btn.whats{
    display: none !important;
  }
}


/* PATCH FINAL - no mobile fica só o CTA lateral/flutuante */
@media (max-width: 768px){
  a.btn.whats:not(.whatsFloat),
  .header .actions > a.btn.whats,
  .heroButtons a.btn.whats,
  .mobileNav a[href*="api.whatsapp.com"],
  .ctaSection a[href*="api.whatsapp.com"],
  section a[href*="api.whatsapp.com"].btn.whats{
    display: none !important;
  }

  .whatsFloat{
    display: flex !important;
  }
}


/* PATCH - tela oculta do teste grátis */
.trialHero{
  padding:64px 0 74px;
  position:relative;
  overflow:hidden;
}
.trialHero:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  border-radius:999px;
  right:-160px;
  top:40px;
  background:rgba(0,106,255,.14);
  pointer-events:none;
}
.trialHeroGrid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:42px;
  align-items:center;
}
.trialHero h1{
  font-size:clamp(42px,6vw,82px);
  line-height:.96;
  letter-spacing:-.065em;
  margin:18px 0 18px;
  font-weight:900;
}
.trialHero p{
  color:var(--muted);
  font-size:20px;
  line-height:1.75;
  max-width:760px;
}
.trialSteps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:26px 0;
  max-width:820px;
}
.trialSteps div{
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  border-radius:22px;
  padding:16px;
}
.trialSteps strong{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--blue);
  color:#fff;
  margin-bottom:10px;
}
.trialSteps span{
  color:var(--muted);
  font-weight:700;
}
.trialCard{
  border:1px solid var(--line2);
  background:
    radial-gradient(circle at 80% 0, rgba(0,106,255,.26), transparent 34%),
    rgba(255,255,255,.045);
  border-radius:34px;
  padding:30px;
  box-shadow:var(--shadowBlue);
}
.trialCard img{
  height:46px;
  width:auto;
  margin-bottom:24px;
}
.trialCard h2{
  font-size:34px;
  line-height:1.05;
  letter-spacing:-.05em;
  margin:0 0 12px;
}
.trialCard p{
  font-size:16px;
  margin-bottom:24px;
}
.trialBlink{
  min-height:62px;
  padding:18px 30px;
  border-radius:20px;
  background:linear-gradient(135deg,#11c86f,#18f08a);
  color:#fff;
  font-size:22px;
  font-weight:900;
  box-shadow:0 0 0 0 rgba(20,184,102,.58), 0 24px 54px rgba(20,184,102,.25);
  animation:oibotPulse 1.25s infinite;
}
.trialBlink:hover{
  transform:translateY(-2px) scale(1.02);
}
.trialBlinkCard{
  width:100%;
}
@keyframes oibotPulse{
  0%{box-shadow:0 0 0 0 rgba(20,184,102,.62), 0 24px 54px rgba(20,184,102,.25)}
  70%{box-shadow:0 0 0 18px rgba(20,184,102,0), 0 24px 54px rgba(20,184,102,.25)}
  100%{box-shadow:0 0 0 0 rgba(20,184,102,0), 0 24px 54px rgba(20,184,102,.25)}
}
.trialVideos{
  padding:86px 0;
}
.trialVideoGrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}
.trialVideoItem{
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:32px;
  padding:18px;
  box-shadow:0 18px 48px rgba(8,17,31,.07);
}
[data-theme="dark"] .trialVideoItem{
  background:rgba(255,255,255,.04);
  box-shadow:none;
}
.trialVideoText{
  padding:18px 4px 4px;
}
.trialVideoText span{
  color:var(--blue);
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.trialVideoText h3{
  margin:8px 0 8px;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.05em;
}
.trialVideoText p{
  color:var(--muted);
  margin:0;
}
.trialFinalCta{
  margin-top:28px;
  border:1px solid var(--line2);
  border-radius:34px;
  background:linear-gradient(135deg,rgba(0,106,255,.18),rgba(255,255,255,.035));
  text-align:center;
  padding:34px;
}
.trialFinalCta h2{
  margin:0 0 8px;
  font-size:clamp(30px,4vw,52px);
  line-height:1.02;
  letter-spacing:-.06em;
}
.trialFinalCta p{
  color:var(--muted);
  margin:0 0 24px;
}
@media(max-width:1180px){
  .trialHeroGrid,.trialVideoGrid{
    grid-template-columns:1fr;
  }
  .trialSteps{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .trialHero{
    padding:38px 0 52px;
  }
  .trialHero h1{
    font-size:clamp(42px,13vw,58px);
  }
  .trialHero p{
    font-size:17px;
  }
  .trialCard{
    padding:22px;
    border-radius:26px;
  }
  .trialVideos{
    padding:56px 0;
  }
  .trialVideoItem{
    padding:12px;
    border-radius:24px;
  }
  .trialBlink{
    width:100%;
    font-size:19px;
  }
}


/* PATCH FINAL - tela teste grátis com vídeos em evidência e botão único no final */
.trialHeaderClean .actions > a.btn{
  display:none !important;
}
.trialWatchHero{
  padding:58px 0 28px;
  position:relative;
  overflow:hidden;
}
.trialWatchHero:before{
  content:"";
  position:absolute;
  right:-140px;
  top:-180px;
  width:460px;
  height:460px;
  border-radius:999px;
  background:rgba(0,106,255,.14);
  pointer-events:none;
}
.trialWatchIntro{
  position:relative;
  z-index:1;
  max-width:980px;
  margin:0 auto;
  text-align:center;
}
.trialWatchIntro h1{
  font-size:clamp(40px,5.8vw,78px);
  line-height:.98;
  letter-spacing:-.065em;
  margin:18px 0;
  font-weight:900;
}
.trialWatchIntro p{
  max-width:850px;
  margin:0 auto;
  color:var(--muted);
  font-size:20px;
  line-height:1.75;
}
.watchChecklist{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  max-width:900px;
  margin:34px auto 0;
}
.watchChecklist div{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  border-radius:22px;
  padding:16px;
}
.watchChecklist strong{
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--blue);
  color:#fff;
  flex:none;
}
.watchChecklist span{
  color:var(--text);
  font-weight:800;
}
.trialVideosFocus{
  padding:36px 0 72px;
}
.trialVideoSpotlight{
  display:grid;
  grid-template-columns:.38fr .62fr;
  gap:24px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:38px;
  padding:24px;
  background:
    radial-gradient(circle at 82% 16%, rgba(0,106,255,.18), transparent 28%),
    rgba(255,255,255,.04);
  box-shadow:0 24px 70px rgba(8,17,31,.14);
  margin-bottom:28px;
}
.trialVideoSpotlight.reverse{
  grid-template-columns:.62fr .38fr;
}
.trialVideoSpotlight.reverse .trialVideoCopy{
  order:2;
}
.trialVideoCopy{
  padding:18px;
}
.trialVideoCopy h2{
  margin:16px 0 12px;
  font-size:clamp(30px,3.7vw,52px);
  line-height:1.02;
  letter-spacing:-.06em;
}
.trialVideoCopy p{
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
  margin:0;
}
.trialLargeVideo{
  padding:16px;
  border-radius:30px;
  box-shadow:0 26px 80px rgba(0,106,255,.20);
}
.trialLargeVideo .embedWrap{
  border-radius:22px;
}
.trialOnlyFinalCta{
  padding:0 0 86px;
}
.trialFinalBox{
  border:1px solid rgba(20,184,102,.32);
  border-radius:38px;
  padding:42px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0, rgba(20,184,102,.22), transparent 36%),
    linear-gradient(135deg, rgba(0,106,255,.16), rgba(255,255,255,.035));
  box-shadow:0 30px 90px rgba(20,184,102,.15);
}
.trialFinalBox h2{
  margin:16px auto 10px;
  max-width:880px;
  font-size:clamp(34px,4.5vw,64px);
  line-height:1;
  letter-spacing:-.065em;
}
.trialFinalBox p{
  color:var(--muted);
  margin:0 auto 28px;
  font-size:19px;
}
.finalOnlyButton{
  width:min(520px,100%);
  margin-inline:auto;
}
@media(max-width:1180px){
  .watchChecklist{
    grid-template-columns:1fr;
  }
  .trialVideoSpotlight,
  .trialVideoSpotlight.reverse{
    grid-template-columns:1fr;
  }
  .trialVideoSpotlight.reverse .trialVideoCopy{
    order:0;
  }
}
@media(max-width:680px){
  .trialWatchHero{
    padding:38px 0 18px;
  }
  .trialWatchIntro{
    text-align:left;
  }
  .trialWatchIntro p{
    font-size:17px;
  }
  .trialVideosFocus{
    padding:26px 0 52px;
  }
  .trialVideoSpotlight{
    padding:12px;
    border-radius:26px;
  }
  .trialVideoCopy{
    padding:10px 8px 4px;
  }
  .trialLargeVideo{
    padding:10px;
    border-radius:22px;
  }
  .trialLargeVideo .embedWrap{
    border-radius:16px;
  }
  .trialFinalBox{
    padding:26px 18px;
    border-radius:28px;
  }
}