/* AtendePraVocê - sistema de estilos consolidado */

/* Breadcrumb: sublinha o item atual e sublinha links ao passar o mouse */
.page-breadcrumb a,
.page-breadcrumb span,
.breadcrumb a,
.breadcrumb span {
  text-decoration: none;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.page-breadcrumb a:hover,
.page-breadcrumb span[aria-current="page"]:hover,
.page-breadcrumb span:last-child:hover,
.breadcrumb a:hover,
.breadcrumb span[aria-current="page"]:hover,
.breadcrumb span:last-child:hover {
  text-decoration: underline;
}

.page-breadcrumb [aria-current="page"],
.page-breadcrumb span:last-child,
.breadcrumb [aria-current="page"],
.breadcrumb span:last-child {
  text-decoration: underline;
}


/* --- HOME | escopo body.page-home --- */


:root {
      --green: #007d2e;
      --green-dark: #005f23;
      --green-glow: rgba(0, 125, 46, 0.10);
      --dark: #f5f7f5;
      --dark-2: #eef1ee;
      --dark-3: #e6ebe6;
      --card: #ffffff;
      --border: rgba(0, 166, 62, 0.12);
      --border-bright: rgba(0, 166, 62, 0.35);
      --text: #1a2e1d;
      --muted: #4f7355;
      --white: #1a2e1d;
      --font-h: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
      --font-b: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    }

body.page-home *,
body.page-home *::before,
body.page-home *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

html {
      scroll-behavior: smooth;
    }

body.page-home {
      font-family: var(--font-b);
      background: var(--dark);
      color: var(--text);
      line-height: 1.6;
      overflow-x: hidden;
    }

body.page-home header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(245, 247, 245, 0.92);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border);
    }

body.page-home .hdr {
      max-width: 1140px;
      margin: 0 auto;
      padding: 0 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 66px;
      gap: 20px;
    }

body.page-home .logo-a {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
    }

body.page-home .logo-a img {
      height: 30px;
    }

body.page-home .logo-nm {
      font-family: var(--font-h);
      font-weight: 800;
      font-size: 16px;
      color: var(--white);
    }

body.page-home .logo-nm span {
      color: var(--green);
    }

body.page-home nav {
      display: flex;
      gap: 28px;
    }

body.page-home nav a {
      color: var(--muted);
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      transition: color 0.15s;
    }

body.page-home nav a:hover {
      color: var(--white);
    }

body.page-home .hdr-btns {
      display: flex;
      gap: 10px;
      align-items: center;
    }

body.page-home .btn-access {
      display: flex;
      align-items: center;
      gap: 6px;
      text-decoration: none;
      color: var(--muted);
      font-size: 13px;
      font-weight: 500;
      padding: 8px 14px;
      border: 1px solid var(--border);
      border-radius: 8px;
      transition: all 0.15s;
    }

body.page-home .btn-access:hover {
      color: var(--white);
      border-color: rgba(255, 255, 255, 0.2);
    }

body.page-home .btn-green {
      background: var(--green);
      color: var(--dark);
      border: none;
      padding: 10px 22px;
      border-radius: 8px;
      font-family: var(--font-b);
      font-weight: 700;
      font-size: 14px;
      cursor: pointer;
      transition: all 0.2s;
      white-space: nowrap;
    }

body.page-home .btn-green:hover {
      background: var(--green-dark);
      transform: translateY(-1px);
    }

@media(max-width: 640px) {
body.page-home nav {
        display: none;
      }

body.page-home .btn-access {
        display: none;
      }
}

body.page-home .hero {
      padding: 90px 24px 60px;
      position: relative;
      overflow: hidden;
    }

body.page-home .hero::after {
      content: '';
      position: absolute;
      top: -200px;
      right: -200px;
      width: 600px;
      height: 600px;
      background: radial-gradient(ellipse, rgba(0, 200, 83, 0.07) 0%, transparent 65%);
      pointer-events: none;
    }

