:root {
     --bg-color: #0D0D0D;
     --text-primary: #eee9df;
     --text-secondary: #AAAAAA;
     --accent-color: #FF8A6E;
     --accent-hover: #FFB162;
     --card-bg: #0d0d0d00;
     --timeline-line: #333;
     --tag-bg: rgba(255, 0, 127, 0.1);
     --header-bg: rgba(13, 13, 13, 0.9);
     --transition-main: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     --transition-smooth: all 0.2s ease-in-out;
 }

 .light-mode {
     --bg-color: #eee9df;
     --text-primary: #212529;
     --text-secondary: #555555;
     --accent-color: #A35139;
     --accent-hover: #503400;
     --card-bg: #eee9df00;
     --timeline-line: #DDD;
     --tag-bg: rgba(214, 0, 108, 0.1);
     --header-bg: rgba(248, 249, 250, 0.9);
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: "Hanken Grotesk", system-ui, sans-serif;
     background-color: var(--bg-color);
     color: var(--text-primary);
     line-height: 1.6;
     overflow-x: hidden;
 }

 a {
     text-decoration: none;
     color: inherit;
     transition: var(--transition-smooth);
 }

 h1,
 h2,
 h3,
 h4 {
     font-family: 'Hanken Grotesk', sans-serif;
     font-weight: 800;
 }

 h1,
 h2,
 h3,
 h4 {
     margin-bottom: 1rem;
 }

 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .text-pink {
     color: var(--accent-color);
 }

 .section-title {
     font-size: 1rem;
     font-weight: 300;
     color: var(--text-secondary);
     margin-bottom: 2rem;
 }

 header {
     position: sticky;
     top: 0;
     width: 100%;
     background-color: var(--header-bg);
     z-index: 100;
     border-bottom: 1px solid transparent;
     transition: var(--transition-main);
     backdrop-filter: blur(10px);
 }

 header.scrolled {
     border-bottom: 1px solid var(--timeline-line);
     padding: 5px 0;
 }

 header.scrolled nav {
     height: 60px;
 }

 nav {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 70px;
     transition: var(--transition-main);
     padding: 0 5%;
     position: relative;
 }

 .logo {
     position: absolute;
     left: 5%;
     font-size: 1.5rem;
     font-weight: 800;
     color: var(--accent-color);
     transition: var(--transition-smooth);
 }

 .logo:hover {
     transform: scale(1.1);
 }

 .nav-links {
     display: flex;
     gap: 30px;
     align-items: center;
 }

 .nav-links a {
     color: var(--text-secondary);
     font-weight: 600;
     position: relative;
 }

 .nav-links a:hover {
     color: var(--text-primary);
 }

 .nav-links a::after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     bottom: -5px;
     left: 0;
     background-color: var(--accent-color);
     transition: var(--transition-smooth);
 }

 .nav-links a:hover::after {
     width: 100%;
 }

 .nav-actions {
     position: absolute;
     right: 5%;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .nav-btn {
     border: 1px solid var(--accent-color);
     color: var(--accent-color);
     padding: 8px 16px;
     border-radius: 50px;
 }

 .nav-btn:hover {
     background-color: var(--accent-color);
     color: white;
 }

 .theme-toggle {
     background: none;
     border: none;
     color: var(--text-secondary);
     cursor: pointer;
     width: 24px;
     height: 24px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     margin-right: 20px;
     transition: var(--transition-smooth);
 }

 .theme-toggle:hover {
     color: var(--text-primary);
     transform: rotate(30deg);
 }

 .theme-toggle svg {
     width: 20px;
     height: 20px;
     fill: none;
     stroke: currentColor;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .hero-case {
     position: relative;
     min-height: calc(100vh - 70px);
     padding: 100px 0 60px 0;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .hero-case-container {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     max-width: 950px !important;
     margin: 0 auto;
     z-index: 2;
 }

 .hero-case-top-tag {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 0.85rem;
     color: var(--text-secondary);
     letter-spacing: 0.2em;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 2.5rem;
     opacity: 0.7;
 }

 .hero-case-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.5rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     margin-bottom: 2rem;
     letter-spacing: -0.02em;
 }

 .hero-case-title .italic-accent {
     font-style: italic;
     color: var(--accent-color);
     font-weight: 600;
 }

 .hero-case-subtitle {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 2.2rem;
     font-style: italic;
     color: var(--text-secondary);
     font-weight: 400;
     margin-bottom: 2.5rem;
     line-height: 1.25;
     opacity: 0.9;
 }

 .hero-case-description {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.2rem;
     color: var(--text-secondary);
     line-height: 1.6;
     max-width: 790px;
     margin-bottom: 5rem;
     font-weight: 400;
 }

 .hero-case-divider {
     width: 100%;
     height: 1px;
     background-color: var(--timeline-line);
     margin-bottom: 2.5rem;
     opacity: 0.4;
 }

 .hero-case-metadata-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     width: 100%;
     gap: 20px;
     text-align: left;
 }

 .metadata-item {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .metadata-label {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 0.8rem;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     font-weight: 700;
     text-transform: uppercase;
 }

 .metadata-value {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 0.95rem;
     color: var(--text-primary);
     font-weight: 600;
 }

 @media (max-width: 991px) {
     .hero-case-title {
         font-size: 2.6rem;
     }

     .hero-case-subtitle {
         font-size: 1.6rem;
     }

     .hero-case-description {
         font-size: 1.1rem;
         margin-bottom: 3.5rem;
     }

     .hero-case-metadata-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }
 }

 .parallax-shapes-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -2;
     overflow: hidden;
     pointer-events: none;
 }

 .parallax-shapes-container::before {
     content: '';
     position: absolute;
     inset: 0;
     background-size: 50px 50px;
     background-image:
         linear-gradient(to right, rgba(248, 190, 0, 0.03) 1px, transparent 1px),
         linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
     z-index: 1;
 }

 .light-mode .parallax-shapes-container::before {
     background-image:
         linear-gradient(to right, rgba(163, 81, 57, 0.03) 1px, transparent 1px),
         linear-gradient(to bottom, rgba(163, 81, 57, 0.03) 1px, transparent 1px);
 }

 .p-shape {
     position: absolute;
     will-change: transform;
     filter: blur(10px);
 }

 .p-shape::before {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(135deg, var(--accent-color) 0%, rgba(255, 0, 127, 0.15) 100%);
     transition: background 0.3s;
 }

 .p-shape.triangle::before {
     -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><polygon points='50,0 0,100 100,100' fill='black'/></svg>");
     mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><polygon points='50,0 0,100 100,100' fill='black'/></svg>");
     -webkit-mask-size: 100% 100%;
     mask-size: 100% 100%;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
 }

 .p-shape.hexagon::before {
     -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><polygon points='25,0 75,0 100,50 75,100 25,100 0,50' fill='black'/></svg>");
     mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><polygon points='25,0 75,0 100,50 75,100 25,100 0,50' fill='black'/></svg>");
     -webkit-mask-size: 100% 100%;
     mask-size: 100% 100%;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
 }

 .light-mode .p-shape {
     background: linear-gradient(135deg, var(--accent-color) 0%, rgba(214, 0, 108, 0.1) 100%);
 }

 .sobre {
     padding: 100px 0 25px 0;
     background-color: var(--card-bg);
     position: relative;
 }

 .sobre-content {
     display: flex;
     gap: 60px;
 }

 .sobre-left {
     flex: 1;
 }

 .sobre-right {
     flex: 1;
 }

 .text-impact {
     font-size: 2.5rem;
     line-height: 1.2;
     text-align: left;
     font-family: 'Hanken Grotesk', sans-serif;
     font-weight: 800;
 }

 .sobre-bio {
     color: var(--text-secondary);
     margin-bottom: 30px;
 }

 .o-que-faco-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     margin-top: 2rem;
 }

 .belief-box {
     padding: 30px;
     border: 2px solid var(--timeline-line);
     border-radius: 8px;
     transition: var(--transition-main);
     transform: scale(1);
     background-color: #b6b6b634;
 }

 .belief-box:hover {
     border-color: var(--accent-color);
     background-color: rgba(255, 0, 127, 0.02);
     transform: scale(1.05);
     box-shadow: 0 10px 25px rgba(255, 0, 127, 0.1);
 }

 .belief-title {
     font-size: 1.3rem;
     color: var(--text-primary);
     margin-bottom: 10px;
     transition: var(--transition-smooth);
 }

 .belief-box:hover .belief-title {
     color: var(--accent-color);
 }

 .belief-desc {
     color: var(--text-secondary);
     font-size: 1rem;
 }

 .showcase-section {
     padding: 60px 0;
     text-align: center;
 }

 .showcase-mockups {
     width: 100%;
     max-width: 900px;
     height: auto;
     margin: 0 auto;
     display: block;
     border-radius: 8px;
 }

 .metrics-section {
     width: 100%;
     padding: 60px 0;
 }

 .metrics-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
     justify-items: center;
 }

 .metric-item {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     max-width: 240px;
 }

 .big-number {
     font-size: 3rem;
     font-weight: 800;
     opacity: 0.5;
     line-height: 30px;
 }

 .small-title {
     font-size: 1.5rem;
     font-weight: 600;

 }

 .small-desc {
     font-size: 0.9rem;
     color: var(--text-secondary);
     max-width: 250px;
 }

 .titulo-metade-container {
     width: 100%;
     margin: 40px 0;
 }

 .titulo-metade {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 4rem;
     line-height: 1;
     font-weight: 700;
     color: var(--text-primary);
     max-width: 80%;
     text-align: left;
 }

 .quote-section {
     padding: 40px 0 40px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     position: relative;
 }

 .quote-wrapper {
     max-width: 850px;
     position: relative;
     padding: 20px;
 }

 .quote-bg-icon {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 10rem;
     color: var(--accent-color);
     opacity: 0.08;
     position: absolute;
     top: -50px;
     left: 50%;
     transform: translateX(-50%);
     pointer-events: none;
 }

 .quote-text {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 2.4rem;
     font-weight: 700;
     line-height: 1.3;
     color: var(--text-primary);
     margin-bottom: 24px;
     font-style: italic;
 }

 .quote-author {
     font-size: 0.95rem;
     color: var(--text-secondary);
     text-transform: uppercase;
     letter-spacing: 0.15em;
     font-weight: 600;
 }

 .awards-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
     margin-top: 2rem;
 }

 .contato {
  padding: 100px 0;
  background-color: var(--card-bg);
  position: relative;

}

