:root {

  --navy-1000: #020713;
  --navy-950: #050c18;
  --navy-900: #07152b;
  --navy-850: #0b1d37;
  --navy-800: #112a49;
  --navy-700: #1b3c60;

  --orange: #ff7200;
  --orange-2: #ff933f;
  --orange-soft: #fff0e5;

  --white: #ffffff;
  --surface: #f6f8fb;
  --surface-2: #eef2f6;

  --text: #111d2f;
  --text-soft: #5a6879;
  --text-muted: #8795a7;

  --green: #14a46a;
  --green-soft: #e8f8f1;

  --border: #e2e8ef;

  --container: 1180px;

  --shadow:
    0 30px 80px
    rgba(7, 21, 43, .13);

  --shadow-soft:
    0 15px 40px
    rgba(7, 21, 43, .08);

}


/* RESET */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

body {

  margin: 0;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  background: white;

  color: var(--text);

  line-height: 1.6;

  -webkit-font-smoothing:
    antialiased;

}

body.menu-open {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

.container {

  width:
    min(
      var(--container),
      calc(100% - 40px)
    );

  margin-inline: auto;

}


/* HEADER */

.header {

  position: fixed;

  top: 0;
  left: 0;
  right: 0;

  z-index: 1000;

  transition: .3s ease;

}

.header.scrolled {

  background:
    rgba(3, 10, 22, .91);

  backdrop-filter:
    blur(16px);

  box-shadow:
    0 1px 0
    rgba(255,255,255,.08);

}

.navbar {

  min-height: 84px;

  display: flex;

  align-items: center;

  justify-content:
    space-between;

  gap: 30px;

}

.brand {

  display: flex;

  align-items: center;

  flex-shrink: 0;

}

.brand-logo {

  width: 175px;

  max-height: 66px;

  object-fit: contain;

}

.nav-links {

  display: flex;

  align-items: center;

  gap: 25px;

  color:
    rgba(255,255,255,.74);

  font-size: .9rem;

  font-weight: 650;

}

.nav-links > a:not(.button) {

  transition:
    color .2s ease;

}

.nav-links > a:not(.button):hover {
  color: white;
}

.menu-button {

  display: none;

  width: 44px;
  height: 44px;

  border: 0;

  background:
    transparent;

}

.menu-button span {

  display: block;

  height: 2px;

  margin: 6px 0;

  background: white;

}


/* BUTTONS */

.button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 14px 22px;

  border: 1px solid transparent;

  border-radius: 13px;

  font-weight: 800;

  transition: .2s ease;

}

.button:hover {

  transform:
    translateY(-2px);

}

.button-primary {

  background:
    linear-gradient(
      135deg,
      var(--orange),
      var(--orange-2)
    );

  color: white;

  box-shadow:
    0 16px 34px
    rgba(255,114,0,.27);

}

.button-primary:hover {

  box-shadow:
    0 21px 43px
    rgba(255,114,0,.36);

}

.button-secondary {

  border-color:
    rgba(255,255,255,.2);

  background:
    rgba(255,255,255,.06);

  color: white;

}

.button-header {

  padding: 10px 16px;

  border:
    1px solid
    rgba(255,255,255,.17);

  background:
    rgba(255,255,255,.05);

  color: white;

}

.button-dark {

  margin-top: 6px;

  background:
    var(--navy-900);

  color: white;

}

.button-full {
  width: 100%;
}


/* HERO */

.hero {

  position: relative;

  min-height: 100vh;

  overflow: hidden;

  padding:
    145px 0 40px;

  background:
    var(--navy-950);

  color: white;

}

.hero-image {

  position: absolute;

  inset: 0;

  background:

    url("../assets/hero-bg.webp")
    center / cover
    no-repeat;

  opacity: .31;

}

.hero-overlay {

  position: absolute;

  inset: 0;

  background:

    linear-gradient(
      90deg,
      rgba(3,10,22,.98) 0%,
      rgba(3,10,22,.94) 42%,
      rgba(3,10,22,.58) 72%,
      rgba(3,10,22,.75) 100%
    ),

    linear-gradient(
      0deg,
      var(--navy-950),
      transparent 55%
    );

}