body.page-home .hero-in {
      max-width: 1140px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

@media(max-width: 860px) {
body.page-home .hero-in {
        grid-template-columns: 1fr;
        gap: 40px;
      }

body.page-home .hero-visual-wrap {
        display: none;
      }
}

body.page-home .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: var(--green-glow);
      border: 1px solid rgba(0, 200, 83, 0.22);
      color: var(--green);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: 100px;
      margin-bottom: 24px;
    }

body.page-home .pulse {
      width: 6px;
      height: 6px;
      background: var(--green);
      border-radius: 50%;
      animation: pulseAnim 2s infinite;
    }

@keyframes pulseAnim {

      0%,
      100% {
        opacity: 1;
        transform: scale(1);
      }

      50% {
        opacity: .4;
        transform: scale(.7);
      }
    }

body.page-home h1 {
      font-family: var(--font-h);
      font-size: clamp(34px, 5vw, 56px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.08;
      letter-spacing: -0.025em;
      margin-bottom: 20px;
    }

body.page-home h1 mark {
      background: none;
      color: var(--green);
    }

body.page-home .hero-p {
      font-size: 17px;
      color: var(--muted);
      max-width: 500px;
      margin-bottom: 32px;
      line-height: 1.7;
    }

body.page-home .hero-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 36px;
    }

body.page-home .chip {
      display: flex;
      align-items: center;
      gap: 6px;
      background: var(--card);
      border: 1px solid var(--border);
      color: var(--text);
      font-size: 13px;
      font-weight: 500;
      padding: 7px 14px;
      border-radius: 8px;
    }

body.page-home .chip svg {
      color: var(--green);
    }

body.page-home .hero-btns {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

body.page-home .btn-lg {
      padding: 14px 28px;
      border-radius: 10px;
      font-family: var(--font-b);
      font-weight: 700;
      font-size: 16px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.2s;
      border: none;
    }

body.page-home .btn-lg.primary {
      background: var(--green);
      color: var(--dark);
    }

body.page-home .btn-lg.primary:hover {
      background: var(--green-dark);
      transform: translateY(-2px);
      box-shadow: 0 10px 30px rgba(0, 200, 83, 0.25);
    }

body.page-home .btn-lg.outline {
      background: transparent;
      color: var(--text);
      border: 1px solid rgba(255, 255, 255, 0.15);
    }

body.page-home .btn-lg.outline:hover {
      border-color: var(--green);
      color: var(--green);
    }

body.page-home .hero-visual-wrap {
      position: relative;
      height: 380px;
    }

body.page-home .hv-card {
      position: absolute;
      background: #ffffff;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 16px 20px;
      min-width: 200px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    }

body.page-home .hv-card.c1 {
      top: 0;
      left: 0;
      animation: float1 6s ease-in-out infinite;
    }

body.page-home .hv-card.c2 {
      top: 80px;
      right: 0;
      animation: float2 7s ease-in-out infinite;
    }

body.page-home .hv-card.c3 {
      bottom: 60px;
      left: 30px;
      animation: float1 8s ease-in-out infinite;
    }

body.page-home .hv-card.c4 {
      bottom: 0;
      right: 20px;
      animation: float2 5.5s ease-in-out infinite;
    }

@keyframes float1 {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(-10px)
      }
    }

@keyframes float2 {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(8px)
      }
    }

body.page-home .hvc-top {
      display: flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 8px;
    }

body.page-home .hvc-dot {
      width: 8px;
      height: 8px;
      background: var(--green);
      border-radius: 50%;
    }

body.page-home .hvc-dot.off {
      background: #3a4a3a;
    }

body.page-home .hvc-label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--muted);
    }

body.page-home .hvc-val {
      font-family: var(--font-h);
      font-size: 18px;
      font-weight: 800;
      color: #1a2e1d;
    }

body.page-home .hvc-sub {
      font-size: 12px;
      color: var(--muted);
    }

body.page-home .proof-bar {
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 18px 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 32px;
      flex-wrap: wrap;
    }

body.page-home .proof-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      color: var(--muted);
    }

body.page-home .proof-n {
      font-family: var(--font-h);
      font-size: 20px;
      font-weight: 800;
      color: var(--green);
    }

body.page-home .section {
      padding: 72px 24px;
    }

body.page-home .section-in {
      max-width: 1140px;
      margin: 0 auto;
    }

