@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

    :root {
      --ink: #2A6041;
      --ink2: #27483f;
      --green: #38A169;
      --mint: #cfe9d9;
      --pale: #f4f8f4;
      --line: #dce8df;
      --muted: #687c74;
      --white: #fff;
      --shadow: 0 24px 70px rgba(25, 66, 49, .11)
    }

    * {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth
    }

    body {
      margin: 0;
      color: var(--ink);
      background: #fff;
      font-family: 'DM Sans', sans-serif;
      -webkit-font-smoothing: antialiased
    }

    h1,
    h2,
    h3,
    p {
      margin-top: 0
    }

    h1,
    h2,
    h3 {
      font-family: Manrope, sans-serif;
      letter-spacing: -.045em
    }

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

    .wrap {
      width: min(1160px, calc(100% - 48px));
      margin: auto
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      text-transform: uppercase;
      letter-spacing: .14em;
      font-size: 11px;
      font-weight: 700;
      color: var(--green)
    }

    .eyebrow:before {
      content: "";
      width: 22px;
      height: 1px;
      background: currentColor
    }

    .topbar {
      height: 82px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgba(24, 55, 45, .08);
      background: rgba(255, 255, 255, .87);
      position: sticky;
      top: 0;
      z-index: 10;
      backdrop-filter: blur(14px)
    }

    .nav {
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 10px
    }

    .brand svg {
      width: 42px;
      height: 42px
    }

    .brand-name {
      font: 800 19px Manrope, sans-serif;
      letter-spacing: -.05em;
      line-height: 1
    }

    .brand-name small {
      display: block;
      margin-top: 4px;
      font: 700 8px 'DM Sans', sans-serif;
      letter-spacing: .24em;
      color: var(--green)
    }

    .navlinks {
      display: flex;
      gap: 34px;
      align-items: center;
      font-size: 13px;
      font-weight: 600;
      color: #466057
    }

    .navlinks a:hover {
      color: var(--green)
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border: 0;
      border-radius: 7px;
      padding: 14px 19px;
      background: var(--green);
      color: #fff;
      font: 700 13px 'DM Sans', sans-serif;
      box-shadow: 0 8px 18px rgba(35, 132, 95, .17);
      transition: .2s
    }

    .button:hover {
      background: #176e4d;
      transform: translateY(-1px)
    }

    .button.outline {
      background: transparent;
      color: var(--ink);
      border: 1px solid var(--line);
      box-shadow: none
    }

    .button svg {
      width: 15px;
      height: 15px
    }

    .menu {
      display: none;
      background: none;
      border: 0;
      color: var(--ink);
      font-size: 25px
    }

    .hero {
      background: radial-gradient(ellipse at 82% 12%, #e8f5eb 0, transparent 35%), linear-gradient(180deg, #f8fbf8, #f1f7f2);
      overflow: hidden;
      padding: 78px 0 66px;
      position: relative
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1fr .92fr;
      gap: 44px;
      align-items: center
    }

    .hero-copy {
      padding: 8px 0 24px
    }

    .hero h1 {
      font-size: clamp(42px, 5.25vw, 66px);
      line-height: 1.04;
      max-width: 600px;
      margin: 21px 0
    }

    .hero h1 em {
      font-style: normal;
      color: var(--green)
    }

    .hero-copy>p {
      max-width: 500px;
      color: #5c7169;
      font-size: 16px;
      line-height: 1.75;
      margin: 0 0 27px
    }

    .hero-actions {
      display: flex;
      gap: 12px;
      align-items: center
    }

    .proof {
      display: flex;
      align-items: center;
      gap: 13px;
      margin-top: 34px;
      color: #667970;
      font-size: 12px
    }

    .proof .faces {
      display: flex
    }

    .faces span {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 2px solid #f5faf6;
      background: #dcece1;
      margin-right: -8px;
      display: grid;
      place-items: center;
      color: #266c4e;
      font-size: 10px;
      font-weight: 700
    }

    .proof strong {
      color: var(--ink)
    }

    .hero-visual {
      position: relative;
      min-height: 445px;
      display: grid;
      place-items: center
    }

    .orbit {
      position: absolute;
      width: 385px;
      height: 385px;
      border-radius: 50%;
      border: 1px solid #c8dfce
    }

    .orbit:before,
    .orbit:after {
      content: "";
      position: absolute;
      border: 1px solid #d8e9dc;
      border-radius: 50%;
      inset: 38px
    }

    .orbit:after {
      inset: 83px
    }

    .visual-card {
      position: relative;
      background: white;
      border: 1px solid #e6eee8;
      border-radius: 15px;
      padding: 25px;
      width: min(390px, 95%);
      box-shadow: var(--shadow);
      z-index: 1
    }

    .visual-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 24px
    }

    .visual-label {
      font-size: 11px;
      color: #799087;
      font-weight: 600
    }

    .live {
      font-size: 10px;
      font-weight: 700;
      color: var(--green);
      background: #eaf6ed;
      padding: 7px 9px;
      border-radius: 20px
    }

    .target-art {
      height: 140px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, #f2f8f3, #edf6ef);
      border-radius: 10px;
      position: relative;
      overflow: hidden
    }

    .target-art svg {
      width: 120px;
      height: 120px
    }

    .floating {
      position: absolute;
      padding: 13px 15px;
      background: white;
      border: 1px solid #e7eee8;
      border-radius: 10px;
      box-shadow: 0 12px 32px rgba(27, 67, 51, .10);
      font-size: 11px;
      z-index: 2
    }

    .floating strong {
      display: block;
      font: 700 14px Manrope, sans-serif;
      margin-top: 4px
    }

    .float-a {
      top: 77px;
      right: -5px
    }

    .float-b {
      bottom: 62px;
      left: -8px
    }

    .float-icon {
      display: inline-grid;
      place-items: center;
      border-radius: 7px;
      width: 25px;
      height: 25px;
      background: #e6f3e9;
      color: var(--green);
      margin-right: 7px
    }

    .progress {
      height: 5px;
      border-radius: 5px;
      background: #edf2ee;
      margin-top: 19px;
      overflow: hidden
    }

    .progress i {
      height: 100%;
      width: 68%;
      display: block;
      background: var(--green);
      border-radius: 5px
    }

    .card-caption {
      display: flex;
      justify-content: space-between;
      margin-top: 9px;
      font-size: 10px;
      color: #788b83
    }

    .card-caption b {
      color: var(--ink)
    }

    .metrics {
      background: var(--ink);
      color: #fff;
      padding: 25px 0
    }

    .metric-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr)
    }

    .metric {
      padding: 3px 24px;
      border-right: 1px solid rgba(255, 255, 255, .15)
    }

    .metric:first-child {
      padding-left: 0
    }

    .metric:last-child {
      border: 0
    }

    .metric strong {
      display: block;
      font: 700 14px Manrope, sans-serif
    }

    .metric span {
      display: block;
      margin-top: 6px;
      color: #b9ccc1;
      font-size: 11px
    }

    section {
      padding: 96px 0
    }

    .section-head {
      max-width: 650px;
      margin-bottom: 42px
    }

    .section-head h2 {
      font-size: clamp(32px, 4vw, 46px);
      line-height: 1.12;
      margin: 15px 0
    }

    .section-head p {
      color: var(--muted);
      line-height: 1.7;
      font-size: 15px
    }

    .services {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 17px
    }

    .service {
      padding: 25px 23px;
      border: 1px solid var(--line);
      border-radius: 11px;
      transition: .2s;
      background: white
    }

    .service:hover {
      border-color: #b9d6c0;
      transform: translateY(-3px);
      box-shadow: 0 15px 34px rgba(24, 65, 47, .07)
    }

    .service-icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 10px;
      color: var(--green);
      background: #eaf5ec;
      margin-bottom: 22px
    }

    .service-icon svg {
      width: 21px;
      height: 21px
    }

    .service h3 {
      font-size: 17px;
      letter-spacing: -.03em;
      margin-bottom: 10px
    }

    .service p {
      font-size: 13px;
      line-height: 1.65;
      color: var(--muted);
      margin: 0
    }

    .method {
      background: var(--pale)
    }

    .method-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 80px;
      align-items: start
    }

    .method-intro {
      position: sticky;
      top: 120px
    }

    .method-intro h2 {
      font-size: 43px;
      line-height: 1.1;
      margin: 15px 0
    }

    .method-intro p {
      color: var(--muted);
      line-height: 1.75;
      font-size: 14px
    }

    .steps {
      border-top: 1px solid var(--line)
    }

    .step {
      display: grid;
      grid-template-columns: 54px 1fr;
      gap: 16px;
      padding: 23px 0;
      border-bottom: 1px solid var(--line)
    }

    .num {
      font: 700 13px Manrope, sans-serif;
      color: var(--green);
      padding-top: 3px
    }

    .step h3 {
      font-size: 17px;
      margin: 0 0 8px
    }

    .step p {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.65;
      margin: 0
    }

    .feature-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center
    }

    .feature-art {
      min-height: 360px;
      background: linear-gradient(145deg, #eaf4ed, #f5f9f5);
      border-radius: 14px;
      display: grid;
      place-items: center;
      position: relative;
      overflow: hidden
    }

    .feature-art .big-mark {
      width: 220px;
      height: 220px;
      opacity: .94
    }

    .feature-note {
      position: absolute;
      bottom: 22px;
      left: 22px;
      background: #fff;
      border: 1px solid #e3ece5;
      border-radius: 9px;
      padding: 13px 16px;
      box-shadow: 0 12px 25px rgba(27, 67, 51, .08);
      font-size: 11px;
      color: var(--muted)
    }

    .feature-note strong {
      display: block;
      font: 700 14px Manrope, sans-serif;
      color: var(--ink);
      margin-bottom: 3px
    }

    .feature-copy h2 {
      font-size: 41px;
      line-height: 1.12;
      margin: 15px 0
    }

    .feature-copy>p {
      font-size: 14px;
      line-height: 1.75;
      color: var(--muted)
    }

    .checks {
      list-style: none;
      padding: 0;
      margin: 23px 0 27px;
      display: grid;
      gap: 13px
    }

    .checks li {
      display: flex;
      gap: 10px;
      align-items: start;
      color: #38574c;
      font-size: 13px
    }

    .check {
      flex: 0 0 19px;
      width: 19px;
      height: 19px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #e7f3e9;
      color: var(--green);
      font-size: 11px;
      font-weight: 800
    }

    .cta-band {
      padding: 0 0 96px
    }

    .cta-box {
      background: var(--ink);
      color: #fff;
      border-radius: 15px;
      padding: 43px 48px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      position: relative;
      overflow: hidden
    }

    .cta-box:after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      right: 26%;
      top: -195px;
      border: 1px solid rgba(190, 225, 201, .16);
      border-radius: 50%;
      box-shadow: 0 0 0 35px rgba(190, 225, 201, .035), 0 0 0 75px rgba(190, 225, 201, .025)
    }

    .cta-box h2 {
      font-size: 30px;
      line-height: 1.2;
      margin: 0 0 8px;
      position: relative;
      z-index: 1
    }

    .cta-box p {
      color: #b9ccc1;
      font-size: 13px;
      margin: 0;
      position: relative;
      z-index: 1
    }

    .cta-box .button {
      background: #d6efdc;
      color: #1b523b;
      box-shadow: none;
      white-space: nowrap;
      position: relative;
      z-index: 1
    }

    .contact {
      background: #f6f9f6
    }

    .contact-grid {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 70px;
      align-items: start
    }

    .contact-copy h2 {
      font-size: 42px;
      line-height: 1.1;
      margin: 15px 0
    }

    .contact-copy p {
      color: var(--muted);
      line-height: 1.7;
      font-size: 14px
    }

    .contact-form {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 25px
    }

    .fields {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px
    }

    .field.full {
      grid-column: 1/-1
    }

    .field label {
      font-size: 11px;
      font-weight: 700;
      display: block;
      margin-bottom: 7px
    }

    .field input,
    .field select,
    .field textarea {
      width: 100%;
      border: 1px solid #dce7de;
      border-radius: 6px;
      padding: 12px;
      font: 13px 'DM Sans', sans-serif;
      color: var(--ink);
      background: white;
      outline: none
    }

    .field input:focus,
    .field select:focus,
    .field textarea:focus {
      border-color: #67ae83;
      box-shadow: 0 0 0 3px #e6f3e9
    }

    .field textarea {
      min-height: 90px;
      resize: vertical
    }

    .contact-form .button {
      margin-top: 15px;
      width: 100%;
      cursor: pointer
    }

    .form-note {
      font-size: 10px;
      color: #8b9b94;
      margin: 10px 0 0;
      line-height: 1.5
    }

    .footer {
      padding: 30px 0;
      background: #fff;
      border-top: 1px solid var(--line)
    }

    .foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      color: #76877f;
      font-size: 11px
    }

    .foot .brand {
      color: var(--ink)
    }

    .foot .brand svg {
      width: 32px;
      height: 32px
    }

    .foot .brand-name {
      font-size: 15px
    }

    .foot .brand-name small {
      font-size: 6px
    }

    .footlinks {
      display: flex;
      gap: 19px
    }

    /* Direção visual com fotografia e contraste mais expressivo */
    .hero {
      background: var(--ink);
      color: #fff;
      padding: 70px 0 64px;
      isolation: isolate
    }

    .hero:before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background: linear-gradient(90deg, rgba(13, 39, 31, .98) 0%, rgba(15, 47, 36, .92) 43%, rgba(15, 47, 36, .42) 100%), url('https://images.unsplash.com/photo-1637979910474-38e3ad8d5cab?auto=format&fit=crop&w=1800&q=88') center 44%/cover no-repeat
    }

    .hero:after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: radial-gradient(ellipse at 93% 100%, rgba(36, 132, 95, .45), transparent 42%)
    }

    .hero .eyebrow {
      color: #a7d7b5
    }

    .hero h1 {
      color: #fff;
      font-size: clamp(46px, 5.8vw, 72px);
      max-width: 650px
    }

    .hero-copy>p {
      color: #d1e0d6
    }

    .hero-visual {
      min-height: 470px
    }

    .orbit {
      border-color: rgba(221, 244, 226, .22)
    }

    .orbit:before,
    .orbit:after {
      border-color: rgba(221, 244, 226, .17)
    }

    .visual-card {
      border: 1px solid rgba(255, 255, 255, .42);
      background: rgba(255, 255, 255, .96);
      backdrop-filter: blur(8px)
    }

    .float-a,
    .float-b {
      box-shadow: 0 18px 45px rgba(0, 0, 0, .2)
    }

    .proof {
      color: #c2d4c9
    }

    .proof strong {
      color: #fff
    }

    .hero-actions .button.outline {
      border-color: rgba(255, 255, 255, .42);
      color: #fff
    }

    .metrics {
      background: #102c24
    }

    .metric strong {
      font-size: 15px
    }

    .service {
      overflow: hidden;
      position: relative
    }

    .service:after {
      content: "";
      position: absolute;
      width: 70px;
      height: 70px;
      right: -37px;
      bottom: -40px;
      border: 1px solid #e3eee5;
      border-radius: 50%;
      box-shadow: 0 0 0 12px #f8fbf8
    }

    .feature-art {
      background: linear-gradient(135deg, rgba(18, 53, 41, .15), rgba(18, 53, 41, .1)), url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=85') center/cover no-repeat;
      min-height: 420px
    }

    .feature-art:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(13, 42, 31, .02) 30%, rgba(13, 42, 31, .5))
    }

    .feature-art .big-mark {
      filter: drop-shadow(0 6px 12px rgba(8, 35, 25, .3));
      background: rgba(255, 255, 255, .9);
      border-radius: 50%;
      padding: 23px;
      width: 190px;
      height: 190px;
      z-index: 1
    }

    .feature-note {
      z-index: 2
    }

    .cta-box {
      background: linear-gradient(105deg, #153b2e, #1e6949 72%, #38A169)
    }

    @media(max-width:850px) {
      .navlinks {
        gap: 18px
      }

      .navlinks a:not(.button) {
        display: none
      }

      .hero-grid {
        grid-template-columns: 1fr .8fr;
        gap: 18px
      }

      .hero-visual {
        min-height: 370px
      }

      .orbit {
        width: 320px;
        height: 320px
      }

      .method-grid {
        gap: 42px
      }

      .feature-grid {
        gap: 35px
      }

      .contact-grid {
        gap: 35px
      }
    }

    @media(max-width:650px) {
      .wrap {
        width: min(100% - 36px, 500px)
      }

      .topbar {
        height: 70px
      }

      .navlinks {
        display: none;
        position: absolute;
        top: 69px;
        left: 0;
        right: 0;
        padding: 18px;
        background: #fff;
        border-bottom: 1px solid var(--line);
        flex-direction: column;
        align-items: stretch;
        gap: 15px
      }

      .navlinks.open {
        display: flex
      }

      .navlinks a:not(.button) {
        display: block
      }

      .navlinks .button {
        width: 100%
      }

      .menu {
        display: block
      }

      .hero {
        padding: 52px 0 36px
      }

      .hero:before {
        background: linear-gradient(90deg, rgba(13, 39, 31, .97), rgba(15, 47, 36, .8)), url('https://images.unsplash.com/photo-1637979910474-38e3ad8d5cab?auto=format&fit=crop&w=1000&q=82') center/cover no-repeat
      }

      .hero-grid {
        grid-template-columns: 1fr
      }

      .hero-copy {
        padding: 0
      }

      .hero h1 {
        font-size: 43px;
        margin: 17px 0
      }

      .hero-copy>p {
        font-size: 14px
      }

      .hero-actions {
        flex-wrap: wrap
      }

      .hero-actions .button {
        flex: 1
      }

      .proof {
        margin-top: 24px
      }

      .hero-visual {
        min-height: 330px;
        margin-top: 2px
      }

      .orbit {
        width: 290px;
        height: 290px
      }

      .visual-card {
        padding: 18px;
        width: min(350px, 94%)
      }

      .float-a {
        right: -3px;
        top: 38px
      }

      .float-b {
        left: -4px;
        bottom: 31px
      }

      .metrics {
        padding: 20px 0
      }

      .metric-grid {
        grid-template-columns: 1fr 1fr;
        row-gap: 19px
      }

      .metric {
        padding: 0 12px;
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, .15)
      }

      .metric:nth-child(odd) {
        padding-left: 0;
        border: 0
      }

      .metric strong {
        font-size: 13px
      }

      section {
        padding: 66px 0
      }

      .section-head {
        margin-bottom: 27px
      }

      .section-head h2 {
        font-size: 34px
      }

      .services {
        grid-template-columns: 1fr 1fr;
        gap: 10px
      }

      .service {
        padding: 18px 15px
      }

      .service h3 {
        font-size: 15px
      }

      .service p {
        font-size: 12px
      }

      .service-icon {
        margin-bottom: 16px
      }

      .method-grid,
      .feature-grid,
      .contact-grid {
        grid-template-columns: 1fr;
        gap: 29px
      }

      .method-intro {
        position: static
      }

      .method-intro h2,
      .feature-copy h2,
      .contact-copy h2 {
        font-size: 35px
      }

      .feature-art {
        min-height: 280px
      }

      .feature-art .big-mark {
        width: 175px;
        height: 175px
      }

      .cta-band {
        padding-bottom: 66px
      }

      .cta-box {
        padding: 28px 23px;
        align-items: flex-start;
        flex-direction: column
      }

      .cta-box h2 {
        font-size: 26px
      }

      .cta-box .button {
        width: 100%
      }

      .fields {
        grid-template-columns: 1fr
      }

      .field.full {
        grid-column: auto
      }

      .contact-form {
        padding: 18px
      }

      .foot {
        align-items: flex-start;
        flex-wrap: wrap
      }

      .footlinks {
        order: 3;
        width: 100%;
        flex-wrap: wrap
      }

      .foot>span {
        width: 100%
      }
    }

    @media(max-width:380px) {
      .services {
        grid-template-columns: 1fr
      }

      .hero h1 {
        font-size: 38px
      }

      .button {
        font-size: 12px;
        padding: 13px 14px
      }
    }

    /* Paleta mais vibrante: esmeralda, lima, âmbar e coral */
    :root {
      --green: #087c50;
      --mint: #d8f26a;
      --pale: #fbf7ec;
      --line: #d8e5d9
    }

    .hero:before {
      background: linear-gradient(90deg, rgba(9, 43, 32, .97) 0%, rgba(13, 65, 43, .86) 44%, rgba(13, 65, 43, .38) 100%), url('https://images.unsplash.com/photo-1637979910474-38e3ad8d5cab?auto=format&fit=crop&w=1800&q=88') center 44%/cover no-repeat
    }

    .hero:after {
      background: radial-gradient(ellipse at 92% 8%, rgba(216, 242, 106, .3), transparent 27%), radial-gradient(ellipse at 91% 100%, rgba(255, 137, 79, .3), transparent 40%)
    }

    .hero h1 em {
      display: inline;
      color: #d8f26a;
      background: transparent;
      padding: 0;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone
    }

    .hero .eyebrow {
      color: #d8f26a
    }

    .hero-actions .button:first-child {
      background: #d8f26a;
      color: #17392c;
      box-shadow: 0 9px 26px rgba(216, 242, 106, .2)
    }

    .hero-actions .button:first-child:hover {
      background: #e6fa8f
    }

    .hero-actions .button.outline {
      background: rgba(255, 255, 255, .08)
    }

    .metrics {
      background: #d8f26a;
      color: #17392c
    }

    .metric {
      border-color: rgba(23, 57, 44, .2)
    }

    .metric strong {
      color: #17392c
    }

    .metric span {
      color: #3f5d4c
    }

    #solucoes {
      background: #fffaf0
    }

    .section-head .eyebrow {
      color: #d36937
    }

    .section-head h2 {
      max-width: 600px
    }

    .service {
      border-color: transparent;
      box-shadow: 0 8px 22px rgba(49, 67, 48, .045)
    }

    .service:nth-child(1) {
      background: #e4f5e8
    }

    .service:nth-child(2) {
      background: #fff0d4
    }

    .service:nth-child(3) {
      background: #e6efff
    }

    .service:nth-child(4) {
      background: #ffebe3
    }

    .service:nth-child(5) {
      background: #f0eaff
    }

    .service:nth-child(6) {
      background: #f0f5cf
    }

    .service:hover {
      box-shadow: 0 17px 32px rgba(25, 64, 46, .12)
    }

    .service-icon {
      background: #fff;
      color: #087c50
    }

    .service:nth-child(2) .service-icon {
      color: #b55b20
    }

    .service:nth-child(3) .service-icon {
      color: #315ca8
    }

    .service:nth-child(4) .service-icon {
      color: #c5563c
    }

    .service:nth-child(5) .service-icon {
      color: #7453ae
    }

    .service:nth-child(6) .service-icon {
      color: #657d10
    }

    .method {
      background: #153d30;
      color: #fff
    }

    .method .eyebrow {
      color: #d8f26a
    }

    .method-intro p,
    .step p {
      color: #c3d8ca
    }

    .steps {
      border-color: rgba(255, 255, 255, .22)
    }

    .step {
      border-color: rgba(255, 255, 255, .19)
    }

    .step .num {
      color: #d8f26a
    }

    .method .button {
      background: #ff8a52;
      color: #fff;
      box-shadow: none
    }

    .method .button:hover {
      background: #ffa477
    }

    .feature-copy .eyebrow {
      color: #d36937
    }

    .feature-art {
      background-image: linear-gradient(135deg, rgba(4, 70, 45, .08), rgba(4, 70, 45, .15)), url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=85')
    }

    .feature-note {
      border-left: 4px solid #ff8a52
    }

    .cta-box {
      background: linear-gradient(110deg, #087c50, #145a3c 66%, #153d30)
    }

    .cta-box .button {
      background: #ff8a52;
      color: #fff
    }

    .cta-box .button:hover {
      background: #ffa477
    }

    .contact {
      background: #fff0d4
    }

    .contact-copy .eyebrow {
      color: #b85a25
    }

    .contact-form {
      box-shadow: 0 15px 45px rgba(82, 63, 35, .08);
      border-color: #f0dfbd
    }

    .contact-form .button {
      background: #087c50
    }

    .field input:focus,
    .field select:focus,
    .field textarea:focus {
      border-color: #087c50;
      box-shadow: 0 0 0 3px #dff1ce
    }

    .topbar {
      border-bottom-color: #e8e4d8
    }

    .button {
      background: #087c50
    }

    .brand-name small {
      color: #087c50
    }

    .service .service-icon {
      border-radius: 12px
    }

    .floating {
      color: #597168
    }

    .floating strong {
      color: #2A6041
    }

    @media(max-width:650px) {
      .metrics {
        background: #d8f26a
      }

      .method {
        background: #153d30
      }

      .service {
        border-radius: 14px
      }

      .hero:after {
        background: radial-gradient(ellipse at 91% 6%, rgba(216, 242, 106, .24), transparent 28%), radial-gradient(ellipse at 95% 98%, rgba(255, 137, 79, .27), transparent 38%)
      }
    }

    /* Paleta solicitada pela marca */
    :root {
      --ink: #1E293B;
      --green: #2A6041;
      --highlight: #38A169;
      --amber: #D97706;
      --pale: #F0F4F1;
      --line: #D5E0D8;
      --mint: #D8E6DC
    }

    .hero h1 em {
      color: #D97706;
      background: transparent;
      padding: 0
    }

    body {
      color: var(--ink);
      background: #F0F4F1
    }

    .topbar {
      background: rgba(240, 244, 241, .94);
      border-bottom-color: #D5E0D8
    }

    .brand-name small,
    .eyebrow {
      color: var(--green)
    }

    h1,
    h2,
    h3,
    .brand-name {
      color: var(--ink)
    }

    .hero h1,
    .method h2,
    .method h3,
    .cta-box h2 {
      color: #fff
    }

    .hero h1 em {
      color: #D97706;
      background: transparent;
      padding: 0
    }

    .hero .eyebrow {
      color: #8FD0A8
    }

    .button,
    .button:hover,
    .method .button,
    .cta-box .button,
    .contact-form .button {
      background: #D97706;
      color: #fff;
      box-shadow: 0 8px 18px rgba(217, 119, 6, .18)
    }

    .button:hover,
    .method .button:hover,
    .cta-box .button:hover,
    .topbar .button:hover {
      background: #B85F05;
      color: #fff
    }

    .button.outline {
      background: transparent;
      color: #1E293B;
      border-color: #B8C8BD;
      box-shadow: none
    }

    .hero-actions .button:first-child {
      background: #D97706;
      color: #fff;
      box-shadow: 0 9px 26px rgba(217, 119, 6, .24)
    }

    .hero-actions .button:first-child:hover {
      background: #B85F05
    }

    .hero-actions .button.outline {
      color: #fff;
      border-color: rgba(255, 255, 255, .48);
      background: rgba(255, 255, 255, .07)
    }

    .hero:before {
      background: linear-gradient(90deg, rgba(22, 57, 39, .97) 0%, rgba(42, 96, 65, .84) 47%, rgba(42, 96, 65, .34) 100%), url('https://images.unsplash.com/photo-1637979910474-38e3ad8d5cab?auto=format&fit=crop&w=1800&q=88') center 44%/cover no-repeat
    }

    .hero:after {
      background: radial-gradient(ellipse at 92% 8%, rgba(56, 161, 105, .26), transparent 28%), radial-gradient(ellipse at 91% 100%, rgba(217, 119, 6, .24), transparent 39%)
    }

    .metrics {
      background: #1F4B34;
      color: #fff
    }

    .metric strong {
      color: #fff
    }

    .metric span {
      color: #D8E6DC
    }

    .metric {
      border-color: rgba(255, 255, 255, .22)
    }

    #solucoes {
      background: #F0F4F1
    }

    .section-head .eyebrow,
    .feature-copy .eyebrow,
    .contact-copy .eyebrow {
      color: #38A169
    }

    .service:nth-child(1),
    .service:nth-child(3),
    .service:nth-child(5) {
      background: #E5EEE8
    }

    .service:nth-child(2),
    .service:nth-child(4),
    .service:nth-child(6) {
      background: #F6EBDD
    }

    .service {
      border-color: #D5E0D8
    }

    .service-icon {
      background: #fff;
      color: #2A6041
    }

    .service:nth-child(2) .service-icon,
    .service:nth-child(4) .service-icon,
    .service:nth-child(6) .service-icon {
      color: #D97706
    }

    .service:nth-child(3) .service-icon,
    .service:nth-child(5) .service-icon {
      color: #38A169
    }

    .method {
      background: #1F4B34;
      color: #fff
    }

    .method .eyebrow {
      color: #BCE7CB
    }

    .method-intro p,
    .step p {
      color: #E0EAE3
    }

    .steps,
    .step {
      border-color: rgba(255, 255, 255, .24)
    }

    .step .num {
      color: #F5B45C
    }

    .feature-note {
      border-left-color: #D97706
    }

    .cta-box {
      background: linear-gradient(110deg, #2A6041, #214C35 66%, #173D2B)
    }

    .cta-box .button {
      background: #D97706;
      color: #fff
    }

    .contact {
      background: #F0F4F1
    }

    .contact-form {
      border-color: #D5E0D8;
      box-shadow: 0 15px 45px rgba(30, 41, 59, .08)
    }

    .field input:focus,
    .field select:focus,
    .field textarea:focus {
      border-color: #38A169;
      box-shadow: 0 0 0 3px rgba(56, 161, 105, .15)
    }

    .footer {
      background: #F0F4F1;
      border-color: #D5E0D8
    }

    .floating {
      color: #5F7167
    }

    .floating strong {
      color: #1E293B
    }

    @media(max-width:650px) {
      .metrics {
        background: #1F4B34
      }

      .method {
        background: #1F4B34
      }

      .hero:after {
        background: radial-gradient(ellipse at 91% 6%, rgba(56, 161, 105, .25), transparent 28%), radial-gradient(ellipse at 95% 98%, rgba(217, 119, 6, .24), transparent 38%)
      }
    }

    .clients-logos {
      padding: 46px 0 50px;
      background: #F0F4F1;
      overflow: hidden;
      border-bottom: 1px solid #D5E0D8
    }

    .clients-head {
      text-align: center;
      margin-bottom: 24px
    }

    .clients-head .eyebrow {
      justify-content: center
    }

    .clients-head h2 {
      font-size: 21px;
      letter-spacing: -.03em;
      margin: 10px 0 0;
      color: #1E293B
    }

    .logo-window {
      overflow: hidden;
      mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent)
    }

    .logo-track {
      display: flex;
      width: max-content;
      animation: logo-marquee 34s linear infinite
    }

    .logo-window:hover .logo-track {
      animation-play-state: paused
    }

    .logo-set {
      display: flex;
      gap: 16px;
      padding-right: 16px
    }

    .client-logo {
      height: 76px;
      width: 174px;
      flex: 0 0 174px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 11px;
      border: 1px solid #D5E0D8;
      border-radius: 10px;
      background: #fff;
      color: #64756b
    }

    .client-logo span {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .11em
    }

    .client-logo svg {
      width: 27px;
      height: 27px;
      color: #2A6041
    }

    .clients-note {
      text-align: center;
      margin: 16px 0 0;
      color: #78867d;
      font-size: 10px
    }

    .clients-note strong {
      color: #5d6e64
    }

    @keyframes logo-marquee {
      to {
        transform: translateX(-12.5%)
      }
    }

    @media(prefers-reduced-motion:reduce) {
      .logo-track {
        animation: none
      }
    }

    @media(max-width:650px) {
      .clients-logos {
        padding: 35px 0
      }

      .clients-head h2 {
        font-size: 19px
      }

      .client-logo {
        width: 150px;
        flex-basis: 150px;
        height: 68px
      }

      .logo-set {
        gap: 11px;
        padding-right: 11px
      }
    }

    .results {
      padding: 72px 0;
      background: #fff
    }

    .results-head {
      text-align: center;
      max-width: 650px;
      margin: 0 auto 30px
    }

    .results-head .eyebrow {
      justify-content: center
    }

    .results-head h2 {
      font-size: clamp(30px, 4vw, 42px);
      margin: 13px 0;
      color: #1E293B
    }

    .results-head p {
      font-size: 14px;
      line-height: 1.7;
      color: #68776e;
      margin: 0
    }

    .results-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px
    }

    .result-card {
      min-height: 150px;
      padding: 23px 19px;
      border-radius: 12px;
      background: #E5EEE8;
      border: 1px solid #D5E0D8;
      position: relative;
      overflow: hidden;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
    }

    .result-card:nth-child(even) {
      background: #F6EBDD
    }

    .result-card:after {
      content: "";
      position: absolute;
      width: 95px;
      height: 95px;
      right: -40px;
      bottom: -48px;
      border: 1px solid rgba(42, 96, 65, .16);
      border-radius: 50%;
      box-shadow: 0 0 0 14px rgba(42, 96, 65, .035)
    }

    .result-value {
      display: block;
      font: 800 38px/1 Manrope, sans-serif;
      letter-spacing: -.06em;
      color: #2A6041;
      margin-bottom: 15px
    }

    .result-card:nth-child(even) .result-value {
      color: #D97706
    }

    .result-label {
      font: 700 12px/1.4 'DM Sans', sans-serif;
      color: #1E293B;
      max-width: 150px;
      display: block
    }

    .results-note {
      text-align: center;
      font-size: 10px;
      color: #7b887e;
      margin: 17px 0 0
    }

    @media(max-width:800px) {
      .results-grid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:650px) {
      .results {
        padding: 58px 0
      }

      .results-grid {
        gap: 10px
      }

      .result-card {
        min-height: 128px;
        padding: 18px 15px
      }

      .result-value {
        font-size: 32px
      }

      .result-label {
        font-size: 11px
      }
    }
      html.js{scroll-behavior:smooth}.scroll-progress{position:fixed;z-index:40;top:0;left:0;width:100%;height:3px;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:#D97706;transform:scaleX(0);transform-origin:left center;will-change:transform}.topbar{transition:height .28s ease,box-shadow .28s ease}.topbar.is-scrolled{height:70px;box-shadow:0 8px 26px rgba(18,48,33,.09)}
    .js .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.js .reveal.reveal-left{transform:translate3d(-30px,0,0)}.js .reveal.reveal-right{transform:translate3d(30px,0,0)}.js .reveal.reveal-zoom{transform:scale(.96)}.js .reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
    .hero:before{transform:translate3d(0,var(--hero-parallax,0px),0);will-change:transform}.float-a{animation:card-float 5.2s ease-in-out infinite}.float-b{animation:card-float 6s ease-in-out -1.3s infinite}@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
    @media(prefers-reduced-motion:reduce){html.js{scroll-behavior:auto}.js .reveal,.js .reveal.reveal-left,.js .reveal.reveal-right,.js .reveal.reveal-zoom,.js .reveal.is-visible{opacity:1;transform:none;transition:none;will-change:auto}.float-a,.float-b{animation:none}.hero:before{transform:none}}
      .button{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}.button:not(.outline){animation:cta-glow 3.8s ease-in-out infinite}.button:hover{transform:translateY(-3px);box-shadow:0 14px 27px rgba(217,119,6,.28)}.button:not(.outline):hover{animation:none;background:#B85F05}.button:active{transform:translateY(-1px) scale(.985)}.button:before{content:"";position:absolute;top:-50%;bottom:-50%;left:-120%;width:48%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .58s cubic-bezier(.2,.7,.2,1);pointer-events:none}.button:hover:before{left:150%}.button:focus-visible{outline:3px solid #38A169;outline-offset:3px}.button.outline:hover{background:#E5EEE8;color:#1E293B;border-color:#38A169;box-shadow:0 9px 20px rgba(42,96,65,.13)}.hero-actions .button.outline:hover{background:rgba(255,255,255,.18);color:#fff;border-color:#fff;box-shadow:0 9px 20px rgba(0,0,0,.16)}@keyframes cta-glow{0%,100%{box-shadow:0 8px 18px rgba(217,119,6,.16)}50%{box-shadow:0 11px 24px rgba(217,119,6,.32)}}@media(prefers-reduced-motion:reduce){.button,.button:not(.outline){animation:none;transition:none}.button:before{display:none}.button:hover,.button:active{transform:none}}
      .scroll-cue{position:fixed;left:50%;bottom:24px;z-index:9999;display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(31,75,52,.96);box-shadow:0 8px 24px rgba(0,0,0,.2);color:#fff;font:700 10px "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translate(-50%,8px);pointer-events:none;cursor:pointer;transition:opacity .35s ease,transform .35s ease}.scroll-cue.is-idle{opacity:1;transform:translate(-50%,0);pointer-events:auto}.scroll-cue svg{width:18px;height:18px;flex:none;animation:scroll-nudge 1.25s ease-in-out infinite}@keyframes scroll-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes cta-glow{0%,100%{transform:scale(1);box-shadow:0 8px 18px rgba(217,119,6,.16)}50%{transform:scale(1.035);box-shadow:0 12px 28px rgba(217,119,6,.38)}}@media(max-width:650px){.hero{padding-bottom:88px}.scroll-cue{bottom:16px}}@media(prefers-reduced-motion:reduce){.scroll-cue,.scroll-cue.is-idle{transition:none;transform:translate(-50%,0)}.scroll-cue svg{animation:none}.button:not(.outline){animation:none}}
  .scroll-cue{width:52px;height:52px;padding:0;justify-content:center;gap:0}.scroll-cue svg{width:22px;height:29px}
      .button:not(.outline){overflow:visible;animation:cta-glow 2.4s ease-in-out infinite}.button:not(.outline)::after{content:"";position:absolute;inset:0;border:2px solid rgba(217,119,6,.75);border-radius:inherit;pointer-events:none;animation:cta-ripple 2.4s ease-out infinite}.button:not(.outline):hover{animation:none;transform:translateY(-3px);box-shadow:0 14px 30px rgba(217,119,6,.42)}.button:not(.outline):hover::after{animation-play-state:paused;opacity:0}@keyframes cta-glow{0%,100%{transform:scale(1);box-shadow:0 8px 18px rgba(217,119,6,.2)}48%{transform:scale(1.065);box-shadow:0 15px 34px rgba(217,119,6,.48)}}@keyframes cta-ripple{0%{transform:scale(1);opacity:.72}85%,100%{transform:scale(1.3);opacity:0}}@media(prefers-reduced-motion:reduce){.button:not(.outline){animation:none}.button:not(.outline)::after{animation:none;display:none}}
      .button:not(.outline){animation:cta-wiggle 2.8s ease-in-out infinite}.button:not(.outline)::after{display:none}@keyframes cta-wiggle{0%,78%,100%{transform:translateX(0);box-shadow:0 8px 18px rgba(217,119,6,.2)}82%{transform:translateX(-4px)}86%{transform:translateX(4px)}90%{transform:translateX(-3px)}94%{transform:translateX(3px)}98%{transform:translateX(0);box-shadow:0 12px 28px rgba(217,119,6,.4)}}.button:not(.outline):hover{animation:none;transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.button:not(.outline){animation:none}}
  .button{overflow:hidden}.button:before{border-radius:inherit}
  .button,.button:not(.outline){overflow:hidden}.button:before{border-radius:inherit}
      .hero-visual{perspective:1100px;transform-style:preserve-3d}.visual-card{transform-style:preserve-3d;transform:translate3d(var(--panel-x,0px),var(--panel-y,0px),14px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s cubic-bezier(.2,.7,.2,1);will-change:transform}.visual-card .visual-top,.visual-card .target-art,.visual-card .progress,.visual-card .card-caption{transform:translateZ(12px)}.orbit{transform:translateZ(-18px);transition:transform .2s ease-out}.floating{transform:translate3d(var(--float-x,0px),var(--float-y,0px),28px);transition:transform .2s cubic-bezier(.2,.7,.2,1);will-change:transform}
    @media(prefers-reduced-motion:reduce){.visual-card,.floating,.orbit{transition:none;transform:none}}
  
    /* Jornada interativa e destaque de documentação */
    .journey{margin-top:44px}.journey-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid rgba(42,96,65,.22);border-bottom:1px solid rgba(42,96,65,.22)}.journey-tab{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:78px;padding:17px 12px 18px;border:0;border-right:1px solid rgba(42,96,65,.16);background:transparent;color:#1E293B;text-align:left;cursor:pointer;transition:background .22s ease,color .22s ease}.journey-tab:last-child{border-right:0}.journey-tab>span{flex:none;color:#D97706;font:700 11px/1.5 'DM Sans',sans-serif}.journey-tab b{font:700 12px/1.45 'DM Sans',sans-serif}.journey-tab:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#D97706;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.journey-tab:hover,.journey-tab.is-active{background:#e9f1ec}.journey-tab.is-active:after{transform:scaleX(1)}.journey-tab:focus-visible{outline:3px solid #38A169;outline-offset:-3px;z-index:1}.journey-panel{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(28px,6vw,88px);min-height:320px;padding:clamp(26px,5vw,60px);background:#1F4B34;color:#fff;overflow:hidden;position:relative}.journey-panel:before{content:'';position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-90px;top:-210px;pointer-events:none}.journey-copy,.journey-demo{position:relative;z-index:1}.journey-kicker{color:#a9d8bb;font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.14em}.journey-copy h3{margin:17px 0 12px;color:#fff;font:750 clamp(25px,3vw,36px)/1.12 Manrope,sans-serif;letter-spacing:-.04em}.journey-copy p{max-width:37ch;color:rgba(255,255,255,.78);font-size:14px;line-height:1.75}.journey-link{display:inline-flex;align-items:center;gap:10px;margin-top:12px;color:#ffb158;font:700 12px 'DM Sans',sans-serif;text-decoration:none}.journey-link span{transition:transform .2s ease}.journey-link:hover span{transform:translateX(5px)}.journey-demo{min-width:0;padding:20px 22px;border:1px solid rgba(30,41,59,.08);border-radius:15px;background:#fff;color:#1E293B;box-shadow:0 20px 48px rgba(5,28,17,.22);animation:journey-arrive .35s ease both}.demo-heading,.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-heading{padding-bottom:14px;border-bottom:1px solid #e7ece8;font:700 12px 'DM Sans',sans-serif}.demo-tag{flex:none;padding:5px 8px;border-radius:30px;background:#f5ede1;color:#9a5a10;font:700 9px 'DM Sans',sans-serif;letter-spacing:.08em}.demo-rows{min-height:164px}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf0ed;color:#48574d;font:500 11px/1.4 'DM Sans',sans-serif;animation:journey-row-in .28s ease both}.demo-row:nth-child(2){animation-delay:45ms}.demo-row:nth-child(3){animation-delay:90ms}.demo-status{flex:none;padding:5px 8px;border-radius:99px;background:#e6f2ea;color:#277348;font:700 9px 'DM Sans',sans-serif}.demo-status.warn{background:#fff0da;color:#a45a00}.demo-status.pending{background:#eef0f1;color:#637078}.demo-footer{padding-top:13px;color:#637078;font:600 10px 'DM Sans',sans-serif}.demo-progress{flex:none;width:70px;height:4px;border-radius:9px;background:#e8eee9;overflow:hidden}.demo-progress i{display:block;width:var(--progress,35%);height:100%;border-radius:inherit;background:#38A169;transition:width .35s ease}.journey-note{margin:12px 0 0;text-align:right;color:#7b887e;font-size:10px;line-height:1.5}
    .cost{background:#f0f4f1}.cost .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:center;gap:clamp(28px,5vw,68px);padding-top:58px;padding-bottom:58px}.cost .txt{min-width:0;padding:0}.cost .txt h2{max-width:18ch;margin:14px 0 18px;color:#1E293B;font:750 clamp(26px,3.5vw,42px)/1.12 Manrope,sans-serif;letter-spacing:-.045em}.cost .txt h2 em{color:#D97706;font-style:normal}.cost .lead{max-width:54ch}.cost-visual{position:relative;display:grid;place-items:center;min-height:245px;padding:25px;border-radius:18px;background:linear-gradient(135deg,#1F4B34,#2A6041);color:white;overflow:hidden}.cost-visual:after{content:'';position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-55px;bottom:-110px;box-shadow:0 0 0 22px rgba(255,255,255,.04),0 0 0 44px rgba(255,255,255,.03)}.cost-doc{position:relative;width:min(100%,315px);padding:20px;border-radius:12px;background:#fff;color:#1E293B;box-shadow:0 20px 40px rgba(0,0,0,.2);transform:rotate(-3deg);animation:doc-float 4.5s ease-in-out infinite}.cost-doc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #e5eae6;font:700 11px 'DM Sans',sans-serif}.cost-doc-top span:last-child{flex:none;padding:5px 8px;border-radius:30px;background:#fff0da;color:#a45a00;font-size:9px}.cost-doc-line{height:7px;margin-top:14px;border-radius:6px;background:#e8eee9}.cost-doc-line.short{width:64%}.cost-doc-alert{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px;border-radius:8px;background:#fff5e7;color:#8a4d08;font:700 10px 'DM Sans',sans-serif}.cost-doc-alert span{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:#D97706;color:white}
    @keyframes journey-arrive{from{opacity:.65;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes journey-row-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@keyframes doc-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}
    @media(max-width:900px){.journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-tab:nth-child(3){border-right:0}.journey-tab:nth-child(-n+3){border-bottom:1px solid rgba(42,96,65,.16)}.cost .wrap{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}}
    @media(max-width:650px){.journey{margin-top:28px}.journey-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-tab{min-height:67px;padding:13px 9px;gap:7px}.journey-tab:nth-child(3){border-right:1px solid rgba(42,96,65,.16)}.journey-tab:nth-child(2n){border-right:0}.journey-tab:nth-child(-n+4){border-bottom:1px solid rgba(42,96,65,.16)}.journey-tab b{font-size:10px}.journey-panel{grid-template-columns:minmax(0,1fr);gap:22px;padding:25px 19px}.journey-copy h3{margin-top:11px}.demo-rows{min-height:148px}.journey-note{text-align:left}.cost .wrap{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:42px;padding-bottom:42px}.cost-visual{min-height:220px}.cost .txt h2{max-width:24ch}}
    @media(prefers-reduced-motion:reduce){.journey-demo,.demo-row,.cost-doc{animation:none!important}.journey-tab,.journey-link span,.demo-progress i{transition:none}}
    .journey-hint{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:26px 0 -29px auto;padding:8px 12px;border:1px solid rgba(217,119,6,.24);border-radius:999px;background:#fff8ee;color:#85500f;font:700 11px/1.3 'DM Sans',sans-serif;letter-spacing:.01em}.hint-pointer{position:relative;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#D97706;color:#fff;animation:hint-tap 1.8s ease-in-out infinite}.hint-pointer svg{width:15px;height:15px}.hint-pointer i{position:absolute;inset:-4px;border:1px solid rgba(217,119,6,.55);border-radius:50%;animation:hint-ring 1.8s ease-out infinite}.hint-arrow{color:#D97706;font-size:15px;animation:hint-down 1.1s ease-in-out infinite}.journey-tabs{position:relative;z-index:1}.journey-tab{cursor:pointer}.journey-tab:not(.is-active){color:#42534a}.journey-tab:not(.is-active):hover{color:#1E293B;background:#f5f8f5}.journey-tab:not(.is-active):hover b{transform:translateY(-1px)}.journey-tab b{transition:transform .2s ease}
    @keyframes hint-tap{0%,100%{transform:translateY(0) scale(1)}42%{transform:translateY(2px) scale(.9)}58%{transform:translateY(0) scale(1.04)}}@keyframes hint-ring{0%{transform:scale(.7);opacity:.75}90%,100%{transform:scale(1.55);opacity:0}}@keyframes hint-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
    @media(max-width:650px){.journey-hint{margin:20px 0 -16px auto;font-size:10px}}
    @media(prefers-reduced-motion:reduce){.hint-pointer,.hint-pointer i,.hint-arrow{animation:none}}
    /* Sinalização mais clara de que cada etapa pode ser aberta */
    .journey-hint{margin:24px 0 12px auto;padding:10px 15px;border:0;background:#D97706;color:#fff;box-shadow:0 7px 18px rgba(217,119,6,.2);font-size:12px}.hint-pointer{background:rgba(255,255,255,.2);animation:hint-tap 1.35s ease-in-out infinite}.hint-pointer i{border-color:rgba(255,255,255,.65)}.hint-arrow{color:#fff}
    .journey-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;border:0}.journey-tab{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:84px;padding:13px 11px;border:1px solid #d9e4dc;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(31,75,52,.05);transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.journey-tab:last-child{border-right:1px solid #d9e4dc}.journey-tab>span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf3ef;color:#2A6041;font-size:10px}.journey-tab b{font-size:12px;line-height:1.35}.journey-tab .tab-chevron{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f5ede1;color:#D97706;font:700 17px/1 'DM Sans',sans-serif;transition:transform .2s ease,background .2s ease,color .2s ease}.journey-tab:after{display:none}.journey-tab:hover{transform:translateY(-3px);border-color:#38A169;background:#f5faf6;box-shadow:0 10px 20px rgba(31,75,52,.11)}.journey-tab:hover .tab-chevron{transform:translateX(2px);background:#D97706;color:#fff}.journey-tab.is-active,.journey-tab.is-active:hover{transform:translateY(-2px);border-color:#1F4B34;background:#1F4B34;color:#fff;box-shadow:0 10px 22px rgba(31,75,52,.2)}.journey-tab.is-active>span:first-child{background:#D97706;color:#fff}.journey-tab.is-active b{color:#fff}.journey-tab.is-active .tab-chevron{background:rgba(255,255,255,.17);color:#fff}.journey-tab:focus-visible{outline:3px solid #D97706;outline-offset:2px}
    @media(max-width:900px){.journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-tab:nth-child(3){border-right:1px solid #d9e4dc}.journey-tab:nth-child(-n+3){border-bottom:1px solid #d9e4dc}}
    @media(max-width:650px){.journey-hint{margin:20px 0 12px auto;padding:8px 11px;font-size:10px}.journey-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.journey-tab{grid-template-columns:22px minmax(0,1fr) 17px;min-height:76px;padding:10px 8px;gap:6px}.journey-tab>span:first-child{width:22px;height:22px}.journey-tab b{font-size:10px}.journey-tab .tab-chevron{width:17px;height:17px}.journey-tab:nth-child(3){border-right:1px solid #d9e4dc}.journey-tab:nth-child(2n){border-right:1px solid #d9e4dc}.journey-tab:nth-child(-n+4){border-bottom:1px solid #d9e4dc}}
    @media(prefers-reduced-motion:reduce){.journey-tab,.journey-tab:hover,.journey-tab.is-active,.journey-tab.is-active:hover,.journey-tab .tab-chevron{transition:none;transform:none}}

    /* Conteúdo acessível para leitores de tela e crawlers (sem depender de JS) */
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* FAQ */
    .faq-list{display:grid;gap:12px;margin-top:6px}
    .faq-item{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:#fff}
    .faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;font:700 14px 'DM Sans',sans-serif;color:var(--ink)}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:'+';flex:none;font-size:19px;color:var(--green)}
    .faq-item[open] summary:after{content:'–'}
    .faq-item p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
    .faq-more{margin-top:18px;font-size:13px;color:var(--muted)}
    .faq-more a{color:var(--green);font-weight:700;text-decoration:underline}
    .contact-info{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0;font-size:13px;color:var(--muted)}
    .contact-info a{color:var(--green);font-weight:700;text-decoration:underline}
    .foot address{font-style:normal;display:inline}
    @media(max-width:650px){.faq-item{padding:15px 16px}}

    /* Slogan */
    .slogan{background:#fff;padding:56px 0;text-align:center;border-bottom:1px solid var(--line)}
    .slogan-text{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(24px,3.2vw,36px);line-height:1.35;letter-spacing:-.02em;margin:0;color:var(--ink)}
    .slogan-text span{color:#D97706}
    @media(max-width:650px){.slogan{padding:38px 0}}