.hero-grid {

  position: absolute;

  inset: 0;

  opacity: .08;

  background-image:

    linear-gradient(
      rgba(255,255,255,.08) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.08) 1px,
      transparent 1px
    );

  background-size:
    58px 58px;

}

.hero-layout {

  position: relative;

  z-index: 3;

  display: grid;

  grid-template-columns:
    1.05fr .95fr;

  align-items: center;

  gap: 70px;

}

.eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 20px;

  color: #d7e0ec;

  font-size: .76rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: .09em;

}

.eyebrow-dot {

  width: 8px;
  height: 8px;

  background:
    var(--orange);

  border-radius: 50%;

  box-shadow:
    0 0 0 6px
    rgba(255,114,0,.12);

}

.hero h1 {

  margin: 0;

  max-width: 770px;

  font-size:
    clamp(
      2.9rem,
      5vw,
      5.3rem
    );

  line-height: .99;

  letter-spacing:
    -.055em;

}

.hero h1 span {

  color:
    var(--orange-2);

}

.hero-description {

  max-width: 670px;

  margin:
    28px 0;

  color: #b4c2d3;

  font-size: 1.12rem;

}

.hero-actions {

  display: flex;

  gap: 12px;

  flex-wrap: wrap;

}

.hero-proof {

  display: grid;

  gap: 7px;

  margin-top: 27px;

  color: #c4cfdd;

  font-size: .87rem;

}

.hero-app {

  position: relative;

  min-height: 530px;

  display: grid;

  place-items: center;

}

.hero-phone-image {

  position: relative;

  z-index: 3;

  width: min(540px,100%);

  filter:
    drop-shadow(
      0 35px 55px
      rgba(0,0,0,.45)
    );

}

.hero-floating-card {

  position: absolute;

  z-index: 10;

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 12px 14px;

  border:
    1px solid
    rgba(255,255,255,.1);

  border-radius: 14px;

  background:
    rgba(5,16,34,.88);

  backdrop-filter:
    blur(12px);

  box-shadow:
    0 20px 50px
    rgba(0,0,0,.28);

}

.hero-card-one {

  left: -5px;

  top: 80px;

}

.hero-card-two {

  right: -8px;

  bottom: 75px;

}

.floating-icon {

  width: 36px;
  height: 36px;

  display: grid;

  place-items: center;

  border-radius: 10px;

  background:
    rgba(255,114,0,.14);

}

.hero-floating-card strong,
.hero-floating-card small {

  display: block;

}

.hero-floating-card strong {

  font-size: .76rem;

}

.hero-floating-card small {

  color: #889bb3;

  font-size: .66rem;

}


/* SEGMENTS */

.segment-strip {

  position: relative;

  z-index: 4;

  display: flex;

  align-items: center;

  gap: 30px;

  margin-top: 70px;

  padding-top: 23px;

  border-top:
    1px solid
    rgba(255,255,255,.09);

}

.segment-label {

  color: #768ba4;

  font-size: .67rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: .08em;

  white-space: nowrap;

}

.segment-items {

  display: flex;

  flex-wrap: wrap;

  gap: 22px;

  color: #b8c4d3;

  font-size: .8rem;

  font-weight: 700;

}


/* COMMON */

.section {

  padding: 108px 0;

}

.section-label {

  display: block;

  margin-bottom: 12px;

  color:
    var(--orange);

  font-size: .72rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: .09em;

}

.section-title {

  max-width: 800px;

  margin: 0;

  font-size:
    clamp(
      2.1rem,
      4vw,
      3.65rem
    );

  line-height: 1.06;

  letter-spacing:
    -.045em;

}

.section-description {

  max-width: 720px;

  margin-top: 18px;

  color:
    var(--text-soft);

  font-size: 1.02rem;

}

.section-heading {

  margin-bottom: 50px;

}

.section-heading.center {

  text-align: center;

  margin-inline: auto;

}

.section-heading.center
.section-title,

.section-heading.center
.section-description {

  margin-inline: auto;

}

.body-text {

  color:
    var(--text-soft);

  font-size: .98rem;

}

