/* =========================================
   1. VARIÁVEIS GLOBAIS (:root)
   ========================================= */
:root {
  /* Cores */
  --color-dark: #072b31;
  --color-light: #e6eee1;
  --color-accent-light: #d3fe8a;
  --color-white: #ffffff;
  --color-black: #000000;

  /* Cores específicas da página Sobre (tokens do Figma) */
  --sv3-green: #2a554e; /* Brand/Verde Botanico - fundo Valores e cards de líderes */
  --sv3-green-medium: #2a554e; /* títulos da trajetória / conector */
  --sv3-green-darker: #122428; /* fundo do CTA */
  --sv3-text-gray: #333333; /* corpo de texto dos cards */
  --sv3-btn: #2f5854; /* botão CTA */

  /* Fontes */
  --font-aeonik-light: "Aeonik Light", sans-serif;
  --font-aeonik-regular: "Aeonik Regular", sans-serif;
  --font-aeonik-italic: "Aeonik Italic", sans-serif;
  --font-aeonik-bold: "Aeonik Bold", sans-serif;
  --font-feature-regular: "Feature Deck Regular", serif;
  --font-feature-bold: "Feature Deck Cond Bold", serif;

  --max-content-width: 1320px;
}

/* =========================================
   2. FONTES
   ========================================= */