body.page-home .sec-label {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--green);
      margin-bottom: 10px;
    }

body.page-home h2 {
      font-family: var(--font-h);
      font-size: clamp(28px, 3.5vw, 42px);
      font-weight: 800;
      color: var(--white);
      letter-spacing: -0.02em;
      line-height: 1.15;
      margin-bottom: 12px;
    }

body.page-home .sec-sub {
      font-size: 16px;
      color: var(--muted);
      max-width: 520px;
      margin-bottom: 48px;
    }

body.page-home .prod-grid {
      display: grid;
      grid-template-columns: 1fr 1.15fr 1fr;
      gap: 20px;
      align-items: start;
    }

@media(max-width: 860px) {
body.page-home .prod-grid {
        grid-template-columns: 1fr;
      }
}

body.page-home .prod-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 32px 28px;
      display: flex;
      flex-direction: column;
      gap: 0;
      transition: border-color 0.2s;
      position: relative;
    }

body.page-home .prod-card:hover {
      border-color: rgba(0, 200, 83, 0.3);
    }

body.page-home .prod-card.star {
      border-color: rgba(0, 200, 83, 0.3);
      background: linear-gradient(160deg, rgba(0, 200, 83, 0.06) 0%, var(--card) 55%);
    }

body.page-home .top-badge {
      position: absolute;
      top: -13px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--green);
      color: var(--dark);
      font-size: 11px;
      font-weight: 800;
      padding: 4px 16px;
      border-radius: 100px;
      white-space: nowrap;
      letter-spacing: 0.05em;
    }

body.page-home .prod-icon {
      width: 50px;
      height: 50px;
      background: var(--green-glow);
      border: 1px solid rgba(0, 200, 83, 0.18);
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
    }

body.page-home .prod-icon svg {
      color: var(--green);
    }

body.page-home .prod-card h3 {
      font-family: var(--font-h);
      font-size: 19px;
      font-weight: 800;
      color: var(--white);
      margin-bottom: 8px;
    }

body.page-home .prod-card>p {
      font-size: 14px;
      color: var(--muted);
      margin-bottom: 22px;
      line-height: 1.5;
    }

body.page-home .feat-list {
      list-style: none;
      margin-bottom: 28px;
      flex: 1;
    }

body.page-home .feat-list li {
      display: flex;
      align-items: flex-start;
      gap: 9px;
      font-size: 14px;
      color: var(--text);
      padding: 6px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    }

body.page-home .feat-list li:last-child {
      border-bottom: none;
    }

body.page-home .feat-list li svg {
      color: var(--green);
      flex-shrink: 0;
      margin-top: 2px;
    }

body.page-home .hi {
      color: var(--green);
      font-weight: 600;
    }

body.page-home .prod-btn {
      width: 100%;
      padding: 12px;
      border-radius: 9px;
      font-family: var(--font-b);
      font-weight: 700;
      font-size: 14px;
      cursor: pointer;
      border: none;
      transition: all 0.2s;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      text-decoration: none;
    }

body.page-home .prod-btn.prim {
      background: var(--green);
      color: var(--dark);
    }

body.page-home .prod-btn.prim:hover {
      background: var(--green-dark);
    }

body.page-home .prod-btn.sec {
      background: transparent;
      color: var(--green);
      border: 1px solid rgba(0, 200, 83, 0.3);
    }

body.page-home .prod-btn.sec:hover {
      background: var(--green-glow);
    }

body.page-home .home-price-card {
      margin: 30px auto 0;
      max-width: 860px;
      background: linear-gradient(160deg, rgba(0, 166, 62, 0.08) 0%, var(--card) 58%);
      border: 1px solid rgba(0, 166, 62, 0.22);
      border-radius: 18px;
      padding: 28px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 22px;
      align-items: center;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
      scroll-margin-top: 90px;
    }

body.page-home .price-kicker {
      display: inline-flex;
      width: fit-content;
      background: var(--green-glow);
      border: 1px solid rgba(0, 166, 62, 0.20);
      color: var(--green);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.10em;
      padding: 4px 12px;
      border-radius: 100px;
      margin-bottom: 12px;
    }