.text-link {

  display: inline-flex;

  gap: 8px;

  align-items: center;

  margin-top: 15px;

  color:
    var(--navy-900);

  font-weight: 900;

}

.text-link span {

  color:
    var(--orange);

}


/* PROBLEM */

.problem {

  background:
    var(--surface);

}

.comparison {

  display: grid;

  grid-template-columns:
    1fr auto 1fr;

  gap: 22px;

  align-items: center;

}

.comparison-card {

  padding: 32px;

  border:
    1px solid
    var(--border);

  border-radius: 24px;

  background: white;

  box-shadow:
    var(--shadow-soft);

}

.comparison-new {

  border-color:
    rgba(255,114,0,.30);

}

.comparison-tag {

  display: inline-flex;

  padding:
    6px 11px;

  border-radius:
    50px;

  font-size: .68rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: .06em;

}

.comparison-old
.comparison-tag {

  background: #fbecec;

  color: #a43c3c;

}

.comparison-new
.comparison-tag {

  background:
    var(--orange-soft);

  color: #c35708;

}

.comparison-card h3 {

  margin:
    10px 0 20px;

  font-size: 1.5rem;

}

.comparison-row {

  display: flex;

  align-items: center;

  gap: 11px;

  margin-top: 11px;

  color:
    var(--text-soft);

}

.comparison-x {

  color: #d34a4a;

  font-weight: 900;

}

.comparison-check {

  color:
    var(--green);

  font-weight: 900;

}

.comparison-arrow {

  width: 54px;
  height: 54px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    var(--orange);

  color: white;

  font-size: 1.4rem;

  font-weight: 900;

  box-shadow:
    0 14px 30px
    rgba(255,114,0,.25);

}


/* SPLIT */

.split-layout {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  align-items: center;

  gap: 78px;

}

.split-layout.reverse {

  grid-template-columns:
    .95fr 1.05fr;

}

.image-frame {

  position: relative;

  overflow: hidden;

  border-radius: 28px;

  box-shadow:
    var(--shadow);

}

.image-frame::after {

  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      transparent 60%,
      rgba(7,21,43,.22)
    );

}