.contato-content {
  display: flex;
  gap: 60px;
  border-top: 1px solid var(--timeline-line);
  padding-top: 5rem;
}

.contato-left {
  flex: 1;
}

.contato-title {
  font-size: 6rem;
  line-height: 5rem;
  font-weight: 600;

}

.contato-right {
  flex: 1;
}

.contact-list {
  margin-top: 20px;
}

.contact-item {
  margin-bottom: 15px;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: var(--transition-smooth);
}

.contact-item a {
  color: var(--text-primary);
  position: relative;
}

.contact-item a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: var(--accent-color);
  transition: var(--transition-smooth);
}

.contact-item a:hover {
  color: var(--accent-color);
}

.contact-item a:hover::after {
  width: 100%;
}
 footer {
     padding: 40px 0;
     text-align: center;
     color: var(--text-secondary);
     font-size: 0.9rem;
     border-top: 1px solid var(--timeline-line);
 }

 footer p {
     padding: 40px 0;
 }

 .animate-on-scroll {
     opacity: 0;
     transition: var(--transition-main);
     will-change: transform, opacity;
 }

 .fade-up {
     transform: translateY(30px);
 }

 .fade-left {
     transform: translateX(30px);
 }

 .fade-right {
     transform: translateX(-30px);
 }

 .is-visible {
     opacity: 1;
     transform: translate(0, 0);
 }

 .grid-cascade .is-visible:nth-child(1) {
     transition-delay: 0.0s;
 }

 .grid-cascade .is-visible:nth-child(2) {
     transition-delay: 0.1s;
 }

 .grid-cascade .is-visible:nth-child(3) {
     transition-delay: 0.2s;
 }

 .grid-cascade .is-visible:nth-child(4) {
     transition-delay: 0.3s;
 }