body.page-home .home-price-card h3 {
      font-family: var(--font-h);
      font-size: clamp(22px, 2.8vw, 30px);
      line-height: 1.12;
      letter-spacing: -0.02em;
      color: var(--white);
      margin-bottom: 8px;
    }

body.page-home .home-price-card p {
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
      margin: 0;
    }

body.page-home .home-price-card strong {
      color: var(--green-dark);
    }

body.page-home .price-btn {
      width: auto;
      min-width: 230px;
      white-space: nowrap;
    }

@media(max-width: 760px) {
body.page-home .home-price-card {
        grid-template-columns: 1fr;
        text-align: left;
      }

body.page-home .price-btn {
        width: 100%;
        min-width: 0;
      }
}

body.page-home .adv {
      background: var(--dark-2);
    }

body.page-home .adv-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

@media(max-width: 860px) {
body.page-home .adv-grid {
        grid-template-columns: 1fr 1fr;
      }
}

@media(max-width: 500px) {
body.page-home .adv-grid {
        grid-template-columns: 1fr;
      }
}

body.page-home .adv-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 24px 22px;
      transition: border-color 0.2s;
    }

body.page-home .adv-card:hover {
      border-color: rgba(0, 200, 83, 0.25);
    }

body.page-home .adv-ic {
      width: 40px;
      height: 40px;
      background: var(--green-glow);
      border: 1px solid rgba(0, 200, 83, 0.15);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 14px;
    }

body.page-home .adv-ic svg {
      color: var(--green);
    }

body.page-home .adv-card h3 {
      font-family: var(--font-h);
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 6px;
    }

body.page-home .adv-card p {
      font-size: 13px;
      color: var(--muted);
      line-height: 1.5;
    }

body.page-home .demo-wrap {
      max-width: 1140px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1.1fr;
      gap: 52px;
      align-items: center;
    }

@media(max-width: 860px) {
body.page-home .demo-wrap {
        grid-template-columns: 1fr;
      }
}

body.page-home .demo-feats {
      list-style: none;
      margin: 20px 0 32px;
    }

body.page-home .demo-feats li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      color: var(--text);
      padding: 10px 0;
      border-bottom: 1px solid var(--border);
    }

body.page-home .demo-feats li:last-child {
      border-bottom: none;
    }

body.page-home .demo-feats li svg {
      color: var(--green);
      flex-shrink: 0;
    }

body.page-home .video-wrap {
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid var(--border);
      aspect-ratio: 16/9;
    }

body.page-home .video-wrap iframe {
      width: 100%;
      height: 100%;
      display: block;
      border: none;
    }

body.page-home .video-lite {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      border: 0;
      color: #fff;
      background:
        linear-gradient(rgba(8, 35, 24, .38), rgba(8, 35, 24, .68)),
        url('https://i.ytimg.com/vi/w5aPZZA8D_Q/hqdefault.jpg') center / cover no-repeat;
      font: inherit;
      font-weight: 700;
      cursor: pointer;
    }

body.page-home .video-lite__play {
      width: 62px;
      height: 62px;
      display: grid;
      place-items: center;
      padding-left: 4px;
      border-radius: 50%;
      color: #fff;
      background: var(--green);
      box-shadow: 0 14px 34px rgba(0, 125, 46, .35);
      font-size: 22px;
    }

body.page-home .video-lite:focus-visible {
      outline: 3px solid rgba(0, 166, 62, .45);
      outline-offset: -4px;
    }

body.page-home .test-bg {
      background: var(--dark-2);
    }

body.page-home .test-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

@media(max-width: 640px) {
body.page-home .test-grid {
        grid-template-columns: 1fr;
      }
}

body.page-home .test-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 28px 26px;
    }

body.page-home .stars {
      color: var(--green);
      font-size: 16px;
      margin-bottom: 14px;
    }

body.page-home .test-q {
      font-size: 15px;
      color: var(--text);
      line-height: 1.7;
      margin-bottom: 20px;
      font-style: italic;
    }

body.page-home .test-who {
      display: flex;
      align-items: center;
      gap: 12px;
    }

