/* ── Fontes self-hosted ─────────────────────────────────── */
    @font-face {
      font-family: 'Sora';
      font-style: normal;
      font-weight: 100 900;
      font-display: fallback;
      src: url('/assets/fonts/sora-latin-ext.woff2') format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
      font-family: 'Sora';
      font-style: normal;
      font-weight: 100 900;
      font-display: fallback;
      src: url('/assets/fonts/sora-latin.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
      font-family: 'Inter';
      font-style: normal;
      font-weight: 100 900;
      font-display: optional;
      src: url('/assets/fonts/inter-latin.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
      font-family: 'Bricolage Grotesque';
      font-style: normal;
      font-weight: 100 900;
      font-stretch: 100%;
      font-display: optional;
      src: url('/assets/fonts/bricolage-latin-ext.woff2') format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
      font-family: 'Bricolage Grotesque';
      font-style: normal;
      font-weight: 100 900;
      font-stretch: 100%;
      font-display: optional;
      src: url('/assets/fonts/bricolage-latin.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
      font-family: 'Lora';
      font-style: italic;
      font-weight: 400;
      font-display: optional;
      src: url('/assets/fonts/lora-italic-latin-ext.woff2') format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
      font-family: 'Lora';
      font-style: italic;
      font-weight: 400;
      font-display: optional;
      src: url('/assets/fonts/lora-italic-latin.woff2') format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* ── Reset ──────────────────────────────────────────────── */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
      font-size: 16px;
    }

    body {
      font-family: 'Sora', sans-serif;
      background: #f7f7f7;
      color: #1a2540;
      -webkit-font-smoothing: antialiased;
    }

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

    a {
      color: inherit;
    }

    /* ── Design tokens ──────────────────────────────────────── */
    :root {
      --blue: #3b5998;
      --blue-dark: #2d4373;
      --blue-mid: #4a6db5;
      --blue-light: #8b9dc3;
      --blue-pale: #dfe3ee;
      --blue-bg: #e8ecf5;
      --bg: #f7f7f7;
      --bg-alt: #f0f2f5;
      --bg-dark: #1a2540;
      --white: #ffffff;
      --text: #1a2540;
      --muted: #6b7280;
      --green: #10b981;
      --border: rgba(0, 0, 0, 0.07);
    }

    /* ── Layout ─────────────────────────────────────────────── */
    .container {
      width: 85%;
      max-width: 1200px;
      margin: 0 auto;
    }

    .container-hero {
      width: 85%;
      max-width: 1400px;
      margin: 0 auto;
    }

    .section {
      padding: 4rem 0;
      min-height: 100svh;
      position: relative;
    }

    #contexto {
      min-height: 0;
    }

    .section-lg {
      padding: 5rem 0;
      min-height: 100svh;
      position: relative;
    }

    #nichos, #objecoes, #faq, #metodo, #conteudo {
      min-height: auto; /* ou 0 */
    }

    /* ── Separadores de dobra ───────────────────────────────── */
    #contexto::after,
    #objecoes::after,
    #diferencial::after,
    #metodo::after,
    #conteudo::after,
    #resultados::after,
    #nichos::after,
    #marcos-vaz::after,
    #precos::after,
    #faq::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: min(520px, 52%);
      height: 1px;
      background: linear-gradient(
        to right,
        transparent 0%,
        var(--blue-mid) 30%,
        var(--blue) 50%,
        var(--blue-mid) 70%,
        transparent 100%
      );
      opacity: 0.28;
      pointer-events: none;
    }

    .text-center {
      text-align: center;
    }

    /* ── Typography ─────────────────────────────────────────── */
    .font-sora,
    h1,
    h2,
    h3 {
      font-family: 'Sora', sans-serif;
    }

    .eyebrow {
      display: inline-block;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--blue);
      margin-bottom: 0.875rem;
    }

    .eyebrow-white {
      color: var(--blue-pale);
    }

    .section-h2 {
      font-family: 'Sora', sans-serif;
      font-size: clamp(1.75rem, 3.5vw, 2.5rem);
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: -0.025em;
      color: var(--text);
      margin-bottom: 1rem;
    }

    .h2-2lines {
      display: block;
      max-width: 30ch;
      margin: 0 auto;
      text-align: center;
    }

    @media (max-width: 700px) {
      .h2-2lines {
        max-width: 18ch;
      }
    }

    .section-h2-white {
      color: #ffffff;
    }

    .section-sub {
      font-size: 1rem;
      line-height: 1.7;
      color: var(--muted);
      max-width: 560px;
    }

    .section-sub-center {
      margin: 0 auto;
      text-align: center;
    }

    /* ── Buttons ─────────────────────────────────────────────── */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: 0.95rem;
      padding: 0.875rem 2rem;
      border-radius: 0.75rem;
      cursor: pointer;
      text-decoration: none;
      border: none;
      transition: all 0.2s ease;
      line-height: 1;
    }

    .btn-blue {
      background: var(--blue);
      color: #fff;
    }

    .btn-blue:hover {
      background: var(--blue-dark);
      box-shadow: 0 8px 24px rgba(59, 89, 152, .35);
      transform: translateY(-1px);
    }

    .btn-white {
      background: #fff;
      color: var(--blue);
    }

    .btn-white:hover {
      background: var(--blue-pale);
      box-shadow: 0 8px 24px rgba(255, 255, 255, .2);
      transform: translateY(-1px);
    }

    .btn-outline {
      background: transparent;
      color: #fff;
      border: 2px solid rgba(255, 255, 255, .4);
    }

    .btn-outline:hover {
      background: rgba(255, 255, 255, .1);
      border-color: rgba(255, 255, 255, .6);
    }

    .btn-lg {
      padding: 1.125rem 2.75rem;
      font-size: 1.05rem;
      border-radius: 0.875rem;
    }

    .btn-full {
      width: 100%;
    }

    /* ── Shimmer placeholder ─────────────────────────────────── */
    .shimmer {
      background: linear-gradient(135deg, #dde3ee 0%, #c8d0e0 50%, #dde3ee 100%);
      background-size: 200% 200%;
      animation: shimmer 2.4s ease-in-out infinite;
    }

    @keyframes shimmer {
      0% {
        background-position: 0% 50%;
      }

      50% {
        background-position: 100% 50%;
      }

      100% {
        background-position: 0% 50%;
      }
    }

    /* ── Scroll reveal ───────────────────────────────────────── */
    .aos {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .65s ease, transform .65s ease;
    }

    .aos.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* ─────────────────────────────────────────────────────────
       NAVBAR
    ───────────────────────────────────────────────────────── */


    /* ─────────────────────────────────────────────────────────
       HERO
    ───────────────────────────────────────────────────────── */
    #hero {
      min-height: 91svh;
      display: flex;
      align-items: center;
      background: var(--blue);
      position: relative;
      overflow: hidden;
    }

    #hero::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      background-image: radial-gradient(circle, rgba(255, 255, 255, .1) 1px, transparent 1px);
      background-size: 36px 36px;
      z-index: 0;
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .08;
      z-index: 0;
      /* background: radial-gradient(circle at 15% 85%, #fff 0%, transparent 50%),
                  radial-gradient(circle at 85% 15%, #8b9dc3 0%, transparent 50%); */
    }

    .hero-inner {
      position: relative;
      padding: 2rem 0;
      z-index: 1;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      align-items: center;
      gap: 3rem;
    }

    .hero-right {
      display: flex;
      justify-content: center;
      position: relative;
    }

    .hero-logo {
      height: 4.75rem;
      width: auto;
      max-width: 293px;
      margin-bottom: 1.5rem;
      display: block;
    }

    /* .hero-h1 {
      font-family: 'Bricolage Grotesque', 'Sora', sans-serif; font-weight: 800;
      font-size: clamp(2.4rem, 5.5vw, 4rem); color: #fff;
      line-height: 1.06; letter-spacing: -0.04em; margin-bottom: 1.25rem;
      animation: slideDown .6s .1s ease both;
    } */

    .hero-h1 {
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: clamp(1.5rem, 3vw, 2.25rem);
      color: #fff;
      line-height: 1.1;
      letter-spacing: 0.02em;
      margin-bottom: 1.25rem;
      white-space: normal;
      max-width: 20ch;
    }

    .hero-sub {
      font-family: 'Sora', sans-serif;
      color: rgba(223, 227, 238, .9);
      font-size: 1.05rem;
      line-height: 1.75;
      margin-bottom: 2rem;
      max-width: 32rem;
    }

    @media (max-width: 700px) {
      .hero-sub {
        max-width: 26rem;
      }
    }

    .hero-sub strong {
      color: #fff;
      font-weight: 600;
      font-style: normal;
    }

    .hero-actions {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 2rem;
    }

    .hero-guarantee {
      font-size: 0.8rem;
      color: rgba(255, 255, 255, .55);
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .hero-guarantee svg {
      color: var(--green);
      flex-shrink: 0;
    }

    .social-proof {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }

    .reactions {
      display: flex;
    }

    .react-icon {
      width: 2.1rem;
      height: 2.1rem;
      border-radius: 50%;
      border: 2px solid rgba(255, 255, 255, .6);
      margin-left: -0.5rem;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .react-icon:first-child {
      margin-left: 0;
    }

    .react-like {
      background: #1877f2;
    }

    .react-love {
      background: #f33e58;
    }

    .react-haha {
      background: #f7b125;
    }

    .react-count {
      background: rgba(255, 255, 255, .2);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.6rem;
      font-weight: 700;
      color: #fff;
    }

    .social-text {
      font-size: 0.875rem;
      color: rgba(223, 227, 238, .85);
    }

    .social-text strong {
      color: #fff;
      font-weight: 600;
    }

    /* ── Phone mockup ─── */
    .phone-wrap {
      position: relative;
      animation: slideUp .8s .15s ease both;
    }

    .phone {
      /* width: clamp(260px, 24vw, 320px); */
      background: var(--blue-dark);
      border-radius: 38px;
      /* padding: 12px; */
      box-shadow: 0 40px 80px rgba(59, 89, 152, .35), 0 0 0 1px rgba(59, 89, 152, .2);
      transform: rotate(3deg);
    }

    .phone-screen {
      background: #fff;
      border-radius: 28px;
      overflow: hidden;
    }

    .phone-fb-header {
      background: var(--blue);
      padding: .7rem 1rem .5rem;
      display: flex;
      align-items: center;
      gap: .5rem;
    }

    .phone-fb-header svg {
      width: 20px;
      height: 20px;
      fill: white;
    }

    .phone-fb-header span {
      color: white;
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: .85rem;
    }

    .phone-video-thumb {
      height: 345px;
      position: relative;
      overflow: hidden;
    }

    .phone-video-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .phone-reactions {
      padding: .6rem 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid var(--blue-pale);
    }

    .phone-reactions-count {
      font-size: .75rem;
      color: #7a8baa;
    }

    .phone-reactions-icons {
      display: flex;
      gap: 2px;
    }

    .phone-reactions-icons span {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .65rem;
      border: 1.5px solid white;
    }

    .phone-reactions-icons .r-like {
      background: #1877f2;
    }

    .phone-reactions-icons .r-love {
      background: #f33e58;
    }

    .phone-reactions-icons .r-haha {
      background: #f7b928;
    }

    .phone-post-actions {
      display: flex;
      justify-content: space-around;
      padding: .5rem 0;
    }

    .phone-post-btn {
      background: none;
      border: none;
      cursor: default;
      font-size: .7rem;
      font-weight: 600;
      color: #5a6a8a;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      font-family: 'Sora', sans-serif;
    }

    .phone-post-btn svg {
      width: 16px;
      height: 16px;
      stroke: #5a6a8a;
      fill: none;
      stroke-width: 1.75;
    }

    /* ── Floating badges ─── */
    .badge-float {
      position: absolute;
      top: -18px;
      right: -24px;
      background: #fff;
      border: 1px solid var(--blue-pale);
      border-radius: 14px;
      padding: .7rem 1rem;
      box-shadow: 0 8px 28px rgba(59, 89, 152, .15);
      display: flex;
      align-items: center;
      gap: .6rem;
    }

    .badge-float-icon {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      background: #e8f5ee;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .badge-float-icon svg {
      width: 18px;
      height: 18px;
      stroke: #2d7a2d;
      fill: none;
      stroke-width: 1.75;
    }

    .badge-float-label {
      font-size: .68rem;
      color: var(--muted);
      line-height: 1.3;
    }

    .badge-float-value {
      font-size: .95rem;
      font-weight: 800;
      color: #2d7a2d;
    }

    .badge-float-2 {
      position: absolute;
      bottom: -10px;
      left: -30px;
      background: var(--bg-dark);
      border-radius: 14px;
      padding: .65rem 1rem;
      box-shadow: 0 8px 28px rgba(59, 89, 152, .35);
      display: flex;
      align-items: center;
      gap: .6rem;
      animation: float 3.5s .5s ease-in-out infinite;
    }

    .badge-float-2-icon {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: rgba(59, 89, 152, .35);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .badge-float-2-icon svg {
      width: 16px;
      height: 16px;
      stroke: var(--blue-pale);
      fill: none;
      stroke-width: 1.75;
    }

    .badge-float-2-val {
      font-size: .85rem;
      font-weight: 700;
      color: white;
      line-height: 1.3;
    }

    .badge-float-2-lbl {
      font-size: .68rem;
      color: var(--blue-light);
    }

    /* ── Hero wave ─── */
    .hero-wave {
      display: block;
      width: 100%;
      height: 70px;
      margin-top: -2px;
    }

    /* ── Keyframes hero ─── */
    @keyframes float {

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

      50% {
        transform: translateY(-7px);
      }
    }

    @keyframes pop {

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

      50% {
        transform: scale(1.08);
      }
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 00: CONTEXTO
    ───────────────────────────────────────────────────────── */
    .ctx-stats {
      display: flex;
      gap: 1.25rem;
      justify-content: center;
      flex-wrap: wrap;
      margin: 2.5rem auto 2rem;
    }

    .ctx-stat {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.25rem;
      background: #fff;
      border-radius: 1rem;
      padding: 1.25rem 1.75rem;
      border: 1px solid var(--blue-pale);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 6px 20px rgba(0, 0, 0, .06);
      width: 13rem;
      flex-shrink: 0;
    }

    .ctx-stat-num {
      font-family: 'Sora', sans-serif;
      font-size: 1.75rem;
      font-weight: 800;
      color: var(--blue);
      line-height: 1;
      letter-spacing: -0.03em;
    }

    .ctx-stat-label {
      font-size: 0.78rem;
      color: var(--muted);
      text-align: center;
    }

    .ctx-body {
      max-width: 620px;
      margin: 0 auto;
      font-size: 1rem;
      color: var(--muted);
      line-height: 1.8;
      text-align: center;
    }

    .fb-link {
      color: inherit;
      text-decoration: underline;
      text-decoration-color: var(--blue-pale);
      text-underline-offset: 2px;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 01: OBJECOES
    ───────────────────────────────────────────────────────── */
    #objecoes-heading {
      max-width: 22ch;
      margin-left: auto;
      margin-right: auto;
    }

    .objecoes-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.25rem;
      margin-top: 3rem;
    }

    .objecao-card {
      display: block;
      background: #fff;
      border-radius: 1.25rem;
      padding: 1.5rem;
      border: 1px solid rgba(59, 89, 152, .1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 6px 20px rgba(0, 0, 0, .07);
      transition: box-shadow .25s, transform .25s, border-color .25s;
    }

    .objecao-card:hover {
      box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 16px 40px rgba(59, 89, 152, .13);
      border-color: rgba(59, 89, 152, .22);
      transform: translateY(-3px);
    }

    @media (max-width: 700px) {
      .objecao-card {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
      }

      .objecao-icon {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }

    @media (min-width: 701px) {
      .objecao-icon {
        display: block;
        margin: 0 auto 1rem;
      }
    }

    .objecao-icon {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.75rem;
      flex-shrink: 0;
      background: var(--blue-bg);
      box-shadow: 0 2px 8px rgba(59, 89, 152, .15),
                  0 0 0 6px rgba(59, 89, 152, .06),
                  0 0 18px 2px rgba(59, 89, 152, .12);
    }

    .objecao-icon svg {
      width: 1.15rem;
      height: 1.15rem;
      color: var(--blue);
    }

    .objecao-body {
      flex: 1;
      min-width: 0;
    }

    .objecao-title {
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: 0.95rem;
      color: var(--text);
      margin-bottom: 0.35rem;
    }

    .objecao-desc {
      font-size: 0.85rem;
      color: var(--muted);
      line-height: 1.6;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 02: DIFERENCIAL
    ───────────────────────────────────────────────────────── */
    .diferencial-callout {
      border-left: 4px solid var(--blue);
      background: var(--blue-bg);
      border-radius: 0 1rem 1rem 0;
      padding: 1.25rem 1.75rem;
      font-family: 'Sora', sans-serif;
      font-size: 1.05rem;
      font-style: italic;
      color: var(--blue-dark);
      line-height: 1.7;
      max-width: 680px;
      margin: 2rem auto;
      text-align: left;
    }

    .compare-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      max-width: 820px;
      margin: 2.5rem auto 0;
    }

    .compare-card {
      background: #fff;
      border-radius: 1.25rem;
      padding: 2rem;
      border: 1px solid rgba(0, 0, 0, .07);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 6px 20px rgba(0, 0, 0, .07),
        inset 0 1px 0 rgba(255, 255, 255, .85);
    }

    .compare-card.highlight {
      border-color: var(--blue);
      box-shadow: 0 0 0 3px rgba(59, 89, 152, .1), 0 12px 40px rgba(59, 89, 152, .16),
        inset 0 1px 0 rgba(255, 255, 255, .85);
    }

    .compare-header {
      font-family: 'Sora', sans-serif;
      font-weight: 800;
      font-size: 1rem;
      margin-bottom: 1.5rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid var(--border);
    }

    .compare-header.bad {
      color: var(--muted);
    }

    .compare-header.good {
      color: var(--blue);
    }

    .compare-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .compare-item {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding: 0.75rem 0;
      border-bottom: 1px solid rgba(0, 0, 0, .05);
      font-size: 0.9rem;
      line-height: 1.5;
      color: var(--muted);
    }

    .compare-item:last-child {
      border-bottom: none;
    }

    .ci-x {
      color: #ef4444;
      flex-shrink: 0;
    }

    .ci-check {
      color: var(--green);
      flex-shrink: 0;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 03: METODO
    ───────────────────────────────────────────────────────── */
    /* .metodo-intro {
      background: var(--blue-bg); border-left: 3px solid var(--blue);
      border-radius: 0 0.75rem 0.75rem 0;
      padding: 1.5rem 2rem; margin: 2rem auto 0;
      max-width: 680px; text-align: left;
    }
    .metodo-intro p { font-size: 0.95rem; color: var(--text); line-height: 1.75; }
    .metodo-intro p + p { margin-top: 0.75rem; } */

    .metodo-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
      margin: 2.5rem auto 0;
      text-align: left;
    }

    .metodo-card {
      border-radius: 1.5rem;
      padding: 3rem;
    }

    .metodo-card-old {
      background: var(--bg-alt);
      border: 1px solid var(--border);
    }

    .metodo-card-new {
      background: var(--bg-dark);
    }

    .metodo-card-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-family: 'Sora', sans-serif;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      border-radius: 999px;
      padding: 0.35rem 1rem;
      margin-bottom: 1.5rem;
    }

    .metodo-card-old .metodo-card-badge {
      background: #fff;
      color: var(--muted);
      border: 1px solid var(--border);
    }

    .metodo-card-new .metodo-card-badge {
      background: rgba(255, 255, 255, .12);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, .2);
    }

    .metodo-card-list {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      list-style: none;
    }

    @media (min-width: 701px) {
      .metodo-card {
        padding: 3.5rem;
      }

      .metodo-card-list {
        gap: 1.125rem;
      }
    }

    .mci {
      display: flex;
      align-items: center;
      gap: 0.875rem;
      font-size: 0.975rem;
      line-height: 1.5;
    }

    .mci-icon {
      flex-shrink: 0;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.8rem;
      font-weight: 700;
    }

    .metodo-card-old .mci {
      color: var(--muted);
      text-decoration: line-through;
    }

    .metodo-card-old .mci-icon {
      background: rgba(0, 0, 0, .06);
      color: var(--muted);
    }

    .metodo-card-new .mci {
      color: rgba(255, 255, 255, .9);
      text-decoration: none;
    }

    .metodo-card-new .mci-icon {
      background: rgba(255, 255, 255, .15);
      color: #fff;
    }

    .steps-list {
      max-width: 680px;
      margin: 3rem auto 0;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .step-item {
      display: flex;
      gap: 2rem;
      padding: 2rem 0;
      border-bottom: 1px solid var(--border);
      align-items: flex-start;
    }

    .step-item:last-child {
      border-bottom: none;
    }

    .step-num {
      font-family: 'Sora', sans-serif;
      font-size: 3rem;
      font-weight: 800;
      color: rgba(59, 89, 152, .13);
      line-height: 1;
      flex-shrink: 0;
      width: 4.5rem;
      text-align: right;
      padding-top: 0.125rem;
    }

    .step-content {
      flex: 1;
    }

    .step-title {
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: 1.05rem;
      color: var(--text);
      margin-bottom: 0.5rem;
    }

    .step-desc {
      font-size: 0.9rem;
      color: var(--muted);
      line-height: 1.7;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 04: NICHOS
    ───────────────────────────────────────────────────────── */
    .nichos-cloud {
      display: flex;
      flex-wrap: wrap;
      gap: 0.625rem;
      justify-content: center;
      margin: 2.5rem auto 0;
      max-width: 860px;
    }

    .nicho-tag {
      display: inline-flex;
      align-items: center;
      padding: 0.5rem 1.125rem;
      border-radius: 999px;
      font-size: 0.85rem;
      font-weight: 600;
      background: #fff;
      border: 1.5px solid var(--blue-pale);
      color: var(--blue);
      cursor: default;
      transition: background .2s, border-color .2s, color .2s, transform .15s;
    }

    .nicho-tag:hover {
      background: var(--blue);
      color: #fff;
      border-color: var(--blue);
      transform: translateY(-2px);
    }


    /* ─────────────────────────────────────────────────────────
       DOBRA 05: CONTEUDO DO CURSO
    ───────────────────────────────────────────────────────── */
    .learn-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.25rem;
      margin-top: 3rem;
    }

    .learn-card {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: 1rem;
      background-color: #fdfdfd;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");
      border-radius: 1.25rem;
      padding: 1.5rem;
      border: 1px solid rgba(59, 89, 152, .08);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 6px 20px rgba(0, 0, 0, .07);
      transition: box-shadow .25s, transform .25s, border-color .25s;
      position: relative;
      overflow: hidden;
    }

    .learn-card::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 80px;
      height: 80px;
      background: radial-gradient(circle at top right, rgba(59, 89, 152, .04) 0%, transparent 70%);
      pointer-events: none;
    }

    .learn-card:hover {
      box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 16px 40px rgba(59, 89, 152, .13);
      border-color: rgba(59, 89, 152, .22);
      transform: translateY(-3px);
    }

    .learn-icon {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.75rem;
      flex-shrink: 0;
      background: var(--blue-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 8px rgba(59, 89, 152, .15),
                  0 0 0 6px rgba(59, 89, 152, .06),
                  0 0 18px 2px rgba(59, 89, 152, .12);
    }

    .learn-icon svg {
      width: 1.15rem;
      height: 1.15rem;
      color: var(--blue);
    }

    .learn-body {
      flex: 1;
      min-width: 0;
    }

    .learn-title {
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: 0.95rem;
      color: var(--text);
      margin-bottom: 0.35rem;
    }

    .learn-desc {
      font-size: 0.85rem;
      color: var(--muted);
      line-height: 1.6;
    }

    /* .learn-card-featured {
      background: var(--blue-dark); border-color: transparent;
      box-shadow: 0 4px 24px rgba(29,53,115,.35);
    }
    .learn-card-featured .learn-title { color: #fff; }
    .learn-card-featured .learn-desc  { color: rgba(255,255,255,.72); }
    .learn-card-featured:hover { border-color: transparent; box-shadow: 0 8px 36px rgba(29,53,115,.5); }
     */

    .learn-icon-featured {
      background: rgba(255, 255, 255, .15);
    }

    .learn-icon-featured svg {
      color: #fff;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 06: MARCOS VAZ
    ───────────────────────────────────────────────────────── */
    .about-grid {
      display: flex;
      gap: 4rem;
      align-items: center;
    }

    .about-photo-img {
      width: 17rem;
      aspect-ratio: 4/5;
      object-fit: cover;
      object-position: top;
      border-radius: 1.5rem;
      flex-shrink: 0;
      box-shadow: 0 8px 40px rgba(0, 0, 0, .15);
    }

    .about-photo {
      flex-shrink: 0;
      width: 17rem;
      aspect-ratio: 3/4;
      border-radius: 1.5rem;
      overflow: hidden;
      position: relative;
    }

    .about-copy {
      flex: 1;
    }

    .about-mobile-photo { display: none; }

    .about-bio {
      font-size: 0.975rem;
      color: var(--muted);
      line-height: 1.8;
      margin-bottom: 2rem;
    }

    .about-bio p+p {
      margin-top: 1rem;
    }

    /* .stats-row {
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: 1rem; text-align: left;
    }
     */

    .stats-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      max-width: 800px;
      margin: 0 auto;
      text-align: center;
    }

    /* .stat-item { min-width: 0; } */

    .stat-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    /* .stat-num {
      font-family: 'Sora', sans-serif;
      font-size: clamp(1.25rem, 3.5vw, 2rem);
      font-weight: 800; color: var(--blue);
      letter-spacing: -0.02em; line-height: 1.15;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    } */
    .stat-num {
      font-size: 2rem;
      font-weight: 700;
      color: var(--blue);
      line-height: 1.2;
    }

    /* .stat-label { font-size: clamp(0.7rem, 1.5vw, 0.8rem); color: var(--muted); margin-top: 0.25rem; } */

    .stat-label {
      font-size: 0.95rem;
      color: var(--muted);
      margin-top: 0.25rem;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 07: PROVA SOCIAL
    ───────────────────────────────────────────────────────── */
    /* ── iPhone screen mockup ── */
    /* .iphone-screen {
      position: relative; aspect-ratio: 9/16; border-radius: 2.5rem;
      background: #111; padding: 0.5rem;
      box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 30px 60px rgba(0,0,0,.3);
      overflow: visible; flex-shrink: 0; width: 14rem;
    }
     */

    .iphone-screen {
      width: 100%;
      min-height: 200px;
      /* 🔥 você pediu isso */
      max-height: 410px;
      /* 🔥 você pediu isso */
      aspect-ratio: 9 / 19;
      /* mantém formato de celular */
      background: #000;
      padding: 8px;
      border-radius: 32px;
    }

    /* iPhone screen inner */
    .iphone-screen-inner {
      width: 100%;
      height: 100%;
      border-radius: 24px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .iphone-screen-inner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
    }

    /* ── Result cards (identity + proof) ── */
    /* .results-grid {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;
      margin-top: 3rem;
    } */

    .results-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.25rem;
      margin-top: 3rem;
    }

    .result-card {
      background: #111;
      border-radius: 1.5rem;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    }

    .result-header {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1.25rem;
    }

    .result-avatar {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      flex-shrink: 0;
      background: linear-gradient(135deg, #4a6db5, #8b9dc3);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 1.3rem;
      font-family: 'Sora', sans-serif;
    }

    .result-info {
      flex: 1;
    }

    .result-info strong {
      display: block;
      font-size: 1rem;
      font-weight: 700;
      color: var(--text);
    }

    .result-info span {
      font-size: 0.85rem;
      color: var(--muted);
    }

    .result-stars {
      margin-left: auto;
      color: #f5b301;
      font-size: 1rem;
      letter-spacing: .05em;
    }

    .result-proof {
      width: 100%;
      background: #111;
    }

    .result-proof .iphone-screen {
      width: 100%;
      aspect-ratio: unset;
      height: auto;
      max-height: unset;
      min-height: unset;
      border-radius: 0;
      box-shadow: none;
      padding: 0;
      background: transparent;
    }

    .result-proof .iphone-screen::before {
      display: none;
    }

    .result-proof .iphone-screen-inner {
      border-radius: 0;
      height: auto;
      overflow: visible;
    }

    .result-proof .iphone-screen-inner img {
      width: 100%;
      height: auto;
      object-fit: unset;
      object-position: unset;
      display: block;
    }

    /* ── Video reel slider ── */
    #video-reel {
      background: var(--bg-alt);
      padding: 2.5rem 0 0;
      overflow: hidden;
      min-height: 280px;
    }

    .reel-label {
      text-align: center;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 1.25rem;
      padding: 0 2rem;
    }

    /* pseudo-elementos em vez de mask-image: evita bug Safari iOS com CSS animation */
    /* clip-path em vez de overflow:hidden — evita bug Safari iOS com animated layer */
    .slider-mask {
      clip-path: inset(0);
      position: relative;
    }
    .slider-mask::before,
    .slider-mask::after {
      content: '';
      position: absolute;
      top: 0; bottom: 0;
      width: 8%;
      z-index: 2;
      pointer-events: none;
    }
    .slider-mask::before {
      left: 0;
      background: linear-gradient(to right, var(--bg-alt), transparent);
    }
    .slider-mask::after {
      right: 0;
      background: linear-gradient(to left, var(--bg-alt), transparent);
    }

    .slider-card {
      flex: 0 0 120px;
      height: 210px;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid rgba(59, 89, 152, .18);
      box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
    }

    .slider-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 08: PRECOS
    ───────────────────────────────────────────────────────── */
    .pricing-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      max-width: 680px;
      margin: 3rem auto 0;
    }

    .price-card {
      background: #fff;
      border-radius: 1.5rem;
      padding: 2rem;
      border: 1px solid rgba(0, 0, 0, .07);
      position: relative;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 8px 28px rgba(0, 0, 0, .07),
        inset 0 1px 0 rgba(255, 255, 255, .85);
      transition: box-shadow .25s, transform .25s;
    }

    .price-card:hover {
      box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 16px 48px rgba(0, 0, 0, .1),
        inset 0 1px 0 rgba(255, 255, 255, .85);
      transform: translateY(-2px);
    }

    .price-card.featured {
      border-color: #f5af19;
      box-shadow: 0 0 0 3px rgba(245, 175, 25, .15), 0 16px 56px rgba(245, 175, 25, .25),
        inset 0 1px 0 rgba(255, 255, 255, .85);
    }

    .price-card.featured:hover {
      box-shadow: 0 0 0 3px rgba(245, 175, 25, .2), 0 24px 64px rgba(245, 175, 25, .35),
        inset 0 1px 0 rgba(255, 255, 255, .85);
      transform: translateY(-3px);
    }

    .price-badge {
      position: absolute;
      top: -0.875rem;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(135deg, #f5af19, #f12711);
      color: #fff;
      font-family: 'Sora', sans-serif;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      padding: 0.25rem 0.875rem;
      border-radius: 999px;
      white-space: nowrap;
      box-shadow: 0 4px 15px rgba(245, 175, 25, 0.4);
    }

    .price-name {
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: 0.95rem;
      color: var(--muted);
      margin-bottom: 0.25rem;
    }

    .price-value {
      font-family: 'Sora', sans-serif;
      font-weight: 800;
      font-size: 2.75rem;
      color: var(--blue);
      letter-spacing: -0.04em;
      line-height: 1;
      margin: 0.875rem 0 0.25rem;
    }

    .price-value .price-prefix {
      font-size: 1.25rem;
      vertical-align: super;
      margin-right: 0.1em;
    }

    .price-period {
      font-size: 0.8rem;
      color: var(--muted);
      margin-bottom: 1.5rem;
    }

    .price-divider {
      height: 1px;
      background: var(--border);
      margin: 1.25rem 0;
    }

    .price-features {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.625rem;
      margin-bottom: 1.75rem;
    }

    .pf {
      display: flex;
      align-items: flex-start;
      gap: 0.625rem;
      font-size: 0.875rem;
      color: var(--muted);
      line-height: 1.4;
    }

    .pf-check {
      color: var(--green);
      flex-shrink: 0;
      margin-top: 0.125rem;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 09: GARANTIA
    ───────────────────────────────────────────────────────── */
    #garantia {
      background: var(--bg-dark);
      padding: 4rem 0;
      position: relative;
    }

    #garantia::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: min(520px, 52%);
      height: 1px;
      background: linear-gradient(
        to right,
        transparent 0%,
        rgba(255, 255, 255, 0.35) 30%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0.35) 70%,
        transparent 100%
      );
      pointer-events: none;
    }

    .garantia-inner {
      max-width: 680px;
      margin: 0 auto;
      text-align: center;
    }

    .garantia-dias-badge {
      width: 6rem;
      height: 6rem;
      border-radius: 50%;
      margin: 0 auto 1.5rem;
      border: 3px dashed rgba(16, 185, 129, .5);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: rgba(16, 185, 129, .1);
    }

    .garantia-dias-num {
      font-family: 'Sora', sans-serif;
      font-size: 2.2rem;
      font-weight: 800;
      color: var(--green);
      line-height: 1;
    }

    .garantia-dias-label {
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: .12em;
      color: var(--green);
      opacity: .8;
    }

    .garantia-badge {
      display: inline-block;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--green);
      background: rgba(16, 185, 129, .1);
      border: 1px solid rgba(16, 185, 129, .25);
      padding: 0.3rem 0.875rem;
      border-radius: 999px;
      margin-bottom: 1.25rem;
    }

    .garantia-h2 {
      font-family: 'Sora', sans-serif;
      font-size: clamp(1.6rem, 3.5vw, 2.25rem);
      font-weight: 800;
      color: #fff;
      letter-spacing: -0.025em;
      margin-bottom: 1rem;
      line-height: 1.15;
    }

    .garantia-sub {
      color: rgba(255, 255, 255, .65);
      font-size: 1rem;
      line-height: 1.75;
      margin-bottom: 2rem;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }

    .garantia-bullets {
      display: flex;
      gap: 2rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 2rem;
    }

    .garantia-bullet {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.875rem;
      color: rgba(255, 255, 255, .75);
    }

    .garantia-bullet svg {
      color: var(--green);
      flex-shrink: 0;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 10: FAQ
    ───────────────────────────────────────────────────────── */
    .faq-list {
      max-width: 720px;
      margin: 3rem auto 0;
    }

    .faq-item {
      border-bottom: 1px solid var(--border);
    }

    .faq-btn {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1.25rem 0;
      background: none;
      border: none;
      cursor: pointer;
      gap: 1rem;
      text-align: left;
    }

    .faq-q {
      font-family: 'Sora', sans-serif;
      font-weight: 600;
      font-size: 0.95rem;
      color: var(--text);
      line-height: 1.45;
    }

    .faq-icon {
      flex-shrink: 0;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      background: var(--bg-alt);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform .3s ease, background .2s;
    }

    .faq-icon svg {
      width: 0.875rem;
      height: 0.875rem;
      color: var(--muted);
      transition: color .2s;
    }

    .faq-item.open .faq-icon {
      transform: rotate(45deg);
      background: var(--blue);
    }

    .faq-item.open .faq-icon svg {
      color: #fff;
    }

    .faq-body {
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease;
    }

    .faq-a {
      padding: 0 2rem 1.25rem 0;
      font-size: 0.9rem;
      color: var(--muted);
      line-height: 1.75;
    }

    .faq-support {
      text-align: center;
      margin-top: 2.5rem;
      font-size: 0.9rem;
      color: var(--muted);
    }

    .faq-support a {
      color: var(--blue);
      font-weight: 600;
      text-decoration: none;
    }

    .faq-support a:hover {
      text-decoration: underline;
    }

    /* ─────────────────────────────────────────────────────────
       DOBRA 11: CTA FINAL
    ───────────────────────────────────────────────────────── */
    #cta-final {
      background: var(--blue);
      position: relative;
      overflow: hidden;
    }

    #cta-final .hero-overlay {
      opacity: .06;
    }

    .cta-final-inner {
      position: relative;
      text-align: center;
      max-width: 680px;
      margin: 0 auto;
      padding: 6rem 0;
    }

    .cta-final-h2 {
      font-family: 'Sora', sans-serif;
      font-weight: 800;
      font-size: clamp(1.75rem, 4vw, 3rem);
      color: #fff;
      line-height: 1.1;
      letter-spacing: -0.025em;
      margin-bottom: 1.25rem;
    }

    .cta-final-sub {
      color: rgba(223, 227, 238, .9);
      font-size: 1.05rem;
      line-height: 1.7;
      margin-bottom: 2.5rem;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
    }

    .cta-final-guarantee {
      margin-top: 1.25rem;
      font-size: 0.85rem;
      color: rgba(255, 255, 255, .5);
    }

    /* ─────────────────────────────────────────────────────────
       FOOTER
    ───────────────────────────────────────────────────────── */
    footer {
      background: var(--bg-dark);
      color: rgba(255, 255, 255, .55);
      padding: 2.5rem 0;
    }

    .footer-inner {
      width: 85%;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.25rem;
    }

    .footer-brand {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .footer-brand-icon {
      width: auto;
      height: 5.5rem;
    }

    .footer-brand-icon img {
      width: auto;
      height: 100%;
    }

    .footer-brand-text {
      font-family: 'Sora', sans-serif;
      font-weight: 700;
      font-size: 0.9rem;
      color: rgba(255, 255, 255, .7);
    }

    .footer-links {
      display: flex;
      gap: 1.5rem;
      flex-wrap: wrap;
      justify-content: center;
      list-style: none;
    }

    .footer-links a {
      font-size: 0.8rem;
      color: rgba(255, 255, 255, .4);
      text-decoration: none;
      transition: color .2s;
    }

    .footer-links a:hover {
      color: rgba(255, 255, 255, .75);
    }

    .footer-copy {
      font-size: 0.8rem;
      color: rgba(255, 255, 255, .35);
      text-align: center;
    }

    .footer-credit {
      font-size: 0.7rem;
      color: rgba(255, 255, 255, .25);
      text-align: center;
      margin-top: 0.5rem;
    }

    .footer-credit a {
      color: rgba(255, 255, 255, .35);
      text-decoration: none;
    }

    .footer-credit a:hover {
      color: rgba(255, 255, 255, .5);
    }

    /* ─────────────────────────────────────────────────────────
       RESPONSIVE
    ───────────────────────────────────────────────────────── */
    @media (max-width: 900px) {
      .hero-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
      }

      .hero-right {
        display: none;
      }

      .about-grid {
        flex-direction: column;
        gap: 2rem;
      }

      .objecoes-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .about-photo {
        width: 100%;
        max-width: 16rem;
      }

      .about-grid>.iphone-screen {
        display: none;
      }

      .about-photo-img {
        display: none;
      }

      .about-mobile-photo {
        display: block;
        width: 100%;
        max-width: 240px;
        margin: 0 auto 1.5rem;
        border-radius: 1.5rem;
        object-fit: cover;
        aspect-ratio: 4/5;
      }

      .about-copy {
        text-align: center;
      }

      .about-copy .stats-row {
        justify-content: center;
      }

      .about-copy .about-bio {
        text-align: left;
      }

      .stats-row {
        gap: 0.75rem;
      }
    }

    @media (max-width: 700px) {
      html {
        font-size: 14.5px;
      }

      .section {
        padding: 3rem 0;
      }

      .section-lg {
        padding: 3.5rem 0;
      }

      .ctx-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.625rem;
        margin: 1.5rem auto 1.25rem;
      }

      .ctx-stat {
        width: auto;
        padding: 0.875rem 0.5rem;
        border-radius: 0.875rem;
      }

      .ctx-stat-num {
        font-size: 1.35rem;
      }

      .ctx-stat-label {
        font-size: 0.68rem;
      }

      .objecoes-grid {
        grid-template-columns: 1fr;
      }

      .compare-wrap {
        grid-template-columns: 1fr;
      }

      .learn-grid {
        grid-template-columns: 1fr 1fr;
      }

      .results-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 380px;
      }

      .step-item {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1.75rem 0;
        text-align: center;
        align-items: center;
      }

      .step-num {
        font-size: 2rem;
        width: auto;
        text-align: center;
      }

      .step-content {
        width: 100%;
      }

      .section-h2 {
        font-size: 1.75rem;
      }

      .container {
        width: 90%;
      }

      .container-hero {
        width: 90%;
      }

      .garantia-bullets {
        gap: 1rem;
      }

      /* .metodo-intro { padding: 1.25rem 1.5rem; } */
      .nicho-tag {
        font-size: 0.72rem;
        padding: 0.35rem 0.7rem;
      }

      .nichos-cloud {
        gap: 0.4rem;
      }

      /* Hero mobile: remove forced full-viewport height */
      #hero {
        min-height: auto;
        padding-top: 1rem;
        padding-bottom: 0;
      }

      .hero-inner {
        padding: 1.5rem 0 0;
      }

      /* Center all copy */
      .hero-copy {
        text-align: center;
      }

      .hero-logo {
        margin: 0 auto 1.25rem;
        height: 4rem;
      }

      .hero-h1 {
        font-size: clamp(1.85rem, 8vw, 2.4rem);
        margin-bottom: 1rem;
        max-width: none;
      }

      .hero-sub {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1rem;
      }

      .hero-actions {
        align-items: center;
      }

      .hero-guarantee {
        justify-content: center;
      }

      .social-proof {
        justify-content: center;
      }


    }

    @media (max-width: 480px) {
      .section {
        padding: 2.5rem 0;
      }

      .section-lg {
        padding: 3rem 0;
      }

      .learn-grid {
        grid-template-columns: 1fr;
      }

      .metodo-cards {
        grid-template-columns: 1fr;
      }

      .results-grid {
        grid-template-columns: 1fr;
      }
    }