.image-frame {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-frame img {
  width: 100%;
  max-width: 850px;
  height: auto;

  object-fit: contain;
  object-position: center;

  display: block;
}


/* PROCESS */

.process {

  background:
    var(--navy-950);

  color: white;

}

.light-title {
  color: white;
}

.process-description {

  color: #99abc0;

}

.steps-grid {

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 15px;

}

.step-card {

  position: relative;

  min-height: 255px;

  padding: 24px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 20px;

  background:

    linear-gradient(
      180deg,
      rgba(255,255,255,.07),
      rgba(255,255,255,.03)
    );

}

.step-number {

  position: absolute;

  right: 18px;
  top: 9px;

  color:
    rgba(255,255,255,.055);

  font-size: 3rem;

  font-weight: 900;

}

.step-icon {

  width: 46px;
  height: 46px;

  display: grid;

  place-items: center;

  margin-bottom: 34px;

  border-radius: 14px;

  background:
    rgba(255,114,0,.14);

  color:
    var(--orange-2);

  font-weight: 900;

}

.step-card h3 {

  margin:
    0 0 9px;

  font-size: 1.13rem;

}

.step-card p {

  margin: 0;

  color: #9bacbf;

  font-size: .87rem;

}


/* COMPANY */

.companies {

  background: white;

}

.features-list {

  display: grid;

  gap: 22px;

  margin:
    32px 0 28px;

}

.feature-row {

  display: grid;

  grid-template-columns:
    48px 1fr;

  gap: 15px;

}

.feature-row img {

  width: 44px;
  height: 44px;

  object-fit: contain;

}

.feature-row h3 {

  margin:
    0 0 4px;

  font-size: 1rem;

}

.feature-row p {

  margin: 0;

  color:
    var(--text-soft);

  font-size: .89rem;

}

.app-showcase {

  position: relative;

}

.app-showcase img {

  width: 100%;

  border-radius: 26px;

  filter:
    drop-shadow(
      0 30px 45px
      rgba(7,21,43,.19)
    );

}


/* PROFESSIONALS */

.professionals {

  background:
    var(--surface);

}

.professional-benefits {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 12px;

  margin-top: 30px;

}

.professional-benefit {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 16px;

  border:
    1px solid
    var(--border);

  border-radius: 15px;

  background: white;

}

.professional-benefit > span {

  width: 38px;
  height: 38px;

  flex: 0 0 auto;

  display: grid;

  place-items: center;

  border-radius: 11px;

  background:
    var(--orange-soft);

}

.professional-benefit strong,
.professional-benefit small {

  display: block;

}

.professional-benefit small {

  color:
    var(--text-soft);

  margin-top: 2px;

}


/* TRUST */

.trust {

  background: white;

}

.trust-grid {

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 14px;

}

.trust-card {

  padding: 24px;

  border:
    1px solid
    var(--border);

  border-radius: 20px;

  background: white;

}

.trust-card img {

  width: 44px;
  height: 44px;

  margin-bottom: 21px;

}

.trust-card h3 {

  margin:
    0 0 7px;

  font-size: 1rem;

}

.trust-card p {

  margin: 0;

  color:
    var(--text-soft);

  font-size: .84rem;

}

.transparency-box {

  display: flex;

  gap: 14px;

  margin-top: 24px;

  padding: 18px 20px;

  border:
    1px solid
    var(--border);

  border-radius: 16px;

  background:
    #f8fafc;

  color:
    var(--text-soft);

  font-size: .86rem;

}

.transparency-box > span {

  width: 30px;
  height: 30px;

  flex: 0 0 auto;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    var(--navy-900);

  color: white;

  font-weight: 900;

}

.transparency-box p {

  margin: 0;

}


/* REGION */

.region-section {

  position: relative;

  min-height: 570px;

  display: grid;

  align-items: center;

  overflow: hidden;

  color: white;

}

.region-background {

  position: absolute;

  inset: 0;

}

.region-background img {

  width: 100%;
  height: 100%;

  object-fit: cover;

}

.region-overlay {

  position: absolute;

  inset: 0;

  background:

    linear-gradient(
      90deg,
      rgba(4,12,25,.97) 0%,
      rgba(4,12,25,.88) 46%,
      rgba(4,12,25,.52) 100%
    );

}

.region-content {

  position: relative;

  z-index: 2;

  padding:
    90px 0;

}

.region-content h2 {

  max-width: 690px;

  margin: 0;

  font-size:
    clamp(
      2.3rem,
      4vw,
      4rem
    );

  line-height: 1.05;

  letter-spacing:
    -.045em;

}

.region-content p {

  max-width: 620px;

  color: #b0bfd0;

}

.region-map {

  margin-top: 32px;

  width: 300px;

}

.region-map img {

  width: 100%;

}


/* FAQ */

.faq {

  background:
    var(--surface);

}

.faq-layout {

  display: grid;

  grid-template-columns:
    .78fr 1.22fr;

  gap: 75px;

  align-items: start;

}

.accordion {

  display: grid;

  gap: 10px;

}

.faq-item {

  overflow: hidden;

  border:
    1px solid
    var(--border);

  border-radius: 16px;

  background: white;

}

.faq-question {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding: 19px 20px;

  border: 0;

  background: transparent;

  color:
    var(--text);

  text-align: left;

  font-weight: 800;

}

.faq-plus {

  width: 28px;
  height: 28px;

  flex: 0 0 auto;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    #edf2f6;

  transition: .2s ease;

}

.faq-item.open
.faq-plus {

  transform:
    rotate(45deg);

}

.faq-answer {

  max-height: 0;

  overflow: hidden;

  transition:
    max-height .3s ease;

}

.faq-answer p {

  margin: 0;

  padding:
    0 20px 20px;

  color:
    var(--text-soft);

}


/* CTA */

.cta {

  position: relative;

  overflow: hidden;

  padding:
    105px 0;

  background:
    var(--navy-950);

  color: white;

}

.cta-background {

  position: absolute;

  inset: 0;

}

.cta-background img {

  width: 100%;
  height: 100%;

  object-fit: cover;

}

.cta-overlay {

  position: absolute;

  inset: 0;

  background:

    linear-gradient(
      90deg,
      rgba(3,10,22,.96),
      rgba(3,10,22,.84)
    );

}

.cta-layout {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    .82fr 1.18fr;

  gap: 70px;

  align-items: start;

}

.cta-copy h2 {

  margin: 0;

  font-size:
    clamp(
      2.2rem,
      4vw,
      3.8rem
    );

  line-height: 1.06;

  letter-spacing:
    -.045em;

}

.cta-copy p {

  color: #a5b5c9;

}

.cta-points {

  display: grid;

  gap: 9px;

  margin-top: 25px;

  color: #cad4e0;

  font-size: .87rem;

}

.lead-form {

  padding: 26px;

  border-radius: 22px;

  background:
    rgba(255,255,255,.98);

  color: var(--text);

  box-shadow:
    0 35px 90px
    rgba(0,0,0,.28);

}

.form-row {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 13px;

}

.lead-form label {

  display: grid;

  gap: 7px;

  margin-bottom: 13px;

  font-size: .74rem;

  font-weight: 800;

}

.lead-form input,
.lead-form textarea {

  width: 100%;

  padding: 13px 14px;

  border:
    1px solid
    #dce2e9;

  border-radius: 11px;

  outline: none;

  background:
    #fafcfd;

  color:
    var(--text);

  transition: .2s ease;

}

.lead-form input:focus,
.lead-form textarea:focus {

  border-color:
    rgba(255,114,0,.65);

  background: white;

  box-shadow:
    0 0 0 4px
    rgba(255,114,0,.08);

}

.lead-form textarea {

  resize: vertical;

}

.form-consent {

  grid-template-columns:
    auto 1fr !important;

  align-items: start;

  gap: 8px !important;

  color:
    var(--text-soft);

  font-weight:
    500 !important;

}

.form-consent input {

  width: 16px;
  height: 16px;

  margin-top: 3px;

}

.form-small {

  display: block;

  margin-top: 10px;

  text-align: center;

  color:
    var(--text-muted);

}


/* FOOTER */

.footer {

  padding:
    58px 0 25px;

  background:
    #020711;

  color:
    #a5b4c6;

}

.footer-layout {

  display: grid;

  grid-template-columns:
    1.7fr
    1fr
    1fr
    1fr;

  gap: 42px;

  padding-bottom: 38px;

}

.footer-brand img {

  width: 170px;

  margin-bottom: 14px;

}

.footer-brand p {

  max-width: 300px;

  color: #73849a;

  font-size: .84rem;

}

.footer-column {

  display: grid;

  align-content: start;

  gap: 9px;

  font-size: .79rem;

}

.footer-column strong {

  margin-bottom: 7px;

  color: #edf2f7;

}

.footer-column a:hover {

  color: white;

}

.footer-bottom {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  padding-top: 20px;

  border-top:
    1px solid
    rgba(255,255,255,.07);

  color: #64758b;

  font-size: .71rem;

}


/* ANIMATION */

.reveal {

  opacity: 0;

  transform:
    translateY(20px);

  transition:
    opacity .6s ease,
    transform .6s ease;

}

.reveal.visible {

  opacity: 1;

  transform:
    translateY(0);

}


/* RESPONSIVE */

@media (max-width: 1050px) {

  .nav-links {

    gap: 14px;

    font-size: .8rem;

  }

  .steps-grid {

    grid-template-columns:
      repeat(2,1fr);

  }

  .trust-grid {

    grid-template-columns:
      repeat(2,1fr);

  }

}


@media (max-width: 860px) {

  .container {

    width:
      calc(100% - 28px);

  }

  .menu-button {

    display: block;

  }

  .nav-links {

    position: fixed;

    left: 14px;
    right: 14px;

    top: 74px;

    display: grid;

    gap: 4px;

    padding: 15px;

    border:
      1px solid
      rgba(255,255,255,.09);

    border-radius: 17px;

    background:
      rgba(3,10,22,.98);

    box-shadow:
      0 25px 60px
      rgba(0,0,0,.35);

    opacity: 0;

    visibility: hidden;

    transform:
      translateY(-12px);

    transition: .2s ease;

  }

  .nav-links.open {

    opacity: 1;

    visibility: visible;

    transform:
      translateY(0);

  }

  .nav-links a {

    padding:
      10px 8px;

  }

  .hero-layout,
  .split-layout,
  .split-layout.reverse,
  .faq-layout,
  .cta-layout {

    grid-template-columns:
      1fr;

  }

  .hero {

    padding-top: 120px;

  }

  .hero-app {

    min-height: 450px;

  }

  .segment-strip {

    flex-direction: column;

    align-items: flex-start;

    gap: 12px;

  }

  .comparison {

    grid-template-columns:
      1fr;

  }

  .comparison-arrow {

    margin-inline: auto;

    transform:
      rotate(90deg);

  }

  .professional-phone {

    order: 2;

  }

  .footer-layout {

    grid-template-columns:
      1.5fr 1fr 1fr;

  }

}


@media (max-width: 620px) {

  .navbar {

    min-height: 72px;

  }

  .brand-logo {

    width: 145px;

  }

  .hero {

    min-height: auto;

    padding:
      110px 0 35px;

  }

  .hero h1 {

    font-size:
      clamp(
        2.5rem,
        13vw,
        3.6rem
      );

  }

  .hero-description {

    font-size: .98rem;

  }

  .hero-actions {

    display: grid;

  }

  .hero-actions
  .button {

    width: 100%;

  }

  .hero-app {

    min-height: 360px;

  }

  .hero-floating-card {

    display: none;

  }

  .section {

    padding:
      78px 0;

  }

  .steps-grid,
  .trust-grid,
  .professional-benefits,
  .form-row {

    grid-template-columns:
      1fr;

  }

  .step-card {

    min-height: auto;

  }

  .image-frame img {

    min-height: 330px;

  }

  .region-content {

    padding:
      70px 0;

  }

  .region-map {

    width: 240px;

  }

  .lead-form {

    padding: 18px;

  }

  .footer-layout {

    grid-template-columns:
      1fr 1fr;

    gap: 28px;

  }

  .footer-brand {

    grid-column:
      1 / -1;

  }

  .footer-bottom {

    flex-direction:
      column;

  }

}


@media (
  prefers-reduced-motion:
  reduce
) {

  * {

    scroll-behavior:
      auto !important;

    transition-duration:
      .001ms !important;

  }

  .reveal {

    opacity: 1;

    transform: none;

  }

}

/* ============================================================
   PONTELOG - CORRECOES FINAIS 2026-09-12
   ============================================================ */
.brand-logo-window{display:block;width:230px;height:72px;position:relative;overflow:hidden}
.brand-logo{position:absolute!important;width:245px!important;height:124px!important;max-width:none!important;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.footer-logo-window{display:block;width:280px;height:115px;position:relative;overflow:hidden;margin-bottom:12px}
.footer-logo{position:absolute;width:300px!important;height:152px!important;max-width:none!important;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.footer-brand p{max-width:330px;margin-top:5px;color:#73849a;font-size:.84rem}
.image-frame img{width:100%;height:520px;object-fit:cover;object-position:center;display:block}

/* Demo empresa */
.operation-demo{padding:28px;border:1px solid #e1e7ef;border-radius:28px;background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:0 30px 80px rgba(7,21,43,.14)}
.operation-demo-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid #edf0f4}
.operation-demo-header small,.operation-demo-header strong{display:block}.operation-demo-header small{color:#748197;font-size:.72rem;margin-bottom:2px}.operation-demo-header strong{font-size:1.15rem}
.operation-status{padding:7px 12px;border-radius:50px;background:#e7f8f0;color:#08784b;font-size:.72rem;font-weight:900}
.operation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px}.operation-metrics>div{padding:17px;border:1px solid #e7ebf1;border-radius:15px;background:#fff}
.operation-metrics span,.operation-metrics strong,.operation-metrics small{display:block}.operation-metrics span,.operation-metrics small{color:#748197;font-size:.69rem}.operation-metrics strong{margin:2px 0;font-size:1.9rem;letter-spacing:-.04em}
.operation-progress{margin:22px 0;padding:18px;border-radius:16px;background:#07152b;color:#fff}.operation-progress-header{display:flex;justify-content:space-between;font-size:.77rem}
.operation-progress-bar{height:8px;margin-top:10px;overflow:hidden;border-radius:30px;background:rgba(255,255,255,.12)}.operation-progress-bar span{display:block;width:70%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7200,#ff9b55)}
.operation-workers{display:grid}.operation-worker{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid #edf0f4}.operation-worker strong,.operation-worker small{display:block}.operation-worker small{color:#8290a2;font-size:.69rem}.operation-worker b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e7f8f0;color:#11925e}
.worker-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#e6efff;color:#07152b;font-size:.7rem;font-weight:900}.worker-avatar.orange{background:#fff0e5}.worker-avatar.green{background:#e7f8f0}.operation-demo-footer{display:flex;justify-content:space-between;gap:15px;margin-top:16px;color:#768498;font-size:.69rem}.operation-demo-footer span{color:#149660}

/* Celular profissional */
.worker-phone-wrapper{display:grid;place-items:center}.worker-phone{position:relative;width:min(380px,90%);padding:12px;border:1px solid #28364b;border-radius:43px;background:#101722;box-shadow:0 40px 90px rgba(7,21,43,.24)}
.worker-phone-notch{position:absolute;z-index:3;top:12px;left:50%;width:35%;height:22px;transform:translateX(-50%);border-radius:0 0 15px 15px;background:#101722}.worker-phone-screen{position:relative;min-height:640px;overflow:hidden;padding:38px 17px 76px;border-radius:32px;background:#f6f8fb}
.worker-phone-header{display:flex;align-items:center;justify-content:space-between}.worker-phone-header small,.worker-phone-header strong{display:block}.worker-phone-header small{color:#8290a2;font-size:.67rem}.worker-phone-header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#07152b;color:#fff;font-size:.7rem;font-weight:900}
.worker-rank{margin:20px 0 13px;padding:18px;border-radius:17px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(255,114,0,.4),transparent 30%),#07152b}.worker-rank small,.worker-rank strong,.worker-rank span{display:block}.worker-rank small,.worker-rank span{color:#a4b3c6;font-size:.66rem}.worker-rank strong{margin:2px 0;font-size:1.2rem}
.worker-job-card{padding:17px;margin-top:10px;border:1px solid #e2e7ee;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(7,21,43,.06)}.worker-job-card.secondary{opacity:.68}.worker-job-date{margin-bottom:8px;color:#7c899a;font-size:.65rem}.worker-job-title{display:flex;justify-content:space-between;gap:15px}.worker-job-title strong,.worker-job-title span{display:block}.worker-job-title strong{font-size:.9rem}.worker-job-title span{color:#7c899a;font-size:.66rem}.worker-job-title b{color:#0a8453;font-size:.85rem}.worker-job-info{display:flex;gap:14px;margin:14px 0;color:#667487;font-size:.66rem}.worker-job-card button{width:100%;padding:11px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff7200,#ff943f);color:#fff;font-weight:900}
.worker-phone-navigation{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);padding:10px 12px;border-top:1px solid #e1e6ed;background:#fff}.worker-phone-navigation span{display:grid;justify-items:center;color:#8692a2}.worker-phone-navigation small{font-size:.57rem}.worker-phone-navigation .active{color:#ff7200}

/* =========================================================
   REGIÃO - EXTREMA COMO FUNDO
   A imagem usada é assets/mapa-brasil.png
   ========================================================= */
.region-section{
  position:relative!important;
  min-height:700px!important;
  display:flex!important;
  align-items:center;
  overflow:hidden;
  padding:110px 0;
  background:#07152b;
  color:#fff;
  isolation:isolate;
}

/* Foto de Extrema ocupando a seção inteira */
.region-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url("../assets/mapa-brasil.png");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 52%;
  transform:scale(1.015);
}

/* Degradê para preservar a leitura do texto sem esconder a cidade */
.region-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(7,21,43,.99) 0%,
      rgba(7,21,43,.97) 25%,
      rgba(7,21,43,.88) 42%,
      rgba(7,21,43,.58) 60%,
      rgba(7,21,43,.22) 80%,
      rgba(7,21,43,.08) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,21,43,.18) 0%,
      transparent 46%,
      rgba(7,21,43,.30) 100%
    );
}

.region-glow{
  position:absolute;
  z-index:2;
  width:660px;
  height:660px;
  right:-220px;
  top:-230px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.07);
  pointer-events:none;
}

.region-layout{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,680px) 1fr;
  align-items:center;
}

.region-copy{
  position:relative;
  z-index:3;
}

.region-copy h2{
  margin:0;
  font-size:clamp(2.5rem,4.5vw,4.6rem);
  line-height:1.02;
  letter-spacing:-.05em;
  text-wrap:balance;
}

.region-copy h2 span{color:#ff9245}

.region-copy p{
  max-width:650px;
  margin:24px 0 30px;
  color:#d1d9e5;
  font-size:1rem;
}

/* CTA limpa */
.cta{position:relative;overflow:hidden;padding:110px 0;background:radial-gradient(circle at 10% 15%,rgba(255,114,0,.12),transparent 25%),radial-gradient(circle at 92% 85%,rgba(43,87,147,.18),transparent 32%),linear-gradient(140deg,#030a16,#07152b);color:#fff}.cta::before{content:"";position:absolute;width:820px;height:280px;left:-150px;bottom:-210px;border-top:14px solid rgba(255,114,0,.18);border-radius:50% 50% 0 0/100% 100% 0 0}.cta-layout{position:relative;z-index:2}

/* WhatsApp */
.whatsapp-floating{position:fixed;z-index:5000;right:26px;bottom:26px;display:flex;align-items:center;gap:10px;text-decoration:none}.whatsapp-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#25d366;box-shadow:0 12px 35px rgba(17,148,81,.38);transition:transform .2s ease,box-shadow .2s ease}.whatsapp-icon img{width:64px;height:64px}.whatsapp-floating:hover .whatsapp-icon{transform:translateY(-3px) scale(1.04);box-shadow:0 17px 42px rgba(17,148,81,.48)}.whatsapp-tooltip{padding:9px 13px;border-radius:10px;background:#07152b;color:#fff;font-size:.75rem;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.2);opacity:0;transform:translateX(10px);pointer-events:none;transition:.2s ease}.whatsapp-floating:hover .whatsapp-tooltip{opacity:1;transform:translateX(0)}

@media(max-width:900px){.region-layout{grid-template-columns:1fr;gap:40px}.region-visual{min-height:320px}.operation-metrics{grid-template-columns:1fr}.operation-demo-footer{flex-direction:column}.image-frame img{height:420px}}
@media(max-width:620px){.brand-logo-window{width:180px;height:58px}.brand-logo{width:192px!important;height:98px!important}.footer-logo-window{width:220px;height:90px}.footer-logo{width:235px!important;height:119px!important}.whatsapp-floating{right:17px;bottom:17px}.whatsapp-icon,.whatsapp-icon img{width:56px;height:56px}.whatsapp-tooltip{display:none}.region-section{padding:82px 0}.region-copy h2{font-size:2.6rem}.worker-phone{width:100%}}


/* Responsividade final da seção Extrema */
@media(max-width:900px){
  .region-section{
    min-height:650px!important;
    padding:92px 0;
  }

  .region-layout{
    grid-template-columns:1fr!important;
  }

  .region-section::before{
    background-position:65% center;
    transform:scale(1.02);
  }

  .region-section::after{
    background:
      linear-gradient(
        90deg,
        rgba(7,21,43,.98) 0%,
        rgba(7,21,43,.94) 45%,
        rgba(7,21,43,.72) 100%
      ),
      linear-gradient(180deg,rgba(7,21,43,.18),rgba(7,21,43,.35));
  }
}

@media(max-width:620px){
  .region-section{
    min-height:620px!important;
    padding:78px 0!important;
  }

  .region-section::before{
    background-position:68% center;
  }

  .region-section::after{
    background:rgba(7,21,43,.78);
  }

  .region-copy h2{
    font-size:clamp(2.35rem,12vw,3.2rem)!important;
  }
}