.business-preview { background: #f5f8fc; }
.business-preview #particles-js { pointer-events: none; }
.business-preview .business-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.business-preview .business-hero {
  position: relative;
  isolation: isolate;
  min-height: 660px;
  background-color: #09213a;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.business-preview .business-hero--dedicated {
  background-image: linear-gradient(90deg, rgba(5, 23, 43, .93), rgba(5, 23, 43, .55) 50%, rgba(5, 23, 43, .12)), url('../images/hero-empresarial-teste.png');
}
.business-preview .business-hero--custom {
  background-image: linear-gradient(90deg, rgba(5, 23, 43, .88), rgba(5, 23, 43, .48) 50%, rgba(5, 23, 43, .12)), url('../images/hero-customizado-teste.png');
}
.business-preview .business-hero__inner { position: relative; z-index: 6; padding: 205px 0 145px; }
.business-preview .business-hero__fade {
  position: absolute; inset: auto 0 0; height: 155px; pointer-events: none;
  background: linear-gradient(to bottom, rgba(245, 248, 252, 0), #f5f8fc);
}
.business-preview .business-eyebrow,
.business-preview .business-kicker {
  color: #54d2e8; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700;
  letter-spacing: .18em; line-height: 1.5; margin: 0 0 16px; text-transform: uppercase;
}
.business-preview .business-hero h1,
.business-preview .business-main h2,
.business-preview .business-main h3 { font-family: 'Poppins', sans-serif; text-transform: none; }
.business-preview .business-hero h1 {
  color: #fff; font-size: clamp(40px, 4.5vw, 64px); font-weight: 700; letter-spacing: -.025em;
  line-height: 1.13; max-width: 780px; margin: 0 0 23px;
}
.business-preview .business-hero__lead {
  color: #edf7ff; font-size: clamp(16px, 1.45vw, 19px); line-height: 1.6;
  max-width: 650px; margin: 0 0 32px;
}
.business-preview .business-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.business-preview .business-button {
  align-items: center; border: 1px solid transparent; border-radius: 7px; display: inline-flex;
  font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; gap: 13px;
  justify-content: center; line-height: 1.35; min-height: 54px; padding: 14px 22px;
  text-align: center; text-decoration: none; transition: background-color .2s, border-color .2s, color .2s, transform .2s;
}
.business-preview .business-button:hover { transform: translateY(-2px); text-decoration: none; }
.business-preview .business-button:focus-visible { outline: 3px solid #67d8ec; outline-offset: 3px; }
.business-preview .business-button--primary { background: #19a9cd; color: #fff; }
.business-preview .business-button--primary:hover { background: #0d8daf; color: #fff; }
.business-preview .business-button--outline { border-color: rgba(255,255,255,.75); color: #fff; }
.business-preview .business-button--outline:hover { background: rgba(255,255,255,.13); color: #fff; }
.business-preview .business-button--light { background: #fff; color: #0c3b61; }
.business-preview .business-button--light:hover { background: #e9f6fa; color: #0c3b61; }
.business-preview .business-main { background: #f5f8fc; color: #18344e; font-family: 'Poppins', sans-serif; }
.business-preview .business-breadcrumb { color: #6b8298; display: flex; flex-wrap: wrap; font-size: 12px; gap: 12px; padding: 15px 0 0; }
.business-preview .business-breadcrumb a { color: #376789; }
.business-preview .business-intro { align-items: start; display: grid; gap: 80px; grid-template-columns: 1fr 1fr; padding: 95px 0 85px; }
.business-preview .business-main h2 { color: #102f4c; font-size: clamp(30px, 3vw, 42px); font-weight: 700; line-height: 1.22; margin: 0; }
.business-preview .business-intro > p { color: #48637a; font-size: 17px; line-height: 1.75; margin: 18px 0 0; }
.business-preview .business-benefits { background: #fff; padding: 82px 0; }
.business-preview .business-benefits__grid { display: grid; gap: 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.business-preview .business-benefits article { border-left: 3px solid #23b0d0; padding: 9px 24px 5px; }
.business-preview .business-benefits article .fa { color: #1a9cbf; font-size: 27px; margin-bottom: 22px; }
.business-preview .business-main h3 { color: #143654; font-size: 20px; font-weight: 700; line-height: 1.3; margin: 0 0 12px; }
.business-preview .business-benefits p, .business-preview .business-steps p, .business-preview .business-cross p, .business-preview .business-contact p { color: #526b80; font-size: 15px; line-height: 1.7; margin: 0; }
.business-preview .business-process { display: grid; gap: 90px; grid-template-columns: .95fr 1.05fr; padding: 110px 0; }
.business-preview .business-process__heading > p:last-child { color: #526b80; font-size: 16px; line-height: 1.7; margin: 22px 0 0; }
.business-preview .business-steps { list-style: none; margin: 0; padding: 0; }
.business-preview .business-steps li { border-bottom: 1px solid #cbd9e5; display: grid; gap: 24px; grid-template-columns: 45px 1fr; padding: 0 0 26px; margin-bottom: 28px; }
.business-preview .business-steps li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.business-preview .business-steps li > span { color: #22a7c5; font-size: 21px; font-weight: 700; }
.business-preview .business-cross { background: linear-gradient(110deg, #073453, #126486); padding: 70px 0; }
.business-preview .business-cross__inner { align-items: center; display: flex; gap: 55px; justify-content: space-between; }
.business-preview .business-cross h2, .business-preview .business-cross p { color: #fff; }
.business-preview .business-cross h2 { margin: 0 0 14px; }
.business-preview .business-cross p:last-child { max-width: 680px; }
.business-preview .business-cross .business-button { flex: 0 0 auto; }
.business-preview .business-contact { align-items: center; display: flex; gap: 60px; justify-content: space-between; padding: 100px 0 110px; }
.business-preview .business-contact h2 { margin: 0 0 14px; }
.business-preview .business-contact p:last-child { max-width: 690px; }
.business-preview .business-contact .business-button { flex: 0 0 auto; }
@media (max-width: 991px) {
  .business-preview .business-hero { min-height: 610px; }
  .business-preview .business-hero__inner { padding: 180px 0 120px; }
  .business-preview .business-intro, .business-preview .business-process { gap: 30px; }
  .business-preview .business-benefits__grid { gap: 15px; }
  .business-preview .business-benefits article { padding-left: 18px; }
}
@media (max-width: 767px) {
  .business-preview .business-shell { width: min(100% - 32px, 560px); }
  .business-preview .business-hero { min-height: 680px; background-position: 62% center; }
  .business-preview .business-hero--dedicated { background-image: linear-gradient(90deg, rgba(5,23,43,.87), rgba(5,23,43,.48)), url('../images/hero-empresarial-teste.png'); }
  .business-preview .business-hero--custom { background-image: linear-gradient(90deg, rgba(5,23,43,.87), rgba(5,23,43,.48)), url('../images/hero-customizado-teste.png'); }
  .business-preview .business-hero__inner { padding: 158px 0 110px; }
  .business-preview .business-hero h1 { font-size: clamp(36px, 9vw, 48px); }
  .business-preview .business-hero__lead { font-size: 16px; }
  .business-preview .business-actions { align-items: stretch; flex-direction: column; }
  .business-preview .business-button { width: 100%; }
  .business-preview .business-intro, .business-preview .business-process, .business-preview .business-benefits__grid { display: grid; grid-template-columns: 1fr; }
  .business-preview .business-intro { gap: 12px; padding: 65px 0; }
  .business-preview .business-intro > p { margin-top: 0; }
  .business-preview .business-benefits { padding: 62px 0; }
  .business-preview .business-benefits__grid { gap: 40px; }
  .business-preview .business-process { gap: 44px; padding: 70px 0; }
  .business-preview .business-cross { padding: 60px 0; }
  .business-preview .business-cross__inner, .business-preview .business-contact { align-items: stretch; flex-direction: column; gap: 30px; }
  .business-preview .business-contact { padding: 75px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .business-preview .business-button { transition: none; }
  .business-preview .business-button:hover { transform: none; }
}