body.page-home .test-avatar {
      width: 40px;
      height: 40px;
      background: var(--green-glow);
      border: 1px solid rgba(0, 200, 83, 0.2);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-h);
      font-weight: 800;
      font-size: 14px;
      color: var(--green);
    }

body.page-home .test-who strong {
      font-size: 14px;
      color: var(--white);
      display: block;
    }

body.page-home .test-who span {
      font-size: 12px;
      color: var(--muted);
    }

body.page-home .fin-cta {
      text-align: center;
      padding: 90px 24px;
      background: linear-gradient(180deg, var(--dark) 0%, rgba(0, 200, 83, 0.04) 100%);
    }

body.page-home .fin-cta h2 {
      margin-bottom: 14px;
    }

body.page-home .fin-cta p {
      color: var(--muted);
      font-size: 17px;
      max-width: 460px;
      margin: 0 auto 32px;
    }

body.page-home .fin-tags {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 32px;
    }

body.page-home .ftag {
      display: flex;
      align-items: center;
      gap: 6px;
      background: var(--green-glow);
      border: 1px solid rgba(0, 200, 83, 0.15);
      color: var(--green);
      font-size: 13px;
      font-weight: 600;
      padding: 7px 15px;
      border-radius: 100px;
    }

body.page-home .fin-btns {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 14px;
    }

body.page-home footer {
      background: var(--dark-2);
      border-top: 1px solid var(--border);
      padding: 52px 24px 28px;
    }

body.page-home .ft-grid {
      max-width: 1140px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.5fr repeat(3, 1fr);
      gap: 36px;
      margin-bottom: 40px;
    }

@media(max-width: 860px) {
body.page-home .ft-grid {
        grid-template-columns: 1fr 1fr;
      }
}

@media(max-width: 480px) {
body.page-home .ft-grid {
        grid-template-columns: 1fr;
      }
}

body.page-home .ft-logo {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }

body.page-home .ft-logo img {
      height: 26px;
    }

body.page-home .ft-logo-nm {
      font-family: var(--font-h);
      font-weight: 800;
      color: var(--white);
      font-size: 15px;
    }

body.page-home .ft-desc {
      font-size: 13px;
      color: var(--muted);
      line-height: 1.6;
    }

body.page-home .ft-col h4 {
      font-family: var(--font-h);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 16px;
    }

body.page-home .ft-col a,
body.page-home .ft-col button {
      display: block;
      color: var(--text);
      text-decoration: none;
      font-size: 14px;
      margin-bottom: 10px;
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
      text-align: left;
      font-family: var(--font-b);
      transition: color 0.15s;
    }

body.page-home .ft-col a:hover,
body.page-home .ft-col button:hover {
      color: var(--green);
    }

body.page-home .ft-btm {
      max-width: 1140px;
      margin: 0 auto;
      border-top: 1px solid var(--border);
      padding-top: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      font-size: 13px;
      color: var(--muted);
    }

body.page-home .icon {
      display: inline-block;
    }

body.page-home svg {
      display: inline-block;
      vertical-align: middle;
    }

body.page-home h1 {
      color: #1a2e1d;
    }

body.page-home h2 {
      color: #1a2e1d;
    }

body.page-home .logo-nm {
      color: #1a2e1d;
    }

body.page-home .prod-card {
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    }

body.page-home .adv-card {
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    }

body.page-home .test-card {
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    }

body.page-home .step {
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    }

body.page-home .fin-cta {
      background: linear-gradient(180deg, var(--dark) 0%, rgba(0, 166, 62, 0.06) 100%);
    }

body.page-home footer {
      background: #eef1ee;
    }

body.page-home .blog-grid {
      display: grid;
      grid-template-columns: 1.6fr 1fr;
      grid-template-rows: auto auto;
      gap: 20px;
    }

@media(max-width: 860px) {
body.page-home .blog-grid {
        grid-template-columns: 1fr;
      }
}

body.page-home .blog-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 32px 28px;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      transition: border-color 0.2s, transform 0.2s;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    }

body.page-home .blog-card:hover {
      border-color: rgba(0, 200, 83, 0.35);
      transform: translateY(-2px);
    }

body.page-home .blog-card--featured {
      grid-row: 1 / 3;
    }