header nav a.logo {
      color: var(--text-primary, #ffffff) !important;
   }
   header nav a.logo .text-accent {
      color: var(--accent-color, #ff6b4a) !important;
   }
 @media (max-width: 991px) {
     .hero {
         height: auto;
         padding: 40px 0;
     }

     .hero-container {
         flex-direction: column-reverse;
         text-align: center;
         gap: 40px;
     }

     .hero-image {
         max-width: 80%;
         aspect-ratio: 3/4;
         align-self: center;
     }

     .hero-summary {
         max-width: 100%;
     }

     .display-large {
         font-size: 7rem;
         line-height: 0.9;
     }

     .sobre-content,
     .metrics-grid,
     .o-que-faco-grid,
     .awards-grid {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .text-impact {
         font-size: 3rem;
         line-height: 1.2;
         text-align: right;
     }

     .titulo-metade {
         max-width: 100%;
         font-size: 2rem;
     }

     .display-large {
         font-size: 3rem;
     }

     .quote-text {
         font-size: 1.5rem;
     }

     .nav-links {
         display: none;
     }
 }

 .hero-showcase {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 20px 0 80px 0;
     z-index: 2;
     position: relative;
 }

 .hero-showcase-wrapper {
     width: 100%;
     max-width: 950px;
     margin-bottom: .5rem;
 }

 .hero-showcase-image {
     width: 100%;
     height: auto;
     display: block;
     object-fit: contain;
 }

 .hero-showcase-caption {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.85rem;
     color: var(--text-secondary);
     letter-spacing: 0.25em;
     text-transform: uppercase;
     text-align: center;
     opacity: 0.6;
     font-weight: 400;
 }

 .contexto-section {
     padding: 80px 0;
     position: relative;
 }

 .contexto-container {
     display: grid;
     grid-template-columns: 55% 45%;
     gap: 70px;
     align-items: stretch;
     /* 👑 ALTERADO: Força as duas colunas a terem EXATAMENTE a mesma altura */
 }

 .contexto-title {
     font-size: 3rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.01em;
 }

 .contexto-divider {
     width: 100%;
     height: 1px;
     background-color: var(--timeline-line);
     margin: 2.2rem 0;
     opacity: 0.3;
 }

 .chart-container {
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 24px;
 }

 .contexto-right {
     display: flex;
     /* 👑 ADICIONADO: Transforma a coluna em Flexbox */
     flex-direction: column;
     /* 👑 ADICIONADO: Organiza o wrapper e a legenda verticalmente */
     height: 100%;
     /* 👑 ADICIONADO: Garante que o bloco use toda a altura do Grid */
 }


 .chart-main-label {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.75rem;
     color: var(--text-secondary);
     letter-spacing: 0.2em;
     opacity: 0.7;
     margin-bottom: 0.5rem;
 }

 .chart-row {
     display: flex;
     align-items: center;
     width: 100%;
 }

 .chart-label {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.8rem;
     color: var(--text-secondary);
     width: 190px;
     flex-shrink: 0;
     letter-spacing: 0.05em;
 }

 .chart-bar-track {
     flex: 1;
     height: 34px;
     background-color: rgba(255, 255, 255, 0.04);
     margin: 0 20px;
     position: relative;
     border-radius: 2px;
 }

 .light-mode .chart-bar-track {
     background-color: rgba(0, 0, 0, 0.05);
 }

 .chart-bar-fill {
     height: 100%;
     background-color: var(--accent-color);
     border-radius: 2px;
     transition: width 1.5s cubic-bezier(0.1, 1, 0.1, 1);
 }

 .chart-value {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.8rem;
     font-weight: 800;
     color: var(--text-primary);
     width: 50px;
     text-align: right;
     flex-shrink: 0;
     line-height: 1;
 }

 .contexto-paragraph {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.2rem;
     line-height: 1.6;
     color: var(--text-secondary);
     margin-bottom: 1.8rem;
     font-weight: 400;
 }

 .contexto-paragraph strong {
     color: var(--text-primary);
     font-weight: 700;
 }

 .contexto-paragraph .italic-pink {
     font-style: italic;
     color: var(--accent-color);
     font-weight: 600;
 }

 .contexto-image-wrapper {
     width: 100%;
     flex: 1;
     /* 👑 ADICIONADO: Faz o container da imagem crescer e preencher o espaço restante */
     border-radius: 12px;
     overflow: hidden;
     background-color: rgba(255, 255, 255, 0.02);
     margin-bottom: 1rem;
     display: block;
 }

 .contexto-image {
     width: 100%;
     height: 100%;
     /* 👑 ALTERADO: De 'auto' para '100%' para preencher o wrapper igualado */
     object-fit: cover;
     /* 👑 MANTIDO: Recorta a imagem elegantemente sem distorcê-la ou achatá-la */
     display: block;
 }

 .contexto-image-caption {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.75rem;
     text-align: center;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     opacity: 0.6;
     text-transform: uppercase;
 }

 .problema-section {
     padding: 80px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .problema-container {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     text-align: left;
     max-width: 780px;
     width: 100%;
 }

 .problema-top-tag {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 0.85rem;
     color: var(--accent-color);
     letter-spacing: 0.2em;
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: 1.5rem;
 }

 .problema-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     margin-bottom: 2.5rem;
     letter-spacing: -0.02em;
 }

 .problema-highlight-box {
     border-left: 2.5px solid var(--accent-color);
     padding-left: 35px;
     margin-bottom: 3.5rem;
     margin-top: 0.5rem;
 }

 .problema-highlight-text {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.85rem;
     font-style: italic;
     font-weight: 400;
     line-height: 1.35;
     color: var(--text-primary);
     letter-spacing: -0.01em;
     opacity: 0.95;
 }

 .problema-lead {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.15rem;
     color: var(--text-secondary);
     line-height: 1.6;
     margin-bottom: 2rem;
     font-weight: 400;
 }

 .problema-list {
     display: flex;
     flex-direction: column;
     gap: 1.2rem;
     width: 100%;
     padding-left: 0;
 }

 .problema-item {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.15rem;
     color: var(--text-secondary);
     display: flex;
     align-items: center;
     gap: 16px;
     line-height: 1.5;
     font-weight: 400;
 }

 .problema-item::before {
     content: "";
     display: inline-block;
     width: 18px;
     height: 2px;
     background-color: var(--accent-color);
     flex-shrink: 0;
 }

 @media (max-width: 991px) {
     .problema-section {
         padding: 50px 0;
     }

     .problema-title {
         font-size: 2.4rem;
     }

     .problema-highlight-box {
         padding-left: 20px;
         margin-bottom: 2.5rem;
     }

     .problema-highlight-text {
         font-size: 1.4rem;
     }

     .problema-lead,
     .problema-item {
         font-size: 1.05rem;
     }
 }

 .pesquisa-section {
     padding: 80px 0;
     position: relative;
 }

 .pesquisa-container {
     display: grid;
     grid-template-columns: 55% 45%;
     gap: 70px;
     align-items: stretch;
 }

 .pesquisa-right {
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .pesquisa-top-tag {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 0.85rem;
     color: var(--accent-color);
     letter-spacing: 0.2em;
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: 1.5rem;
 }

 .pesquisa-title {
     font-size: 3rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.01em;
     margin-bottom: 2rem;
 }

 .pesquisa-paragraph {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.2rem;
     line-height: 1.6;
     color: var(--text-secondary);
     margin-bottom: 3.5rem;
     font-weight: 400;
 }

 .pesquisa-lists-grid {
     display: grid;
     grid-template-columns: 46% 54%;
     gap: 40px;
     margin-bottom: 3rem;
 }

 .pesquisa-list-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 0.85rem;
     font-weight: 700;
     color: var(--accent-color);
     letter-spacing: 0.1em;
     text-transform: uppercase;
     margin-bottom: 18px;
     padding-bottom: 10px;
     border-bottom: 1px solid var(--timeline-line);
     opacity: 0.9;
 }

 .pesquisa-list-items {
     display: flex;
     flex-direction: column;
     gap: 1.1rem;
     padding-left: 0;
 }

 .pesquisa-list-items li {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.1rem;
     color: var(--text-secondary);
     display: flex;
     align-items: flex-start;
     gap: 12px;
     line-height: 1.4;
     font-weight: 400;
 }

 .pesquisa-list-items li::before {
     content: "";
     display: inline-block;
     width: 12px;
     height: 2px;
     background-color: var(--accent-color);
     margin-top: 10px;
     flex-shrink: 0;
 }

 .pesquisa-sources {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.72rem;
     color: var(--text-secondary);
     opacity: 0.4;
     line-height: 1.5;
     max-width: 500px;
 }

 .pesquisa-image-wrapper {
     width: 100%;
     flex: 1;
     border-radius: 12px;
     overflow: hidden;
     background-color: rgba(255, 255, 255, 0.02);
     margin-bottom: 2rem;
     display: block;
 }

 .pesquisa-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .pesquisa-image-caption {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.75rem;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     opacity: 0.6;
     text-transform: uppercase;
     text-align: center;
 }

 .estrategia-section {
     padding: 80px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .estrategia-container {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     text-align: left;
     max-width: 820px;
     width: 100%;
 }

 .estrategia-main-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     margin-bottom: 2.5rem;
     letter-spacing: -0.02em;
 }

 .estrategia-lead {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.2rem;
     line-height: 1.6;
     color: var(--text-secondary);
     margin-bottom: 4rem;
     font-weight: 400;
 }

 .estrategia-lead strong {
     color: var(--text-primary);
     font-weight: 700;
 }

 .roadmap-horizontal {
     position: relative;
     display: flex;
     gap: 60px;
     width: 100%;
     margin-bottom: 4.5rem;
     padding-top: 10px;
 }

 .roadmap-line {
     position: absolute;
     top: 17px;
     left: 0;
     width: 100%;
     height: 1px;
     background-color: var(--timeline-line);
     opacity: 0.7;
     z-index: 1;
 }

 .roadmap-node {
     flex: 1;
     position: relative;
     z-index: 2;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .roadmap-marker {
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background-color: var(--bg-color);
     border: 3.5px solid var(--accent-color);
     margin-bottom: 1.5rem;
     box-shadow: 0 0 0 6px var(--bg-color);
     flex-shrink: 0;
 }

 .roadmap-date {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.75rem;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     font-weight: 700;
     margin-bottom: 12px;
     opacity: 0.8;
 }

 .roadmap-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.8rem;
     color: var(--text-primary);
     font-weight: 600;
     margin-bottom: 12px;
     letter-spacing: -0.01em;
 }

 .roadmap-desc {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.1rem;
     color: var(--text-secondary);
     line-height: 1.5;
     font-weight: 400;
 }

 .tradeoff-card {
     width: 100%;
     background-color: rgba(255, 255, 255, 0.02);
     border-left: 3px solid var(--accent-color);
     border-radius: 4px 12px 12px 4px;
     padding: 40px;
     text-align: left;
     box-sizing: border-box;
 }

 .light-mode .tradeoff-card {
     background-color: rgba(0, 0, 0, 0.02);
 }

 .tradeoff-tag {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.8rem;
     color: var(--accent-color);
     letter-spacing: 0.15em;
     font-weight: 700;
     display: block;
     margin-bottom: 1.2rem;
 }

 .tradeoff-text {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.15rem;
     color: var(--text-secondary);
     line-height: 1.6;
     font-weight: 400;
 }

 .entregamos-section {
     padding: 80px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .entregamos-container {
     width: 100%;
     max-width: 1160px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .entregamos-main-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     margin-bottom: 4.5rem;
     letter-spacing: -0.02em;
 }

 .entregamos-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 60px;
     width: 100%;
 }

 .entregamos-column {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     text-align: left;
 }

 .pillar-marker {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.4rem;
     font-weight: 300;
     color: var(--accent-color);
     line-height: 1;
     margin-bottom: 1.8rem;
     font-style: italic;
     letter-spacing: -0.05em;
 }

 .pillar-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.7rem;
     line-height: 1.25;
     color: var(--text-primary);
     font-weight: 600;
     margin-bottom: 1.2rem;
     letter-spacing: -0.01em;
 }

 .pillar-desc {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.1rem;
     line-height: 1.6;
     color: var(--text-secondary);
     font-weight: 400;
 }

 .full-showcase-section {
     width: 100%;
     padding: 60px 0 80px 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: relative;
     z-index: 2;
 }

 .full-showcase-image-wrapper {
     width: 100%;
     margin-bottom: 4rem;
 }

 .full-showcase-image {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
 }

 .full-showcase-caption {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.85rem;
     color: var(--text-secondary);
     letter-spacing: 0.25em;
     text-transform: uppercase;
     text-align: center;
     opacity: 0.5;
     font-weight: 400;
     line-height: 1.5;
     padding: 0 20px;
 }

 .evolucao-section {
     padding: 80px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .evolucao-container {
     width: 100%;
     max-width: 950px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .evolucao-main-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.02em;
     margin-bottom: 2rem;
 }

 .evolucao-lead {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.2rem;
     line-height: 1.6;
     color: var(--text-secondary);
     max-width: 650px;
     align-self: flex-end;
     margin-bottom: 5rem;
     font-weight: 400;
     text-align: left;
 }

 .evolucao-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     width: 100%;
     border-top: 1px solid var(--timeline-line);
     border-left: 1px solid var(--timeline-line);
 }

 .evolucao-box {
     border-bottom: 1px solid var(--timeline-line);
     border-right: 1px solid var(--timeline-line);
     padding: 45px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     text-align: left;
     transition: var(--transition-smooth);
 }

 .evolucao-box:hover {
     background-color: rgba(255, 0, 127, 0.01);
 }

 .light-mode .evolucao-box:hover {
     background-color: rgba(0, 0, 0, 0.01);
 }

 .evolucao-number {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.85rem;
     color: var(--accent-color);
     font-weight: 700;
     letter-spacing: 0.15em;
     margin-bottom: 1.2rem;
     display: block;
 }

 .evolucao-box-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.6rem;
     line-height: 1.3;
     color: var(--text-primary);
     font-weight: 800;
     margin-bottom: 1rem;
     letter-spacing: -0.01em;
     transition: var(--transition-smooth);
 }

 .evolucao-box:hover .evolucao-box-title {
     color: var(--accent-color);
 }

 .evolucao-box-desc {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.05rem;
     line-height: 1.5;
     color: var(--text-secondary);
     font-weight: 400;
 }

 .evolucao-box-desc em {
     font-style: italic;
     opacity: 0.95;
 }

 .lancamento-section {
     padding: 80px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .lancamento-container {
     width: 100%;
     max-width: 950px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .lancamento-main-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.02em;
     margin-bottom: 2rem;
 }

 .lancamento-lead-container {
     max-width: 650px;
     align-self: flex-end;
     margin-bottom: 6rem;
 }

 .lancamento-paragraph {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.2rem;
     line-height: 1.6;
     color: var(--text-secondary);
     margin-bottom: 1.5rem;
     font-weight: 400;
     text-align: left;
 }

 .lancamento-paragraph:last-child {
     margin-bottom: 0;
 }

 .lancamento-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     width: 100%;
     border-top: 1px solid var(--timeline-line);
 }

 .lancamento-box {
     padding: 50px 0 20px 0;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     text-align: left;
 }

 .lancamento-grid .lancamento-box:last-child {
     border-left: 1px solid var(--timeline-line);
     padding-left: 60px;
 }

 .store-label {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.8rem;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     font-weight: 700;
     opacity: 0.6;
     margin-bottom: 1.5rem;
 }

 .rating-display {
     display: flex;
     align-items: flex-end;
     line-height: 0.85;
     margin-bottom: 2rem;
 }

 .rating-number {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 7.5rem;
     font-weight: 800;
     color: var(--text-primary);
     letter-spacing: -0.04em;
 }

 .rating-scale {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.3rem;
     color: var(--text-secondary);
     font-weight: 700;
     margin-left: 10px;
     margin-bottom: 18px;
     opacity: 0.5;
 }

 .rating-accent-line {
     width: 82%;
     height: 3.5px;
     background-color: var(--accent-color);
     margin-bottom: 1.5rem;
     border-radius: 1px;
     opacity: 0.8;
 }

 .store-count {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.82rem;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     font-weight: 600;
     opacity: 0.7;
 }

 .resultados-section {
     padding: 80px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .resultados-container {
     width: 100%;
     max-width: 950px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .resultados-main-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.02em;
     margin-bottom: 2rem;
 }

 .resultados-lead {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.2rem;
     line-height: 1.6;
     color: var(--text-secondary);
     max-width: 650px;
     align-self: flex-end;
     margin-bottom: 6rem;
     font-weight: 400;
     text-align: left;
 }

 .resultados-macro-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     width: 100%;
     border-top: 1px solid var(--timeline-line);
     margin-bottom: 6rem;
 }

 .macro-metric-box {
     padding: 40px 10px 20px 10px;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 .resultados-macro-grid .macro-metric-box:not(:first-child) {
     border-left: 1px solid var(--timeline-line);
 }

 .macro-number {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 4rem;
     font-weight: 800;
     color: var(--text-primary);
     line-height: 1;
     margin-bottom: 1.5rem;
     letter-spacing: -0.02em;
     display: inline-flex;
     align-items: flex-start;
 }

 .macro-pct {
     font-size: 1.8rem;
     font-weight: 700;
     margin-left: 2px;
     opacity: 0.7;
 }

 .macro-unit {
     font-size: 1.5rem;
     font-weight: 700;
     margin-left: 6px;
     align-self: flex-end;
     line-height: 1.8;
     opacity: 0.9;
     color: var(--accent-color);
 }

 .macro-label {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.05rem;
     font-weight: 800;
     color: var(--text-primary);
     margin-bottom: 12px;
     line-height: 1.3;
 }

 .macro-desc {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.68rem;
     color: var(--text-secondary);
     letter-spacing: 0.05em;
     line-height: 1.5;
     opacity: 0.6;
     max-width: 180px;
 }

 .table-component-wrapper {
     width: 100%;
     margin-bottom: 4rem;
 }

 .table-component-title {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.8rem;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     font-weight: 700;
     opacity: 0.6;
     margin-bottom: 1.8rem;
 }

 .table-responsive-scroll {
     width: 100%;
 }

 .indicators-table {
     width: 100%;
     border-collapse: collapse;
 }

 .indicators-table th {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.75rem;
     color: var(--text-secondary);
     letter-spacing: 0.1em;
     padding-bottom: 14px;
     border-bottom: 1px solid var(--text-primary);
     font-weight: 600;
     opacity: 0.5;
 }

 .indicators-table td {
     padding: 18px 0;
     border-bottom: 1px solid var(--timeline-line);
     font-size: 1.05rem;
     line-height: 1.4;
 }

 .td-indicator {
     font-family: 'Hanken Grotesk', sans-serif;
     color: var(--text-secondary);
     font-weight: 400;
 }

 .td-value {
     font-family: 'Hanken Grotesk', sans-serif;
     color: var(--text-primary);
     font-weight: 700;
 }

 .td-window {
     font-family: 'Cascadia Code', monospace;
     color: var(--text-secondary);
     font-weight: 400;
     opacity: 0.8;
     text-align: right;
 }

 .resultados-callout {
     width: 100%;
     text-align: center;
     margin-top: 4rem;
     padding: 20px 0;
 }

 .callout-highlight {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.2rem;
     font-weight: 800;
     color: var(--accent-color);
     font-style: italic;
     margin-bottom: 10px;
     letter-spacing: -0.02em;
 }

 .callout-subtext {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.25rem;
     color: var(--text-secondary);
     font-weight: 400;
     opacity: 0.9;
 }

 .validacao-section {
     padding: 80px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .validacao-container {
     width: 100%;
     max-width: 950px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .validacao-main-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.02em;
     margin-bottom: 4.5rem;
 }

 .awards-asymmetric-grid {
     display: grid;
     grid-template-columns: 1.25fr 1fr 1fr;
     gap: 24px;
     width: 100%;
 }

 .award-card {
     background-color: rgba(255, 255, 255, 0.02);
     border: 1.5px solid var(--timeline-line);
     border-radius: 14px;
     padding: 35px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     text-align: left;
     position: relative;
     overflow: hidden;
     z-index: 1;
     transition: var(--transition-main);
 }

 .light-mode .award-card {
     background-color: rgba(0, 0, 0, 0.01);
 }

 .award-card:hover {
     border-color: var(--accent-color);
     transform: translateY(-5px);
     box-shadow: 0 10px 30px rgba(255, 0, 127, 0.05);
 }

 .award-card.big-card {
     grid-row: span 2;
     padding: 45px;
 }

 .award-date {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.78rem;
     color: var(--accent-color);
     letter-spacing: 0.15em;
     font-weight: 700;
     margin-bottom: 1.5rem;
     display: block;
 }

 .big-card .award-date {
     margin-bottom: auto;
 }

 .award-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.6rem;
     line-height: 1.2;
     color: var(--text-primary);
     font-weight: 600;
     margin-bottom: 1.2rem;
     letter-spacing: -0.01em;
 }

 .big-card .award-title {
     font-size: 3rem;
     line-height: 1.1;
     margin-bottom: 1.8rem;
 }

 .award-desc {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.05rem;
     line-height: 1.4;
     color: var(--text-secondary);
     font-weight: 400;
     max-width: 280px;
 }

 .award-wreath-icon {
     position: absolute;
     right: -10px;
     bottom: -10px;
     width: 140px;
     height: 140px;
     color: var(--text-primary);
     opacity: 0.03;
     pointer-events: none;
     z-index: -1;
     transition: var(--transition-main);
 }

 .big-card .award-wreath-icon {
     width: 240px;
     height: 240px;
     right: 20px;
     bottom: 40px;
     opacity: 0.04;
 }

 .award-card:hover .award-wreath-icon {
     color: var(--accent-color);
     opacity: 0.08;
 }

 .aprendi-section {
     padding: 80px 0 120px 0;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
 }

 .aprendi-container {
     width: 100%;
     max-width: 950px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .aprendi-main-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.8rem;
     line-height: 1.15;
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.02em;
     margin-bottom: 5.5rem;
 }

 .aprendi-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 60px 90px;
     width: 100%;
     margin-bottom: 6rem;
 }

 .aprendi-column {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     text-align: left;
 }

 .aprendi-marker {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 3.4rem;
     font-weight: 300;
     color: var(--accent-color);
     line-height: 1;
     margin-bottom: 1.8rem;
     font-style: italic;
     letter-spacing: -0.05em;
 }

 .aprendi-title {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.7rem;
     line-height: 1.25;
     color: var(--text-primary);
     font-weight: 800;
     margin-bottom: 1.2rem;
     letter-spacing: -0.01em;
 }

 .aprendi-desc {
     font-family: 'Hanken Grotesk', sans-serif;
     font-size: 1.1rem;
     line-height: 1.6;
     color: var(--text-secondary);
     font-weight: 400;
 }

 .back-to-cases-link {
     font-family: 'Cascadia Code', monospace;
     font-size: 0.85rem;
     color: var(--text-secondary);
     letter-spacing: 0.15em;
     font-weight: 700;
     text-transform: uppercase;
     align-self: center;
     padding: 10px 20px;
     position: relative;
     transition: var(--transition-smooth);
 }

 .back-to-cases-link:hover {
     color: var(--accent-color);
     transform: translateX(-6px);
 }

 .contact-arrow {
     width: 18px;
     height: 18px;
     fill: none;
     stroke: var(--accent-color);
     stroke-width: 2.5;
     stroke-linecap: round;
     stroke-linejoin: round;
     flex-shrink: 0;
     transition: var(--transition-smooth);
 }

 .contact-item:hover .contact-arrow {
     transform: translateX(5px);
 }

 ::selection {
     background-color: var(--accent-color);
     color: var(--bg-color);
 }

 .italic {
     font-style: italic;
 }

 .dot1 {
     font-style: italic;
     font-weight: 300;
     color: var(--accent-color);
 }

 .dot2 {
     font-style: italic;
     font-weight: 300;
     color: var(--text-primary);
 }

 @media (max-width: 991px) {
     .aprendi-section {
         padding: 50px 0 80px 0;
     }

     .aprendi-main-title {
         font-size: 2.4rem;
         margin-bottom: 3rem;
     }

     .aprendi-grid {
         grid-template-columns: 1fr;
         gap: 45px;
         margin-bottom: 4rem;
     }

     .aprendi-marker {
         font-size: 2.5rem;
         margin-bottom: 1rem;
     }

     .aprendi-title {
         font-size: 1.4rem;
         margin-bottom: 0.8rem;
     }

     .aprendi-desc {
         font-size: 1rem;
     }

     .back-to-cases-link {
         font-size: 0.78rem;
     }
 }

 .grid-cascade .is-visible:nth-child(5) {
     transition-delay: 0.4s;
 }

 @media (max-width: 991px) {
     .validacao-section {
         padding: 50px 0;
     }

     .validacao-main-title {
         font-size: 2.4rem;
         margin-bottom: 2.5rem;
     }

     .awards-asymmetric-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
     }

     .award-card.big-card {
         grid-row: span 1;
         padding: 35px;
     }

     .big-card .award-date {
         margin-bottom: 1.5rem;
     }

     .big-card .award-title {
         font-size: 1.8rem;
         margin-bottom: 1rem;
     }

     .big-card .award-wreath-icon {
         width: 140px;
         height: 140px;
         right: -10px;
         bottom: -10px;
     }

     .resultados-section {
         padding: 50px 0;
     }

     .resultados-main-title {
         font-size: 2.4rem;
     }

     .resultados-lead {
         max-width: 100%;
         align-self: flex-start;
         margin-bottom: 3rem;
         font-size: 1.1rem;
     }

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

     .macro-metric-box {
         padding: 30px 10px;
     }

     .resultados-macro-grid .macro-metric-box:nth-child(even) {
         border-left: 1px solid var(--timeline-line);
     }

     .resultados-macro-grid .macro-metric-box:nth-child(3),
     .resultados-macro-grid .macro-metric-box:nth-child(4) {
         border-top: 1px solid var(--timeline-line);
     }

     .resultados-macro-grid .macro-metric-box:nth-child(3) {
         border-left: none;
     }

     .resultados-macro-grid {
         margin-bottom: 4rem;
     }

     .indicators-table td {
         font-size: 0.95rem;
         padding: 14px 0;
     }

     .callout-highlight {
         font-size: 2.2rem;
     }

     .callout-subtext {
         font-size: 1.1rem;
     }

     .lancamento-section {
         padding: 50px 0;
     }

     .lancamento-main-title {
         font-size: 2.4rem;
     }

     .lancamento-lead-container {
         max-width: 100%;
         align-self: flex-start;
         margin-bottom: 3rem;
     }

     .lancamento-paragraph {
         font-size: 1.1rem;
     }

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

     .lancamento-box {
         padding: 30px 0;
     }

     .lancamento-grid .lancamento-box:last-child {
         border-left: none;
         border-top: 1px solid var(--timeline-line);
         padding-left: 0;
         padding-top: 40px;
     }

     .rating-number {
         font-size: 5.5rem;
     }

     .rating-accent-line {
         width: 100%;
     }

     .evolucao-section {
         padding: 50px 0;
     }

     .evolucao-main-title {
         font-size: 2.4rem;
     }

     .evolucao-lead {
         font-size: 1.1rem;
         max-width: 100%;
         align-self: flex-start;
         margin-bottom: 3rem;
     }

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

     .evolucao-box {
         padding: 30px;
     }

     .evolucao-box-title {
         font-size: 1.3rem;
     }

     .full-showcase-section {
         padding: 40px 0 50px 0;
     }

     .full-showcase-image-wrapper {
         margin-bottom: 2.5rem;
     }

     .full-showcase-caption {
         font-size: 0.72rem;
         letter-spacing: 0.15em;
     }

     .entregamos-section {
         padding: 50px 0;
     }

     .entregamos-main-title {
         font-size: 2.4rem;
         margin-bottom: 2.5rem;
     }

     .entregamos-grid {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .pillar-marker {
         font-size: 2.5rem;
         margin-bottom: 1rem;
     }

     .pillar-title {
         font-size: 1.4rem;
         margin-bottom: 0.8rem;
     }

     .pillar-desc {
         font-size: 1rem;
     }

     .estrategia-section {
         padding: 50px 0;
     }

     .estrategia-main-title {
         font-size: 2.4rem;
     }

     .estrategia-lead {
         font-size: 1.1rem;
         margin-bottom: 2.5rem;
     }

     .roadmap-horizontal {
         flex-direction: column;
         gap: 40px;
         padding-left: 20px;
     }

     .roadmap-line {
         left: 26px;
         top: 0;
         width: 1px;
         height: 100%;
     }

     .roadmap-marker {
         box-shadow: 0 0 0 6px var(--bg-color);
         margin-bottom: 0.8rem;
         left: -26px;
     }

     .roadmap-title {
         font-size: 1.5rem;
     }

     .tradeoff-card {
         padding: 25px;
     }

     .tradeoff-text {
         font-size: 1.05rem;
     }

     .pesquisa-container {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .pesquisa-title {
         font-size: 2.2rem;
     }

     .pesquisa-lists-grid {
         grid-template-columns: 1fr;
         gap: 35px;
         margin-bottom: .5rem;
     }

     .pesquisa-paragraph {
         font-size: 1.1rem;
         margin-bottom: 2.5rem;
     }

     .pesquisa-sources {
         margin-bottom: 2rem;
     }

     .hero-showcase {
         padding: 10px 0 50px 0;
     }

     .hero-showcase-wrapper {
         margin-bottom: 2rem;
     }

     .hero-showcase-caption {
         font-size: 0.72rem;
         letter-spacing: 0.15em;
         padding: 0 10px;
         line-height: 1.4;
     }

     .contexto-container {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .contexto-title {
         font-size: 2.2rem;
     }

     .chart-bar-track {
         margin: 0 12px;
         height: 28px;
     }

     .chart-value {
         font-size: 1.4rem;
     }

     .contexto-paragraph {
         font-size: 1.1rem;
     }
 }

 .theme-blur {
     filter: blur(15px);
     transition: filter 0.25s ease-in-out !important;
 }

 @media (max-width: 650px) {

     .awards-asymmetric-grid {
         grid-template-columns: 1fr;
     }

     .award-card {
         padding: 30px;
     }
 }

 @media (max-width: 768px) {

     .resultados-macro-grid {
         grid-template-columns: 1fr;
     }

     .resultados-macro-grid .macro-metric-box:not(:first-child) {
         border-left: none;
         border-top: 1px solid var(--timeline-line);
     }

     .table-responsive-scroll {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }

     .indicators-table {
         width: 650px;
     }

     .quote-section {
         padding: 80px 0 40px 0;
     }

     .quote-text {
         font-size: 1.6rem;
         line-height: 1.4;
     }

     .quote-bg-icon {
         font-size: 7rem;
         top: -30px;
     }

 }