@font-face {
  font-family: "Aeonik Regular";
  src: url("fonts/aeonik/Aeonik-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Italic";
  src: url("fonts/aeonik/Aeonik-RegularItalic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Light";
  src: url("fonts/aeonik/Aeonik-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Bold";
  src: url("fonts/aeonik/Aeonik-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Feature Deck Regular";
  src: url("fonts/feature/FeatureDeck-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Feature Deck Cond Regular";
  src: url("fonts/feature/FeatureDeckCondensed-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Feature Deck Cond Bold";
  src: url("fonts/feature/FeatureDeckCondensed-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* =========================================
   3. ESTRUTURA E SEÇÕES
   ========================================= */
#sobre-v3 {
  margin-top: 69px;
  background-color: var(--color-white);

  p,
  h1,
  h2,
  h3,
  h4 {
    padding: 0;
    margin: 0;
    color: var(--color-dark);
  }

  .content {
    max-width: var(--max-content-width);
    margin: 0 auto;
  }

  /* --- Hero --- */
  .sv3-hero {
    padding-top: 56px;
    background-color: var(--color-white);
  }

  .sv3-hero .content {
    max-width: none;
    background-color: var(--color-light);
    border-radius: 140px 140px 0 0;
    padding: 110px 42px 130px 42px;
  }

  .sv3-hero h1 {
    font-family: var(--font-feature-regular);
    font-weight: 400;
    font-size: 94px;
    line-height: 97px;
    letter-spacing: 0;
    text-align: center;
  }

  .sv3-hero h1 b {
    font-family: var(--font-feature-bold);
    font-weight: 700;
  }

  .sv3-hero-imagens {
    margin-top: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 56px;
  }

  .sv3-hero-imagens .sangue {
    width: 380px;
    height: 380px;
    border-radius: 50%;
    object-fit: cover;
  }

  .sv3-hero-imagens .seta {
    width: 108px;
    height: auto;
  }

  .sv3-hero-imagens .chip {
    width: 353px;
    height: 353px;
    border-radius: 24px;
    object-fit: cover;
  }

  /* --- Intro --- */
  .sv3-intro {
    padding: 96px 42px;
  }

  .sv3-intro p {
    max-width: 1110px;
    margin: 0 auto;
    font-family: var(--font-aeonik-regular);
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
    text-align: center;
    color: var(--sv3-text-gray);
  }

  /* --- Propósito e Valores --- */
  .sv3-valores {
    background-color: var(--sv3-green);
    padding: 110px 42px;
  }

  .sv3-valores h2 {
    font-family: var(--font-feature-bold);
    font-weight: 700;
    font-size: 70px;
    line-height: 76px;
    letter-spacing: 0.5px;
    color: var(--color-light);
  }

  .sv3-valores h3 {
    margin-top: 88px;
    font-family: var(--font-aeonik-bold);
    font-size: 48px;
    line-height: 48px;
    color: var(--color-light);
  }

  .sv3-valores-lista {
    list-style: none;
    margin: 24px 0 0 0;
    padding: 0;
  }

  .sv3-valores-lista li {
    display: grid;
    grid-template-columns: 0.78fr 1.19fr 1.03fr;
    column-gap: 56px;
    padding: 26px 0 54px 0;
    border-top: 1px solid var(--color-light);
  }

  .sv3-valores-lista li:first-child {
    border-top: 4px solid var(--color-light);
  }

  .sv3-valores-lista h4 {
    font-family: var(--font-feature-regular);
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.5px;
    color: var(--color-accent-light);
  }

  .sv3-valores-lista .citacao {
    max-width: 395px;
    font-family: var(--font-aeonik-italic);
    font-style: italic;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.5px;
    color: var(--color-light);
  }

  .sv3-valores-lista .descricao {
    font-family: var(--font-aeonik-regular);
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: var(--color-light);
  }

  /* --- Líderes --- */
  .sv3-lideres {
    padding: 110px 42px;
    background-color: var(--color-white);
  }

  .sv3-lideres h2 {
    font-family: var(--font-aeonik-bold);
    font-size: 48px;
    line-height: 48px;
    text-align: center;
  }

  .sv3-lideres-grid {
    margin: 88px auto 0 auto;
    max-width: 1094px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 44px 40px;
    justify-items: center;
  }

  .sv3-lider-card {
    width: 100%;
    max-width: 338px;
    background-color: var(--sv3-green);
    border-radius: 172.5px;
    padding: 16px 16px 52px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .sv3-lider-card .foto {
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 30px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-white);
  }

  .sv3-lider-card .foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }

  .sv3-lider-card h3 {
    font-family: var(--font-aeonik-bold);
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
    color: var(--color-accent-light);
  }

  .sv3-lider-card p {
    font-family: var(--font-aeonik-regular);
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
    color: var(--color-light);
  }

  .sv3-lider-card .ver-biografia {
    margin-top: 24px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--font-aeonik-regular);
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: var(--color-light);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .sv3-lider-card .ver-biografia:hover,
  .sv3-lider-card .ver-biografia:focus-visible {
    color: var(--color-accent-light);
  }

  /* --- Modal de biografia --- */
  .sv3-modal {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background-color: rgba(7, 43, 49, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
  }

  .sv3-modal[hidden] {
    display: none;
  }

  .sv3-modal-card {
    position: relative;
    background-color: var(--color-white);
    border-radius: 16px;
    max-width: 1180px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    padding: 44px;
    display: grid;
    grid-template-columns: 390px 1fr;
    gap: 44px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.3);
  }

  .sv3-modal-card .fechar {
    position: absolute;
    top: 16px;
    right: 22px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
    color: #9aa5a2;
  }

  .sv3-modal-card .foto img {
    width: 100%;
    height: 100%;
    min-height: 380px;
    object-fit: cover;
    border-radius: 12px;
  }

  .sv3-modal-card .titulo {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .sv3-modal-card .titulo h3 {
    font-family: var(--font-aeonik-bold);
    font-size: 32px;
  }

  .sv3-modal-card .titulo a {
    color: var(--color-dark);
    font-size: 26px;
    display: flex;
  }

  .sv3-modal-card .cargo {
    margin-top: 6px;
    font-family: var(--font-aeonik-italic);
    font-style: italic;
    font-size: 18px;
    color: var(--sv3-green-medium);
  }

  .sv3-modal-card .bio {
    margin-top: 26px;
    font-family: var(--font-aeonik-regular);
    font-size: 17px;
    line-height: 27px;
    color: var(--sv3-text-gray);
  }

  /* --- Trajetória --- */
  .sv3-trajetoria {
    background: linear-gradient(
      180deg,
      var(--color-light) 0%,
      rgba(231, 239, 228, 0.8) 42%,
      rgba(237, 241, 242, 0) 100%
    );
    padding: 110px 42px 130px 42px;
  }

  .sv3-trajetoria h2 {
    font-family: var(--font-feature-regular);
    font-weight: 400;
    font-size: 94px;
    line-height: 97px;
    text-align: center;
  }

  .sv3-trajetoria .subtitulo {
    margin-top: 18px;
    font-family: var(--font-aeonik-regular);
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
    color: var(--sv3-text-gray);
    text-align: center;
  }

  .sv3-trajetoria-grid {
    margin-top: 90px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 64px;
  }

  .sv3-trajetoria-item {
    display: flex;
    flex-direction: column;
    height: min-content;
    padding-bottom: 2rem;
    margin-top: auto;
    position: relative;
  }

  .sv3-trajetoria-item .foto {
    margin-bottom: 32px;
  }

  .sv3-trajetoria-item .foto img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    border-radius: 18px;
    display: block;
  }

  .sv3-trajetoria-item .conteudo {
    flex: 1;
    border-left: 1px solid var(--sv3-green-medium);
    padding-left: 22px;
    position: relative;
  }

  .sv3-trajetoria-item .conteudo::before {
    content: "";
    position: absolute;
    top: 14px;
    left: -3.5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--sv3-green-medium);
  }

  .sv3-trajetoria-item h3 {
    font-family: var(--font-feature-regular);
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: var(--sv3-green-medium);
  }

  .sv3-trajetoria-item p {
    margin-top: 18px;
    font-family: var(--font-aeonik-regular);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--sv3-text-gray);
  }

  .sv3-trajetoria-item p a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  /* Barras de progresso da linha do tempo */
  .sv3-trajetoria-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -32px;
    right: -32px;
    height: 14px;
  }

  .sv3-trajetoria-item:nth-child(3n + 1)::after {
    left: 0;
  }

  .sv3-trajetoria-item:nth-child(3n)::after {
    right: 0;
  }

  /* Cores da barra item a item: clareia→escurece conforme o Figma
     (tons de continuação repetem nos cantos do "snake") */
  .etapa-1::after {
    background-color: #d8e2d8;
  } /* Neutros/20  - Como começamos */
  .etapa-2::after {
    background-color: #b8c9c1;
  } /* Neutros/30  - Nasce o Mili */
  .etapa-3::after,
  .etapa-4::after {
    background-color: #93a8a0;
  } /* Neutros/40  - Reconhecimento / Nasce a Hilab */
  .etapa-5::after {
    background-color: #6d857f;
  } /* Neutros/50  - Covid-19 */
  .etapa-6::after,
  .etapa-7::after {
    background-color: #496461;
  } /* Neutros/60  - Butantan / Missões */
  .etapa-8::after {
    background-color: #2b4a43;
  } /* Neutros/70  - Novos lançamentos */
  .etapa-9::after,
  .etapa-10::after {
    background-color: #14363b;
  } /* Neutros/80  - Design Premiado / Hemograma PoCT */
  .etapa-11::after {
    background-color: #072b31;
  } /* Neutros/90  - Molecular */
  .etapa-12::after,
  .etapa-13::after {
    background-color: #122020;
  } /* Neutros/100 - Hemograma indígena / Innovative */
  .etapa-14::after {
    background-color: var(--color-black);
  } /* Novo e já premiado */

  /* Espaço entre as linhas da grade */
  .sv3-trajetoria-item:nth-child(n + 4) {
    margin-top: auto;
    padding-top: 5rem;
  }

  /* Setas de início e fim da linha do tempo */
  .sv3-traj-seta {
    position: absolute;
    bottom: 7px;
    width: 91px;
    height: 28px;
    background: url("images/sobre-v3/arrow_right.svg") no-repeat center / contain;
    transform: translateY(50%);
    z-index: 2;
    pointer-events: none;
  }

  .sv3-traj-seta-inicio {
    left: -32px;
    transform: translate(-100%, 50%);
  }

  .sv3-traj-seta-fim {
    right: -32px;
    transform: translate(100%, 50%);
  }

  @media screen and (max-width: 1024px) {
    .sv3-traj-seta-fim {
      right: 60px;
    }
  }

  /* --- CTA Faça parte --- */
  .sv3-cta {
    background-color: var(--sv3-green-darker);
    display: flex;
    align-items: stretch;
    border-top: 90px solid var(--color-white);
  }

  .sv3-cta .foto {
    width: 50%;
    position: relative;
    overflow: hidden;
  }

  .sv3-cta .foto img {
    width: 100%;
    height: 100%;
    min-height: 560px;
    object-fit: cover;
    display: block;
  }

  .sv3-cta .foto::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background-color: var(--color-white);
    border-top-right-radius: 100%;
  }

  .sv3-cta .conteudo {
    width: 50%;
    padding: 110px 42px 110px 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .sv3-cta h2 {
    font-family: var(--font-feature-regular);
    font-weight: 400;
    font-size: 94px;
    line-height: 97px;
    color: var(--color-accent-light);
  }

  .sv3-cta p {
    margin-top: 40px;
    max-width: 460px;
    font-family: var(--font-aeonik-regular);
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
    color: var(--color-white);
  }

  .sv3-cta .destaque {
    margin-top: 32px;
    max-width: none;
    font-family: var(--font-aeonik-bold);
  }

  .sv3-btn {
    margin-top: 40px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: var(--sv3-btn);
    color: #ebfff8;
    font-family: var(--font-aeonik-regular);
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 40px;
    transition: background-color 0.3s ease;
  }

  .sv3-btn:hover,
  .sv3-btn:focus-visible {
    background-color: var(--sv3-green);
    color: #ebfff8;
  }

  .sv3-btn img {
    width: 24px;
  }

  /* =========================================
   4. MEDIA QUERIES
   ========================================= */

  @media screen and (max-width: 1024px) {
    .sv3-hero h1 {
      font-size: 64px;
    }

    .sv3-hero-imagens .sangue {
      width: 260px;
      height: 260px;
    }

    .sv3-hero-imagens .chip {
      width: 240px;
      height: 240px;
    }

    .sv3-valores h2 {
      font-size: 48px;
      line-height: 1.1;
    }

    .sv3-valores-lista li {
      gap: 28px;
    }

    .sv3-valores-lista h4 {
      font-size: 32px;
    }

    .sv3-valores-lista .citacao {
      font-size: 17px;
      line-height: 26px;
    }

    .sv3-valores-lista .descricao {
      font-size: 16px;
      line-height: 25px;
    }

    .sv3-lideres-grid {
      gap: 32px 24px;
    }

    .sv3-lider-card {
      border-radius: 120px;
      padding: 14px 14px 40px 14px;
    }

    .sv3-lider-card .foto {
      margin-bottom: 22px;
    }

    .sv3-lider-card h3 {
      font-size: 18px;
      line-height: 26px;
    }

    .sv3-lider-card p {
      font-size: 18px;
      line-height: 26px;
    }

    .sv3-lider-card .ver-biografia {
      margin-top: 16px;
      font-size: 16px;
    }

    .sv3-modal-card {
      grid-template-columns: 320px 1fr;
      padding: 32px;
      gap: 32px;
    }

    .sv3-trajetoria h2 {
      font-size: 64px;
      line-height: 1.05;
    }

    .sv3-trajetoria-item h3 {
      font-size: 34px;
      line-height: 1.1;
    }

    .sv3-trajetoria-grid {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 48px;
    }

    .sv3-trajetoria-item:nth-child(n + 3) {
      margin-top: auto;
    }

    .sv3-trajetoria-item::after {
      left: -24px;
      right: -24px;
    }

    .sv3-trajetoria-item:nth-child(3n + 1)::after {
      left: -24px;
    }

    .sv3-trajetoria-item:nth-child(3n)::after {
      right: -24px;
    }

    .sv3-trajetoria-item:nth-child(odd)::after {
      left: 0;
    }

    .sv3-trajetoria-item:nth-child(even)::after {
      right: 0;
    }

    .sv3-cta h2 {
      font-size: 64px;
      line-height: 1.05;
    }

    .sv3-cta .conteudo {
      padding: 64px 42px;
    }
  }

  @media screen and (max-width: 768px) {
    margin-top: 60px;

    .sv3-hero {
      padding-top: 24px;
    }

    .sv3-hero .content {
      border-radius: 56px 56px 0 0;
      padding: 64px 24px 72px 24px;
    }

    .sv3-hero h1 {
      font-size: 42px;
      line-height: 1.1;
    }

    .sv3-hero-imagens {
      margin-top: 44px;
      gap: 18px;
    }

    .sv3-hero-imagens .sangue {
      width: 130px;
      height: 130px;
    }

    .sv3-hero-imagens .seta {
      width: 32px;
    }

    .sv3-hero-imagens .chip {
      width: 125px;
      height: 95px;
      border-radius: 8px;
    }

    .sv3-intro {
      padding: 56px 24px;
    }

    .sv3-intro p {
      font-size: 16px;
      line-height: 25px;
      text-align: left;
    }

    .sv3-valores {
      padding: 64px 24px;
    }

    .sv3-valores h2 {
      font-size: 38px;
      line-height: 1.2;
    }

    .sv3-valores h3 {
      margin-top: 48px;
      font-size: 24px;
    }

    .sv3-valores-lista li {
      grid-template-columns: 1fr;
      gap: 16px;
      padding: 24px 0 40px 0;
    }

    .sv3-valores-lista li:first-child {
      border-top: 4px solid var(--color-light);
    }

    .sv3-valores-lista h4 {
      font-size: 34px;
    }

    .sv3-lideres {
      padding: 64px 24px;
    }

    .sv3-lideres h2 {
      font-size: 30px;
    }

    .sv3-lideres-grid {
      margin-top: 44px;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px 16px;
    }

    .sv3-lider-card {
      border-radius: 110px;
      padding: 12px 12px 28px 12px;
    }

    .sv3-lider-card .foto {
      margin-bottom: 18px;
    }

    .sv3-lider-card h3 {
      font-size: 16px;
      line-height: 22px;
    }

    .sv3-lider-card p {
      font-size: 16px;
      line-height: 22px;
    }

    .sv3-lider-card .ver-biografia {
      margin-top: 14px;
      font-size: 14px;
    }

    .sv3-modal {
      padding: 16px;
    }

    .sv3-modal-card {
      grid-template-columns: 1fr;
      gap: 24px;
      padding: 20px;
    }

    .sv3-modal-card .foto img {
      min-height: 0;
      max-height: 300px;
      object-position: top;
    }

    .sv3-modal-card .titulo h3 {
      font-size: 24px;
    }

    .sv3-modal-card .bio {
      font-size: 15px;
      line-height: 24px;
    }

    .sv3-trajetoria {
      padding: 64px 24px 80px 24px;
    }

    .sv3-trajetoria h2 {
      font-size: 38px;
    }

    .sv3-trajetoria .subtitulo {
      font-size: 16px;
    }

    .sv3-trajetoria-grid {
      margin-top: 48px;
      grid-template-columns: 1fr;
      position: relative;
    }

    /* Trilho vertical da timeline: vai do primeiro ao último item,
       logo abaixo da seta, na cor Neutros/20 */
    .sv3-trajetoria-grid::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 96px;
      bottom: 0;
      width: 10px;
      background-color: #d8e2d8;
    }

    .sv3-trajetoria-item,
    .sv3-trajetoria-item:nth-child(n + 2) {
      margin-top: auto;
      padding-top: 5rem;
      padding-bottom: 0;
      padding-left: 42px;
    }

    .sv3-trajetoria-item:first-child {
      margin-top: 0;
    }

    .sv3-trajetoria-item .foto {
      min-height: 0;
      margin-bottom: 24px;
    }

    .sv3-trajetoria-item .conteudo {
      border-left: none;
      padding-left: 0;
    }

    .sv3-trajetoria-item .conteudo::before {
      display: none;
    }

    .sv3-trajetoria-item h3 {
      font-size: 30px;
      display: table;
      border-bottom: 1px solid var(--sv3-green-medium);
      padding-bottom: 6px;
      padding-left: 22px;
      margin-left: -22px;
    }

    .sv3-trajetoria-item p {
      margin-top: 18px;
    }

    /* Barras coloridas e seta de fim ficam ocultas no mobile */
    .sv3-trajetoria-item::after,
    .sv3-traj-seta-fim {
      display: none;
    }

    /* Barra com seta no início da timeline, apontando para baixo
       (mesma seta do desktop girada 90°) — dá a sensação de passagem
       do tempo na versão de coluna única */
    .sv3-trajetoria-item:first-child {
      padding-top: 110px;
    }

    .sv3-traj-seta-inicio {
      display: block;
      width: 91px;
      height: 28px;
      top: 32px;
      left: -31px;
      bottom: auto;
      right: auto;
      transform: rotate(90deg);
    }

    .sv3-cta {
      flex-direction: column;
      border-top-width: 48px;
    }

    .sv3-cta .foto,
    .sv3-cta .conteudo {
      width: 100%;
    }

    .sv3-cta .foto img {
      min-height: 0;
      max-height: 340px;
    }

    .sv3-cta .foto::after {
      width: 90px;
      height: 90px;
    }

    .sv3-cta .conteudo {
      padding: 48px 24px 64px 24px;
    }

    .sv3-cta h2 {
      font-size: 44px;
    }

    .sv3-cta p {
      margin-top: 24px;
      font-size: 16px;
      line-height: 25px;
    }
  }
}