body.page-home .blog-tag {
      display: inline-block;
      background: var(--green-glow);
      border: 1px solid rgba(0, 200, 83, 0.2);
      color: var(--green);
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 4px 12px;
      border-radius: 100px;
      margin-bottom: 16px;
      width: fit-content;
    }

body.page-home .blog-card h3 {
      font-family: var(--font-h);
      font-size: 18px;
      font-weight: 800;
      color: var(--white);
      line-height: 1.2;
      margin-bottom: 12px;
      letter-spacing: -0.01em;
    }

body.page-home .blog-card--featured h3 {
      font-size: 22px;
    }

body.page-home .blog-card p {
      font-size: 14px;
      color: var(--muted);
      line-height: 1.6;
      flex: 1;
      margin-bottom: 20px;
    }

body.page-home .blog-read {
      font-size: 14px;
      font-weight: 700;
      color: var(--green);
      margin-top: auto;
    }

body.page-home .blog-card--small {
      padding: 24px 22px;
    }

body.page-home .blog-card--small h3 {
      font-size: 15px;
    }

body.page-home .blog-card--small p {
      font-size: 13px;
      margin-bottom: 14px;
    }

/* Ritmo móvel mais compacto: preserva todo o conteúdo sem alongar a jornada. */
@media(max-width: 640px) {
body.page-home .section {
        padding: 52px 20px;
      }

body.page-home .sec-sub {
        margin-bottom: 30px;
      }

body.page-home .prod-card,
body.page-home .blog-card {
        padding: 24px 22px;
      }

body.page-home .adv-card {
        padding: 20px 18px;
      }

body.page-home .demo-wrap {
        gap: 32px;
      }
}


/* Blocos de intenção, segmentos e FAQ adicionados para a jornada orgânica. */
body.page-home .home-intents { background: #f8faf8; }
body.page-home .intent-grid,
body.page-home .segment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
body.page-home .intent-card,
body.page-home .segment-card { display: flex; flex-direction: column; min-height: 100%; padding: 28px; color: var(--text); text-decoration: none; background: var(--card); border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 10px 32px rgba(16,35,29,.06); transition: transform .2s ease, border-color .2s ease; }
body.page-home .intent-card:hover,
body.page-home .segment-card:hover { transform: translateY(-3px); border-color: var(--border-bright); }
body.page-home .intent-card__tag,
body.page-home .segment-card > span { width: fit-content; margin-bottom: 12px; padding: 5px 11px; color: var(--green); background: var(--green-glow); border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
body.page-home .intent-card h3,
body.page-home .segment-card h3 { margin-bottom: 10px; font-family: var(--font-h); font-size: 20px; line-height: 1.25; }
body.page-home .intent-card p,
body.page-home .segment-card p { flex: 1; margin-bottom: 18px; color: var(--muted); font-size: 14px; }
body.page-home .intent-card strong,
body.page-home .segment-card strong { color: var(--green); font-size: 14px; }
body.page-home .segment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.page-home .home-faq__list { max-width: 860px; margin: 30px auto 0; background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 0 24px; }
body.page-home .home-faq details { border-bottom: 1px solid var(--border); }
body.page-home .home-faq details:last-child { border-bottom: 0; }
body.page-home .home-faq summary { position: relative; padding: 22px 40px 22px 0; cursor: pointer; font-weight: 750; list-style: none; }
body.page-home .home-faq summary::-webkit-details-marker { display: none; }
body.page-home .home-faq summary::after { content: "+"; position: absolute; right: 6px; color: var(--green); font-size: 24px; }
body.page-home .home-faq details[open] summary::after { content: "−"; }
body.page-home .home-faq details p { padding: 0 44px 22px 0; color: var(--muted); }
@media (max-width: 860px) { body.page-home .intent-grid, body.page-home .segment-grid { grid-template-columns: 1fr; } }

body.page-home .demo-related { display: grid; gap: 8px; margin-top: 18px; }
body.page-home .demo-related a { width: fit-content; color: var(--green); font-size: 14px; font-weight: 700; text-decoration: none; }
body.page-home .demo-related a:hover { text-decoration: underline; }