:root {
      --white: #ffffff;
      --black: #111111;
      --orange: #fd7704;
      --soft: #f5f5f5;
      --muted: #6d6d6d;
      --line: #e9e9e9;
      --shadow: 0 22px 60px rgba(17, 17, 17, .10);
      --soft-shadow: 0 14px 36px rgba(17, 17, 17, .08);
      --radius-xl: 34px;
      --radius-lg: 26px;
      --radius-md: 18px;
      --max: 1280px;
      --font-display: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
      background: var(--white);
    }

    body {
      min-width: 320px;
      overflow-x: hidden;
      background: var(--white);
      color: var(--black);
      font-family: var(--font-body);
      letter-spacing: 0;
    }

    :where(h1, h2, h3, h4, h5, h6) {
      font-family: var(--font-display);
      font-synthesis: none;
    }

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

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

    button,
    input {
      font: inherit;
    }

    .page {
      background:
        linear-gradient(180deg, rgba(245, 245, 245, .7) 0, rgba(255, 255, 255, 0) 360px),
        var(--white);
    }

    .shell {
      width: min(calc(100% - 32px), var(--max));
      margin: 0 auto;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      background: rgba(255, 255, 255, .88);
      border-bottom: 1px solid rgba(233, 233, 233, .88);
      backdrop-filter: blur(24px);
    }

    .nav-row {
      display: flex;
      align-items: center;
      min-height: 76px;
      gap: 16px;
      overflow: hidden;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      gap: 12px;
      min-width: 0;
      font-size: clamp(16px, 3vw, 22px);
      font-weight: 900;
      line-height: 1;
      letter-spacing: 0;
      white-space: nowrap;
    }

    .brand-logo {
      width: auto;
      height: 54px;
      flex: 0 0 auto;
      object-fit: contain;
    }

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

    .category-nav {
      position: relative;
      z-index: 2;
      display: flex;
      gap: 10px;
      flex: 1 1 auto;
      min-width: 0;
      padding: 0;
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      touch-action: pan-x;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }

    .category-nav::-webkit-scrollbar {
      display: none;
    }

    .nav-chip {
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      gap: 9px;
      min-height: 44px;
      padding: 0 15px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--white);
      color: var(--black);
      font-size: 13px;
      font-weight: 800;
      touch-action: manipulation;
      -webkit-tap-highlight-color: rgba(253, 119, 4, .16);
      transition: background .2s ease, color .2s ease, transform .2s ease;
    }

    .nav-chip svg {
      width: 18px;
      height: 18px;
      color: var(--orange);
    }

    .nav-chip:hover,
    .nav-chip.active {
      background: var(--black);
      color: var(--white);
      transform: translateY(-1px);
    }

    .nav-chip.nav-chip-path {
      border-color: rgba(253, 119, 4, .42);
      background: #fff4e9;
      color: #894d07;
    }

    .nav-chip.nav-chip-path:hover {
      border-color: var(--orange);
      background: var(--orange);
      color: #111111;
    }

    @media (min-width: 1100px) {
      .nav-row { gap: 10px; }
      .category-nav { gap: 6px; }
      .nav-chip { gap: 6px; min-height: 42px; padding: 0 10px; font-size: 12px; }
      .nav-chip svg { width: 16px; height: 16px; }
    }

    main {
      padding: 22px 0 0;
    }

    .hero {
      position: relative;
      min-height: clamp(500px, 72svh, 760px);
      overflow: hidden;
      border-radius: var(--radius-xl);
      background: #000000;
      box-shadow: var(--shadow);
      isolation: isolate;
    }

    .hero-slide {
      position: absolute;
      inset: 0;
      background-repeat: no-repeat;
      opacity: 0;
      visibility: hidden;
      transition: opacity .55s ease, visibility .55s ease;
    }

    .hero-slide.active {
      opacity: 1;
      visibility: visible;
    }

    .hero-slide-news {
      background: #07111c url("img/destaque-final-espanha-argentina.png") center / cover no-repeat;
    }

    .hero-slide-football {
      background: #06090d url("img/banner-home-nova-fase-futebol.jpg") center / cover no-repeat;
    }

    .hero-slide-funcional {
      background-color: #101711;
      background-image: url("img/banner-treino-funcional-professores-v3.jpg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .hero-slide-funcional :is(h1, h2) {
      font-size: clamp(38px, 4.8vw, 66px);
    }

    .hero-slide-elas {
      background-color: #13080e;
      background-image: url("img/mulheres-em-movimento-serra-talhada-sem-logo-1440.webp");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .hero-slide-elas :is(h1, h2) {
      max-width: 13ch;
      font-size: clamp(38px, 4.8vw, 66px);
    }

    .hero-slide-opiniao {
      background-color: #090909;
      background-image: url("img/banner-opiniao-corinthians.png");
      background-position: right 32px center;
      background-size: auto calc(100% - 64px);
      background-repeat: no-repeat;
    }

    .hero-slide-opiniao .hero-content {
      padding-top: 48px;
      padding-bottom: 48px;
    }

    .hero-slide-opiniao :is(h1, h2) {
      font-size: clamp(38px, 4.6vw, 66px);
    }

    .hero::after {
      position: absolute;
      inset: 0;
      z-index: 1;
      content: "";
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(0, 0, 0, .98) 0%, rgba(0, 0, 0, .92) 44%, rgba(0, 0, 0, .76) 100%),
        linear-gradient(0deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .82) 56%);
    }

    .hero.showing-news::after {
      background:
        linear-gradient(90deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .7) 42%, rgba(0, 0, 0, .14) 78%),
        linear-gradient(0deg, rgba(0, 0, 0, .68), rgba(0, 0, 0, .08) 65%);
    }

    .hero.showing-football::after {
      background:
        linear-gradient(90deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .8) 43%, rgba(0, 0, 0, .12) 76%),
        linear-gradient(0deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .05) 64%);
    }

    .hero-content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      width: min(680px, 100%);
      min-height: inherit;
      padding: clamp(28px, 6vw, 72px);
      color: var(--white);
    }

    .hero-controls {
      position: absolute;
      right: clamp(20px, 4vw, 44px);
      bottom: clamp(20px, 4vw, 40px);
      z-index: 3;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .hero-arrow,
    .hero-dot {
      border: 1px solid rgba(255, 255, 255, .35);
      background: rgba(0, 0, 0, .5);
      color: #fff;
      cursor: pointer;
    }

    .hero-arrow { width: 42px; height: 42px; border-radius: 50%; font-size: 20px; }
    .hero-dot { width: 9px; height: 9px; padding: 0; border-radius: 50%; }
    .hero-dot.active { width: 28px; border-radius: 999px; background: var(--orange); border-color: var(--orange); }

    .brand-film {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 368px);
      gap: clamp(30px, 6vw, 72px);
      align-items: center;
      margin-top: 30px;
      padding: clamp(28px, 5vw, 58px);
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 32px;
      background: #fbfaf7;
      color: #111;
      box-shadow: 0 18px 48px rgba(17,17,17,.08);
    }

    .brand-film-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .brand-film-copy h2 {
      max-width: 12ch;
      margin: 12px 0 18px;
      font-size: clamp(36px, 4.2vw, 56px);
      line-height: 1;
      letter-spacing: -.035em;
    }

    .brand-film-copy p {
      max-width: 560px;
      color: #5f5f5f;
      font-size: clamp(15px, 1.7vw, 18px);
      line-height: 1.6;
    }

    .brand-film-note {
      display: block;
      margin-top: 24px;
      color: #7a7a7a;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .08em;
    }

    .brand-film-media {
      position: relative;
      display: grid;
      place-items: center;
      width: min(100%, 368px);
      aspect-ratio: 368 / 480;
      margin-inline: auto;
      overflow: hidden;
      border-radius: 22px;
      background: #111;
      box-shadow: 0 20px 44px rgba(17,17,17,.18);
    }

    .brand-film-media::after {
      position: absolute;
      inset: 0;
      content: "";
      border: 1px solid rgba(255,255,255,.16);
      border-radius: inherit;
      pointer-events: none;
    }

    .brand-film-media video {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #111;
      cursor: pointer;
    }

    .brand-film-media audio {
      display: none;
    }

    .brand-film-play {
      position: absolute;
      z-index: 2;
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      padding: 0;
      border: 1px solid rgba(255,255,255,.48);
      border-radius: 50%;
      background: rgba(18,18,18,.48);
      backdrop-filter: blur(6px);
      color: #fff;
      cursor: pointer;
      box-shadow: 0 6px 18px rgba(0,0,0,.18);
      transition: transform .2s ease, opacity .2s ease, background .2s ease;
    }

    .brand-film-play:hover,
    .brand-film-play:focus-visible {
      transform: scale(1.04);
      background: rgba(18,18,18,.68);
      outline: none;
    }

    .brand-film-play-icon {
      width: 0;
      height: 0;
      margin-left: 4px;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 13px solid currentColor;
    }

    .brand-film-play.is-playing {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: scale(.86);
    }

    .eyebrow {
      color: var(--orange);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .hero :is(h1, h2) {
      max-width: 12ch;
      margin-top: 16px;
      font-size: clamp(38px, 6vw, 78px);
      font-weight: 900;
      line-height: .94;
      letter-spacing: 0;
    }

    .hero p {
      max-width: 650px;
      margin-top: 22px;
      color: rgba(255, 255, 255, .88);
      font-size: clamp(15px, 2vw, 19px);
      line-height: 1.45;
      font-weight: 500;
    }

    .hero p .hero-question {
      color: var(--orange);
      font-weight: 900;
    }

    .hero-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 14px;
      margin-top: 28px;
      color: rgba(255, 255, 255, .82);
      font-size: 13px;
      font-weight: 800;
    }

    .primary-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      padding: 0 24px;
      border: 0;
      border-radius: 999px;
      background: linear-gradient(135deg, #f39120 0%, #f7b56a 100%);
      color: var(--black);
      box-shadow: 0 22px 44px rgba(253, 119, 4, .18);
      font-weight: 900;
      cursor: pointer;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .primary-btn:hover {
      transform: translateY(-2px) scale(1.02);
      box-shadow: 0 26px 52px rgba(253, 119, 4, .24);
      background: linear-gradient(135deg, #f5a345 0%, #f9c78f 100%);
    }

    .hero-secondary-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 50px;
      padding: 0 20px;
      border: 1px solid rgba(255, 255, 255, .34);
      border-radius: 999px;
      background: rgba(0, 0, 0, .28);
      color: #ffffff;
      font-weight: 850;
      backdrop-filter: blur(12px);
      transition: transform .2s ease, border-color .2s ease, background .2s ease;
    }

    .hero-secondary-btn:hover,
    .hero-secondary-btn:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(255, 255, 255, .72);
      background: rgba(255, 255, 255, .12);
    }

    .section {
      padding: clamp(58px, 8vw, 112px) 0 0;
    }

    .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 22px;
      margin-bottom: clamp(22px, 4vw, 38px);
    }

    .section-title {
      max-width: 760px;
    }

    .section-title span {
      display: block;
      margin-bottom: 8px;
      color: var(--orange);
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .section-title h2 {
      font-size: clamp(28px, 4vw, 48px);
      font-weight: 900;
      line-height: .98;
      letter-spacing: 0;
    }

    .section-copy {
      max-width: 380px;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
      font-weight: 600;
    }

    .social-grid,
    .story-grid,
    .video-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .video-grid {
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }

    .social-card,
    .match-card,
    .story-card,
    .video-card,
    .newsletter {
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background: var(--white);
      box-shadow: var(--soft-shadow);
    }

    .social-card {
      padding: 16px;
    }

    .author {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
    }

    .avatar {
      width: 52px;
      height: 52px;
      overflow: hidden;
      flex: 0 0 auto;
      border-radius: 50%;
      background: var(--soft);
    }

    .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .author strong {
      display: block;
      font-size: 14px;
      line-height: 1.2;
    }

    .author small {
      color: var(--muted);
      font-weight: 700;
    }

    .social-card p {
      min-height: 74px;
      color: #242424;
      font-size: 15px;
      line-height: 1.45;
      font-weight: 650;
    }

    .social-shot {
      width: 100%;
      aspect-ratio: 1 / .82;
      margin-top: 16px;
      overflow: hidden;
      border-radius: 20px;
      background: var(--soft);
    }

    .social-shot img,
    .story-media img,
    .video-thumb img,
    .video-thumb video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .video-thumb video {
      object-fit: contain;
      background: #050505;
      pointer-events: none;
    }

    .social-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-top: 14px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 850;
    }

    .social-actions span {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      white-space: nowrap;
    }

    .social-actions a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      padding: 0 12px;
      border-radius: 999px;
      background: var(--black);
      color: var(--white);
      white-space: nowrap;
    }

    .matches {
      display: grid;
      gap: 14px;
    }

    .match-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: center;
      gap: 18px;
      min-height: 132px;
      padding: clamp(16px, 3vw, 26px);
    }

    .team {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      min-width: 0;
      font-weight: 900;
      font-size: clamp(15px, 1.6vw, 19px);
    }

    .team.away {
      grid-template-columns: minmax(0, 1fr) auto;
      text-align: right;
    }

    .team-name {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .crest {
      display: grid;
      width: 72px;
      height: 72px;
      flex: 0 0 auto;
      place-items: center;
      border-radius: 22px;
      background: var(--soft);
      color: var(--black);
      font-size: 19px;
      font-weight: 900;
      box-shadow: inset 0 0 0 1px var(--line);
    }

    .crest img {
      width: 52px;
      height: 38px;
      object-fit: contain;
      border-radius: 8px;
    }

    .match-center {
      text-align: center;
      min-width: 132px;
    }

    .time {
      display: block;
      font-size: clamp(22px, 3vw, 34px);
      font-weight: 900;
      line-height: 1;
    }

    .competition {
      display: block;
      margin-top: 8px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 34px;
      margin-top: 12px;
      padding: 0 12px;
      border-radius: 999px;
      background: var(--soft);
      color: var(--black);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .status.live {
      background: var(--orange);
      color: var(--black);
    }

    .status.today {
      background: var(--black);
      color: var(--white);
    }

    .match-detail {
      display: block;
      margin-top: 8px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .match-empty {
      padding: 24px;
      border: 1px dashed var(--line);
      border-radius: var(--radius-lg);
      background: var(--soft);
      color: var(--muted);
      font-weight: 800;
      text-align: center;
    }

    .ghost-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 18px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--white);
      color: var(--black);
      font-size: 14px;
      font-weight: 900;
      white-space: nowrap;
      transition: background .2s ease, color .2s ease, transform .2s ease;
    }

    .ghost-btn:hover {
      background: var(--black);
      color: var(--white);
      transform: translateY(-2px);
    }

    .story-card {
      overflow: hidden;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      cursor: pointer;
    }

    .story-card:hover,
    .video-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow);
    }

    .story-card.active {
      transform: scale(1.04);
      box-shadow: 0 32px 64px rgba(17, 17, 17, .18);
      border-color: rgba(253, 119, 4, .2);
    }

    .story-media {
      aspect-ratio: 1 / .72;
      overflow: hidden;
      background: var(--soft);
    }

    .post-grid {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }

    .post-card {
      overflow: hidden;
      padding: 12px;
      background: var(--soft);
      border: 1px solid transparent;
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
      cursor: pointer;
      touch-action: manipulation;
      will-change: transform;
    }

    .post-card.active,
    .post-card:active {
      transform: scale(1.06);
      border-color: rgba(253, 119, 4, .35);
      box-shadow: 0 32px 56px rgba(17, 17, 17, .16);
    }

    .post-card .story-media {
      aspect-ratio: 1 / 1;
      border-radius: 18px;
      background: var(--white);
    }

    .story-grid.people-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: start;
    }

    .people-card {
      padding: 10px;
      background: #f7f6f2;
    }

    .people-card .story-media {
      aspect-ratio: 1 / 1;
      border-radius: 18px;
    }

    .people-card-portrait .story-media {
      aspect-ratio: 4 / 5;
    }

    .people-card .story-media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .story-grid.training-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .training-card {
      padding: 10px;
      background: #0b0b0b;
    }

    .training-card .story-media {
      aspect-ratio: 16 / 9;
      border-radius: 18px;
      background: #050505;
    }

    .training-card .story-media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    #topBtn {
      position: fixed;
      right: 24px;
      bottom: 24px;
      width: 52px;
      height: 52px;
      border: none;
      border-radius: 50%;
      background: linear-gradient(135deg, #f39120 0%, #f7b56a 100%);
      color: var(--black);
      display: grid;
      place-items: center;
      font-size: 20px;
      box-shadow: 0 24px 48px rgba(253, 119, 4, .22);
      cursor: pointer;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;
      z-index: 60;
    }

    #topBtn.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    #topBtn:hover {
      transform: translateY(-2px);
      box-shadow: 0 30px 60px rgba(253, 119, 4, .3);
    }

    .post-card .story-media img {
      object-fit: contain;
    }

    .story-body {
      padding: 22px;
    }

    .story-body h3 {
      margin-top: 10px;
      font-size: clamp(18px, 1.9vw, 24px);
      line-height: 1.08;
      font-weight: 900;
      letter-spacing: 0;
    }

    .read-time {
      display: block;
      margin-top: 18px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 850;
    }

    .video-card {
      overflow: hidden;
      border-radius: var(--radius-lg);
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .video-thumb {
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: var(--soft);
    }

    .play {
      position: absolute;
      top: 50%;
      left: 50%;
      display: grid;
      width: 64px;
      height: 64px;
      place-items: center;
      border-radius: 50%;
      background: rgba(255, 255, 255, .92);
      color: var(--orange);
      transform: translate(-50%, -50%);
      box-shadow: 0 18px 42px rgba(17, 17, 17, .24);
    }

    .duration {
      position: absolute;
      right: 14px;
      bottom: 14px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(17, 17, 17, .88);
      color: var(--white);
      font-size: 12px;
      font-weight: 900;
    }

    .video-body {
      padding: 18px;
    }

    .video-body h3 {
      margin-top: 8px;
      font-size: 18px;
      line-height: 1.15;
      font-weight: 900;
    }

    .footer {
      margin-top: clamp(70px, 10vw, 130px);
      padding: clamp(42px, 7vw, 74px) 0 32px;
      background: var(--black);
      color: var(--white);
    }

    .footer-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 28px;
    }

    .footer .brand-logo {
      height: 64px;
    }

    .newsletter {
      padding: clamp(22px, 4vw, 34px);
      border-color: rgba(255, 255, 255, .12);
      background: #191919;
      box-shadow: none;
    }

    .newsletter h2 {
      max-width: 540px;
      font-size: clamp(28px, 4vw, 44px);
      line-height: .98;
      font-weight: 900;
      letter-spacing: 0;
    }

    .newsletter p {
      max-width: 520px;
      margin-top: 14px;
      color: rgba(255, 255, 255, .7);
      line-height: 1.6;
      font-weight: 600;
    }

    .signup {
      display: flex;
      gap: 10px;
      max-width: 560px;
      margin-top: 24px;
      padding: 8px;
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 999px;
      background: var(--white);
    }

    .signup input {
      width: 100%;
      min-height: 46px;
      border: 0;
      outline: 0;
      padding: 0 16px;
      background: transparent;
      color: var(--black);
      font-size: 16px;
    }

    .footer-col h3 {
      margin-bottom: 18px;
      color: var(--orange);
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .footer-col a {
      display: block;
      width: fit-content;
      margin-bottom: 12px;
      color: rgba(255, 255, 255, .75);
      font-weight: 700;
    }

    .footer-bottom {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 14px;
      margin-top: 36px;
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, .12);
      color: rgba(255, 255, 255, .56);
      font-size: 13px;
      font-weight: 700;
    }

    @media (max-width: 980px) {
      .hero {
        min-height: clamp(520px, 68svh, 680px);
      }

      .hero-content {
        width: min(620px, 78%);
        padding: clamp(32px, 5vw, 52px);
        padding-bottom: 92px;
      }

      .hero :is(h1, h2),
      .hero-slide-funcional :is(h1, h2),
      .hero-slide-opiniao :is(h1, h2) {
        font-size: clamp(40px, 7vw, 62px);
      }

      .hero-controls {
        right: 28px;
        bottom: 28px;
      }

      .social-grid,
      .story-grid,
      .video-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }

      .match-card {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .team {
        justify-content: center;
        grid-template-columns: auto minmax(0, max-content);
      }

      .team.away {
        grid-template-columns: minmax(0, max-content) auto;
        justify-content: center;
      }

      .match-card .ghost-btn {
        width: 100%;
      }

      .story-grid.people-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .story-grid.training-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 720px) {
      .shell {
        width: min(calc(100% - 24px), var(--max));
      }

      .nav-row {
        min-height: 68px;
      }

      .brand {
        font-size: 18px;
      }

      .brand-logo {
        height: 48px;
      }

      .hero {
        min-height: clamp(590px, calc(100svh - 112px), 720px);
        border-radius: 28px;
      }

      .hero::after,
      .hero.showing-news::after,
      .hero.showing-football::after {
        background:
          linear-gradient(0deg, rgba(0, 0, 0, .99) 0%, rgba(0, 0, 0, .96) 42%, rgba(0, 0, 0, .58) 70%, rgba(0, 0, 0, .12) 100%),
          linear-gradient(90deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .04) 78%);
      }

      .hero-content {
        /* O slide absoluto ocupa todo o card, mas min-height: inherit recebe
           "auto" dele. Uma altura explicita ativa o alinhamento inferior do
           flex e cria uma zona segura acima dos controles. */
        height: 100%;
        min-height: 0;
        justify-content: flex-end;
        width: 100%;
        padding: 30px 24px 92px;
      }

      .hero-slide-news {
        background-position: 62% center;
      }

      .hero-slide-funcional {
        /* Mantem Bruno e Rafael dentro do recorte estreito do celular. */
        background-position: 78% center;
      }

      .hero-slide-elas {
        /* Prioriza a turma no recorte vertical; o texto identifica a reportagem. */
        background-position: 72% center;
      }

      .brand-film {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 30px 22px;
        border-radius: 28px;
      }

      .brand-film-copy h2 {
        max-width: 12ch;
        font-size: clamp(36px, 11vw, 48px);
      }

      .brand-film-media {
        width: min(100%, 320px);
      }

      .story-grid.people-grid {
        grid-template-columns: 1fr;
      }

      .hero-slide-opiniao {
        background-position: 72% center;
        background-size: cover;
      }

      .hero-slide-football {
        background-position: 68% center;
      }

      .hero-slide-opiniao .hero-content {
        height: 100%;
        min-height: 0;
        justify-content: flex-end;
        padding: 30px 24px 92px;
      }

      .hero :is(h1, h2),
      .hero-slide-funcional :is(h1, h2),
      .hero-slide-opiniao :is(h1, h2) {
        max-width: 100%;
        margin-top: 10px;
        font-size: clamp(32px, 9vw, 46px);
        line-height: .96;
        text-wrap: balance;
      }

      .hero p {
        width: 100%;
        max-width: 34rem;
        margin-top: 14px;
        font-size: clamp(14px, 4vw, 17px);
        line-height: 1.4;
      }

      .hero-meta {
        gap: 10px 14px;
        margin-top: 18px;
      }

      .hero-meta .primary-btn {
        min-height: 44px;
      }

      .hero-controls {
        right: 50%;
        bottom: 22px;
        width: max-content;
        max-width: calc(100% - 32px);
        transform: translateX(50%);
      }

      .hero-arrow {
        width: 44px;
        height: 44px;
      }

      .hero-dot {
        width: 10px;
        height: 10px;
      }

      .section-head {
        display: block;
      }

      .section-copy {
        margin-top: 14px;
      }

      .social-card p {
        min-height: 0;
      }

      .crest {
        width: 64px;
        height: 64px;
      }

      .signup {
        display: grid;
        border-radius: 24px;
      }

      .signup .primary-btn {
        width: 100%;
      }
    }

    @media (max-width: 390px) {
      .brand {
        gap: 8px;
        font-size: 15px;
      }

      .brand-logo {
        height: 42px;
      }

      .hero {
        min-height: 620px;
        border-radius: 22px;
      }

      .hero-content,
      .hero-slide-opiniao .hero-content {
        padding: 24px 20px 86px;
      }

      .hero :is(h1, h2),
      .hero-slide-funcional :is(h1, h2),
      .hero-slide-opiniao :is(h1, h2) {
        font-size: clamp(30px, 8.3vw, 34px);
      }

      .hero p {
        font-size: 14px;
      }

      .hero-meta {
        font-size: 12px;
      }

      .hero-controls {
        gap: 6px;
      }

    }

    @media (max-width: 720px) and (max-height: 620px) and (orientation: landscape) {
      .hero {
        min-height: 500px;
      }

      .hero-content,
      .hero-slide-opiniao .hero-content {
        padding-top: 24px;
        padding-bottom: 78px;
      }

      .hero :is(h1, h2),
      .hero-slide-funcional :is(h1, h2),
      .hero-slide-opiniao :is(h1, h2) {
        font-size: clamp(32px, 7vw, 42px);
      }

      .hero p {
        margin-top: 10px;
        font-size: 14px;
      }

      .hero-meta {
        margin-top: 12px;
      }
    }

    .game-spotlight {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
      min-height: 360px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 28px;
      background: linear-gradient(135deg, #07182d, #0b3041);
      box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
    }
    .game-spotlight-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 5vw, 60px); }
    .game-spotlight h2 { margin: 8px 0 14px; color: #fff; font-size: clamp(2rem, 5vw, 3.8rem); line-height: .98; }
    .game-spotlight p { max-width: 570px; margin: 0 0 24px; color: #b9ccda; line-height: 1.65; }
    .game-spotlight .primary-btn { align-self: flex-start; background: linear-gradient(135deg, #25e49d, #28bde7); color: #03271e; }
    .game-spotlight-media { position: relative; min-height: 320px; background: #07111f; }
    .game-spotlight-media img,
    .game-spotlight-media video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
    .game-spotlight-media::after { content: "3D"; position: absolute; right: 18px; top: 18px; padding: 8px 12px; border-radius: 999px; background: #f39223; color: #111; font-weight: 900; }
    .mascot-section { position: relative; }
    .section-mascot {
      position: absolute;
      z-index: 3;
      width: clamp(120px, 14vw, 190px);
      height: auto;
      pointer-events: none;
      user-select: none;
      filter: drop-shadow(0 18px 18px rgba(17, 17, 17, .2));
      animation: mascot-float 3.8s ease-in-out infinite alternate;
    }
    .mascot-football { top: -72px; right: 28px; transform: rotate(3deg); }
    .mascot-basketball { top: -64px; left: -44px; transform: rotate(-4deg); animation-delay: -.8s; }
    .mascot-tennis { top: -70px; right: 20px; transform: rotate(3deg); animation-delay: -1.6s; }
    @keyframes mascot-float { to { translate: 0 -9px; } }
    @media (max-width: 760px) {
      .game-spotlight { grid-template-columns: 1fr; }
      .game-spotlight-content { order: 2; padding: 26px 22px 30px; }
      .game-spotlight-media { min-height: 230px; }
      .game-spotlight .primary-btn { width: 100%; justify-content: center; text-align: center; }
      .section-mascot { width: 105px; opacity: .96; }
      .mascot-football,.mascot-tennis { top: -40px; right: -12px; }
      .mascot-basketball { top: -38px; left: -16px; }
    }
    @media (max-width: 480px) {
      .section-mascot { display: none; }
    }
    @media (prefers-reduced-motion: reduce) {
      .section-mascot { animation: none; }
    }

    /* Lancamento Meu Caminho Be */
    .path-launch {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(380px, .96fr);
      min-height: 540px;
      margin-top: 28px;
      overflow: hidden;
      border: 1px solid #e8ded5;
      border-radius: 34px;
      background:
        radial-gradient(circle at 8% 5%, rgba(253, 119, 4, .14), transparent 29%),
        linear-gradient(135deg, #fffaf6 0%, #fff 56%, #f2eee9 100%);
      box-shadow: 0 28px 70px rgba(55, 31, 3, .13);
      isolation: isolate;
    }
    .path-launch::before {
      content: "";
      position: absolute;
      width: 260px;
      height: 260px;
      left: -130px;
      bottom: -150px;
      border: 46px solid rgba(253, 119, 4, .08);
      border-radius: 50%;
      z-index: -1;
    }
    .path-launch-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(38px, 5.2vw, 72px);
      padding-right: clamp(24px, 3.4vw, 48px);
    }
    .path-launch-badge {
      align-self: flex-start;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 22px;
      padding: 9px 13px;
      border: 1px solid rgba(253, 119, 4, .23);
      border-radius: 999px;
      background: rgba(255, 255, 255, .78);
      color: #894c07;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .1em;
      text-transform: uppercase;
      box-shadow: 0 8px 22px rgba(89, 50, 5, .08);
    }
    .path-launch-badge::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--orange);
      box-shadow: 0 0 0 5px rgba(253, 119, 4, .13);
    }
    .path-launch h2 {
      max-width: 760px;
      margin: 0;
      color: #171412;
      font-size: clamp(42px, 5.2vw, 72px);
      line-height: .94;
      letter-spacing: -.062em;
    }
    .path-launch h2 span { color: var(--orange); }
    .path-launch-lead {
      max-width: 600px;
      margin: 24px 0 0;
      color: #625a54;
      font-size: clamp(17px, 1.55vw, 20px);
      line-height: 1.55;
    }
    .path-launch-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 30px;
    }
    .path-launch-action {
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 0 21px;
      border: 1px solid transparent;
      border-radius: 14px;
      font-weight: 900;
      text-decoration: none;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .path-launch-action:hover { transform: translateY(-2px); }
    .path-launch-action-primary {
      background: var(--orange);
      color: #fff;
      box-shadow: 0 14px 28px rgba(253, 119, 4, .27);
    }
    .path-launch-action-primary:hover { box-shadow: 0 18px 34px rgba(253, 119, 4, .35); }
    .path-launch-action-secondary {
      border-color: #ded4cb;
      background: rgba(255, 255, 255, .72);
      color: #2c2723;
    }
    .path-launch-benefits {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 18px;
      margin-top: 25px;
      color: #655d57;
      font-size: 13px;
      font-weight: 800;
    }
    .path-launch-benefits span { display: inline-flex; align-items: center; gap: 7px; }
    .path-launch-benefits svg { width: 17px; height: 17px; fill: none; stroke: #17844b; stroke-width: 2.4; }
    .path-launch-signature {
      margin: 19px 0 0;
      color: #8a817a;
      font-size: 12px;
      line-height: 1.45;
    }
    .path-launch-visual {
      position: relative;
      min-width: 0;
      min-height: 540px;
      background: #211d1a;
    }
    .path-launch-photo {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 58% center;
      opacity: .88;
    }
    .path-launch-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(20, 17, 15, .04) 30%, rgba(20, 17, 15, .72) 100%);
    }
    .path-launch-new {
      position: absolute;
      z-index: 2;
      top: 25px;
      right: 25px;
      padding: 9px 13px;
      border-radius: 999px;
      background: #171412;
      color: #fff;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
      box-shadow: 0 10px 25px rgba(0, 0, 0, .23);
    }
    .path-launch-app {
      position: absolute;
      z-index: 3;
      left: 28px;
      right: 28px;
      bottom: 28px;
      padding: 21px;
      border: 1px solid rgba(255, 255, 255, .8);
      border-radius: 22px;
      background: rgba(255, 255, 255, .94);
      box-shadow: 0 24px 50px rgba(0, 0, 0, .25);
      backdrop-filter: blur(14px);
    }
    .path-launch-app-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
    .path-launch-app-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
    .path-launch-app-icon {
      display: grid;
      flex: 0 0 auto;
      width: 38px;
      height: 38px;
      place-items: center;
      border-radius: 12px;
      background: var(--orange);
      color: #fff;
      box-shadow: 0 8px 18px rgba(253, 119, 4, .27);
    }
    .path-launch-app-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; }
    .path-launch-app-brand strong { display: block; color: #1d1916; font-size: 16px; }
    .path-launch-app-brand small { display: block; margin-top: 2px; color: #81776f; font-size: 11px; }
    .path-launch-percent { color: #1d1916; font-size: 21px; font-weight: 950; }
    .path-launch-progress { height: 7px; margin-top: 16px; overflow: hidden; border-radius: 999px; background: #eae4df; }
    .path-launch-progress span { display: block; width: 42%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #da790b, #f39223); }
    .path-launch-step {
      display: flex;
      align-items: center;
      gap: 11px;
      margin-top: 16px;
      padding: 12px 13px;
      border: 1px solid #eee5de;
      border-radius: 14px;
      background: #fff;
    }
    .path-launch-step-number {
      display: grid;
      flex: 0 0 auto;
      width: 31px;
      height: 31px;
      place-items: center;
      border-radius: 50%;
      background: #fff1e8;
      color: #bd6a0a;
      font-size: 13px;
      font-weight: 950;
    }
    .path-launch-step strong { display: block; color: #2b2521; font-size: 13px; }
    .path-launch-step small { display: block; margin-top: 3px; color: #847a72; font-size: 11px; }
    .path-launch-pills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 10px; }
    .path-launch-pills span { padding: 8px 6px; border-radius: 9px; background: #f5f1ee; color: #716861; font-size: 10px; font-weight: 850; text-align: center; }
    .path-launch-pills span:first-child { background: #201c19; color: #fff; }
    @media (max-width: 900px) {
      .path-launch { grid-template-columns: 1fr; }
      .path-launch-copy { padding-right: clamp(28px, 7vw, 62px); }
      .path-launch h2 { max-width: 680px; }
      .path-launch-visual { min-height: 470px; }
      .path-launch-photo { object-position: center 35%; }
    }
    @media (max-width: 560px) {
      .path-launch { margin-top: 16px; border-radius: 25px; }
      .path-launch-copy { padding: 30px 20px 32px; }
      .path-launch-badge { margin-bottom: 18px; font-size: 10px; }
      .path-launch h2 {
        font-size: clamp(34px, 9.8vw, 46px);
        letter-spacing: -.052em;
        overflow-wrap: anywhere;
      }
      .path-launch-lead { margin-top: 19px; font-size: 16px; }
      .path-launch-actions { display: grid; margin-top: 25px; }
      .path-launch-action { width: 100%; }
      .path-launch-benefits { display: grid; gap: 10px; }
      .path-launch-visual { min-height: 390px; }
      .path-launch-new { top: 18px; right: 18px; }
      .path-launch-app { left: 14px; right: 14px; bottom: 14px; padding: 16px; border-radius: 18px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .path-launch-action { transition: none; }
    }

    /* Home como porta de entrada do ecossistema */
    .ecosystem-hero {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
      align-items: center;
      gap: clamp(34px, 6vw, 82px);
      min-height: clamp(570px, 72svh, 720px);
      padding: clamp(38px, 6vw, 78px);
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 34px;
      background:
        radial-gradient(circle at 8% 8%, rgba(253, 119, 4, .24), transparent 31%),
        radial-gradient(circle at 92% 92%, rgba(245, 157, 57, .12), transparent 28%),
        linear-gradient(135deg, #0d0d0d 0%, #151515 58%, #231402 100%);
      color: #ffffff;
      box-shadow: 0 30px 76px rgba(17, 17, 17, .2);
      isolation: isolate;
    }
    .ecosystem-hero::before {
      position: absolute;
      inset: 0;
      z-index: -1;
      content: "";
      opacity: .22;
      background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
      background-size: 54px 54px;
      mask-image: linear-gradient(90deg, #000, transparent 58%);
    }
    .ecosystem-hero-copy {
      position: relative;
      z-index: 2;
      min-width: 0;
    }
    .ecosystem-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #f7b060;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .ecosystem-kicker i {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #fd7704;
      box-shadow: 0 0 0 6px rgba(253, 119, 4, .14);
    }
    .ecosystem-hero h2 {
      max-width: 10.5ch;
      margin: 20px 0 0;
      color: #ffffff;
      font-size: clamp(46px, 5.8vw, 80px);
      line-height: .93;
      letter-spacing: -.055em;
      text-wrap: balance;
    }
    .ecosystem-hero h2 span { color: #f39121; }
    .ecosystem-hero-copy > p {
      max-width: 620px;
      margin: 25px 0 0;
      color: rgba(255, 255, 255, .76);
      font-size: clamp(16px, 1.55vw, 20px);
      line-height: 1.58;
    }
    .ecosystem-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 11px;
      margin-top: 30px;
    }
    .ecosystem-primary-action,
    .ecosystem-secondary-action {
      display: inline-flex;
      min-height: 52px;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 0 21px;
      border: 1px solid transparent;
      border-radius: 13px;
      font-size: 14px;
      font-weight: 900;
      text-decoration: none;
      transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .ecosystem-primary-action {
      background: #f38e1a;
      color: #111111;
      box-shadow: 0 18px 38px rgba(232, 129, 12, .24);
    }
    .ecosystem-primary-action span {
      display: grid;
      width: 28px;
      height: 28px;
      place-items: center;
      border-radius: 8px;
      background: #111111;
      color: #ffffff;
    }
    .ecosystem-secondary-action {
      border-color: rgba(255, 255, 255, .22);
      background: rgba(255, 255, 255, .07);
      color: #ffffff;
      backdrop-filter: blur(12px);
    }
    .ecosystem-primary-action:hover,
    .ecosystem-secondary-action:hover { transform: translateY(-2px); }
    .ecosystem-secondary-action:hover { border-color: rgba(255, 255, 255, .48); background: rgba(255, 255, 255, .12); }
    .ecosystem-stages {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 11px;
      margin-top: 30px;
      color: rgba(255, 255, 255, .55);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .ecosystem-stages span { color: rgba(255, 255, 255, .76); }
    .ecosystem-stages i { color: #f39121; font-style: normal; }
    .ecosystem-hub {
      position: relative;
      z-index: 2;
      padding: clamp(20px, 3vw, 30px);
      border: 1px solid rgba(255, 255, 255, .82);
      border-radius: 26px;
      background: rgba(255, 255, 255, .94);
      color: #171717;
      box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
      backdrop-filter: blur(18px);
    }
    .ecosystem-hub-head {
      display: flex;
      align-items: center;
      gap: 13px;
      padding-bottom: 19px;
      border-bottom: 1px solid #ebe7e3;
    }
    .ecosystem-hub-mark {
      display: grid;
      flex: 0 0 auto;
      width: 44px;
      height: 44px;
      place-items: center;
      border-radius: 14px;
      background: #f38e1a;
      color: #ffffff;
      font: 800 17px/1 Inter, sans-serif;
      box-shadow: 0 10px 24px rgba(232, 129, 12, .22);
    }
    .ecosystem-hub-head small,
    .ecosystem-hub-head strong { display: block; }
    .ecosystem-hub-head small { color: #877d75; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .ecosystem-hub-head strong { margin-top: 3px; color: #1b1816; font-size: 18px; }
    .ecosystem-hub-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 18px;
    }
    .ecosystem-hub-next {
      display: flex;
      grid-column: 1 / -1;
      align-items: center;
      gap: 10px;
      margin: 17px 1px 0;
      color: #8b8179;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .ecosystem-hub-next::after {
      height: 1px;
      flex: 1;
      content: "";
      background: #e9e3de;
    }
    .ecosystem-hub-card {
      position: relative;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      min-width: 0;
      min-height: 86px;
      align-items: center;
      gap: 11px;
      padding: 12px 13px;
      border: 1px solid #e9e3de;
      border-radius: 15px;
      background: #ffffff;
      color: #211d1a;
      text-decoration: none;
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .ecosystem-hub-card-main {
      grid-column: 1 / -1;
      min-height: 102px;
      padding: 15px;
      border-color: #1c1917;
      background: #1c1917;
      color: #ffffff;
    }
    .ecosystem-hub-card:hover {
      transform: translateY(-2px);
      border-color: #f38e1a;
      background: #fffaf6;
      box-shadow: 0 12px 25px rgba(42, 23, 2, .1);
    }
    .ecosystem-hub-card-main:hover { background: #25211e; }
    .ecosystem-hub-card:focus-visible {
      outline: 3px solid rgba(243, 142, 26, .38);
      outline-offset: 3px;
    }
    .ecosystem-hub-icon {
      display: grid;
      flex: 0 0 auto;
      width: 42px;
      height: 42px;
      place-items: center;
      border-radius: 12px;
      background: #fff0e4;
      color: #af6109;
      font-size: 12px;
      font-weight: 950;
    }
    .ecosystem-hub-icon svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .ecosystem-hub-card-main .ecosystem-hub-icon {
      width: auto;
      height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      background: #f38e1a;
      color: #111111;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .ecosystem-hub-copy { min-width: 0; }
    .ecosystem-hub-card strong,
    .ecosystem-hub-card small { display: block; }
    .ecosystem-hub-card strong { color: inherit; font-size: 13px; line-height: 1.2; }
    .ecosystem-hub-card small {
      margin-top: 6px;
      color: #af6109;
      font-size: 9px;
      font-weight: 850;
      letter-spacing: .02em;
      line-height: 1.2;
    }
    .ecosystem-hub-card-main strong { font-size: 15px; }
    .ecosystem-hub-card-main small { color: rgba(255, 255, 255, .68); font-weight: 650; }
    .ecosystem-hub-arrow {
      display: grid;
      width: 28px;
      height: 28px;
      place-items: center;
      border-radius: 50%;
      background: #f8f2ed;
      color: #af6109;
      transition: transform .2s ease, background .2s ease;
    }
    .ecosystem-hub-arrow svg {
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .ecosystem-hub-card-main .ecosystem-hub-arrow { background: #f38e1a; color: #111111; }
    .ecosystem-hub-card:hover .ecosystem-hub-arrow { transform: translateX(3px); background: #f38e1a; color: #111111; }
    .ecosystem-hub-note {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 16px 2px 0;
      color: #776e68;
      font-size: 10px;
      font-weight: 800;
    }
    .ecosystem-hub-note span { width: 7px; height: 7px; border-radius: 50%; background: #2aaa68; box-shadow: 0 0 0 4px rgba(42, 170, 104, .12); }
    .home-path-feature {
      position: relative;
      display: grid;
      grid-template-columns: 1fr;
      min-height: clamp(540px, 44vw, 615px);
      align-items: center;
      padding: clamp(40px, 6vw, 74px);
      overflow: hidden;
      border-color: transparent;
      border-radius: 32px;
      background: #111111;
      isolation: isolate;
    }
    .home-path-feature::before {
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(90deg, rgba(5, 5, 5, .97) 0%, rgba(5, 5, 5, .93) 27%, rgba(5, 5, 5, .76) 43%, rgba(5, 5, 5, .42) 56%, rgba(5, 5, 5, .1) 73%, transparent 88%);
      content: "";
    }
    .home-path-feature::after { display: none; }
    .home-path-feature-picture,
    .home-path-feature-picture img {
      position: absolute;
      inset: 0;
      z-index: -2;
      width: 100%;
      height: 100%;
    }
    .home-path-feature-picture img { object-fit: cover; object-position: center 42%; }
    .home-path-feature .ecosystem-hero-copy { width: min(100%, 620px); max-width: 620px; }
    .home-path-feature .ecosystem-kicker { color: #ee850d; }
    .home-path-feature .ecosystem-kicker i { display: none; }
    .ecosystem-hero.home-path-feature h2 { max-width: none; margin-top: 40px; color: #ffffff; font-size: clamp(46px, 4.15vw, 58px); font-weight: 900; line-height: .96; text-shadow: 0 2px 18px rgba(0, 0, 0, .3); }
    .ecosystem-hero.home-path-feature h2 span { display: block; color: #ffffff; white-space: nowrap; }
    .home-path-feature .ecosystem-stages {
      display: grid;
      gap: 20px;
      margin-top: 44px;
      color: #ffffff;
      font-size: clamp(14px, 1.4vw, 18px);
      letter-spacing: -.01em;
      text-transform: none;
    }
    .home-path-feature .ecosystem-stages span { display: flex; align-items: center; gap: 14px; color: #ffffff; }
    .home-path-feature .ecosystem-stages span::before {
      display: grid;
      width: 28px;
      height: 28px;
      flex: 0 0 auto;
      place-items: center;
      border: 1px solid #ee850d;
      border-radius: 50%;
      color: #ee850d;
      content: "✓";
      font-size: 13px;
    }
    .home-path-feature .ecosystem-stages span:nth-child(2)::before { content: "↗"; }
    .home-path-feature .ecosystem-stages span:nth-child(3)::before { content: "□"; }
    .home-path-feature .ecosystem-stages span:nth-child(4)::before { content: "⌁"; }
    .home-path-feature .ecosystem-hero-actions { margin-top: 40px; }
    .home-path-feature .ecosystem-primary-action { min-height: 64px !important; padding: 0 22px !important; border-color: #d5770b !important; border-radius: 14px !important; background: #d5770b !important; color: #ffffff !important; font-size: 18px; font-weight: 800 !important; }
    .home-path-feature .ecosystem-primary-action:hover { background: #fd7704 !important; }
    .home-path-feature .ecosystem-hub { display: none !important; }
    .ecosystem-highlights + .home-path-feature { margin-top: clamp(40px, 5vw, 64px); }
    .ecosystem-discovery { margin-top: clamp(58px, 8vw, 96px); }
    .ecosystem-highlights { margin-top: clamp(58px, 8vw, 96px); }
    .home-manifesto {
      position: relative;
      display: grid;
      min-height: clamp(180px, 24vw, 310px);
      align-items: center;
      padding: clamp(34px, 6vw, 74px);
      overflow: hidden;
      border-radius: 30px;
      background:
        radial-gradient(circle at 8% 18%, rgba(123, 68, 6, .3), transparent 38%),
        linear-gradient(105deg, #271602 0%, #151312 48%, #0d0d0d 100%);
      box-shadow: 0 24px 60px rgba(28, 15, 1, .16);
    }
    .home-manifesto::after {
      position: absolute;
      right: -10%;
      bottom: -75%;
      width: 55%;
      aspect-ratio: 1;
      border-radius: 50%;
      background: rgba(253, 119, 4, .055);
      content: "";
    }
    .home-manifesto h1 {
      position: relative;
      z-index: 1;
      max-width: none;
      margin: 0;
      color: #ffffff;
      font-family: var(--font-display);
      font-size: clamp(34px, 6.7vw, 86px);
      font-weight: 800;
      letter-spacing: -.065em;
      line-height: .95;
      white-space: nowrap;
    }
    .home-manifesto h1 strong { color: #ee850d; font-weight: inherit; }
    .home-manifesto + .ecosystem-section-head { margin-top: clamp(30px, 4vw, 48px); }
    .ecosystem-section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 28px;
      margin-bottom: 24px;
    }
    .ecosystem-section-head span { color: #c06b0a; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .ecosystem-section-head h2 { margin: 7px 0 0; color: #111111; font-size: clamp(32px, 4vw, 52px); line-height: 1; letter-spacing: -.04em; }
    .ecosystem-section-head p { max-width: 500px; margin: 0; color: #68625e; font-size: 14px; line-height: 1.55; }

    @media (max-width: 980px) {
      .ecosystem-hero { grid-template-columns: 1fr; min-height: 0; }
      .ecosystem-hero h2 { max-width: 12ch; }
      .ecosystem-hub { width: min(100%, 680px); }
    }
    @media (max-width: 720px) {
      .ecosystem-hero.home-path-feature { min-height: 610px; padding: 42px 24px; }
      .home-path-feature::before {
        background:
          radial-gradient(ellipse 110% 105% at 5% 52%, rgba(0, 0, 0, .76) 0%, rgba(0, 0, 0, .52) 58%, transparent 88%),
          linear-gradient(90deg, rgba(5, 5, 5, .94) 0%, rgba(5, 5, 5, .78) 58%, rgba(5, 5, 5, .48) 100%);
      }
      .home-path-feature-picture img { object-position: 60% center; }
      .ecosystem-hero.home-path-feature h2 { max-width: none; margin-top: 34px; font-size: clamp(38px, 10.8vw, 58px); }
      .home-path-feature .ecosystem-stages { gap: 20px; margin-top: 40px; font-size: clamp(15px, 4vw, 18px) !important; }
      .home-path-feature .ecosystem-hero-actions { margin-top: 40px; }
      .home-path-feature .ecosystem-hero-actions { display: flex; }
      .home-path-feature .ecosystem-primary-action { width: auto; }
      .ecosystem-highlights + .home-path-feature { margin-top: 32px; }
      .ecosystem-hero {
        gap: 34px;
        padding: 32px 22px 24px;
        border-radius: 27px;
      }
      .ecosystem-hero h2 { margin-top: 17px; font-size: clamp(39px, 12vw, 56px); }
      .ecosystem-hero-copy > p { margin-top: 19px; font-size: 16px; }
      .ecosystem-hero-actions { display: grid; margin-top: 24px; }
      .ecosystem-primary-action,
      .ecosystem-secondary-action { width: 100%; }
      .ecosystem-stages { gap: 7px; margin-top: 22px; font-size: 9px; }
      .ecosystem-hub { padding: 17px; border-radius: 21px; }
      .ecosystem-hub-grid { gap: 8px; }
      .ecosystem-hub-card { min-height: 84px; padding: 11px; }
      .ecosystem-hub-card-main { min-height: 96px; }
      .ecosystem-hub-icon { width: 38px; height: 38px; }
      .ecosystem-section-head { display: grid; gap: 12px; margin-bottom: 19px; }
      .ecosystem-highlights { margin-top: 58px; }
    }
    @media (max-width: 480px) {
      .home-manifesto { min-height: 150px; padding: 28px 18px; border-radius: 24px; }
      .home-manifesto h1 { font-size: clamp(19px, 6.15vw, 29px); line-height: 1; }
      .ecosystem-hub-grid { grid-template-columns: 1fr; }
      .ecosystem-hub-card { min-height: 74px; }
      .ecosystem-hub-card-main {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 118px;
      }
      .ecosystem-hub-card-main .ecosystem-hub-icon { grid-column: 1 / -1; justify-self: start; }
      .ecosystem-hub-icon { width: 40px; height: 40px; }
    }
    @media (max-width: 390px) {
      .ecosystem-hero { padding-inline: 18px; }
      .ecosystem-hero h2 { font-size: clamp(35px, 11vw, 43px); }
      .ecosystem-hub-card { gap: 10px; padding: 10px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .ecosystem-primary-action,
      .ecosystem-secondary-action,
      .ecosystem-hub-card { transition: none; }
    }

    .home-redesign > .ecosystem-discovery,
    .home-redesign > .path-launch,
    .home-redesign > .brand-film,
    .home-redesign > .section,
    .home-redesign > .home-path-feature { display: none; }
    .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .home-redesign { padding-top: 0; }
    .home-hero-v2 { position: relative; display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); align-items: center; min-height: clamp(430px, 58svh, 610px); overflow: hidden; background: linear-gradient(90deg, #fff 0%, #fff 34%, rgba(255,255,255,.78) 50%, rgba(255,255,255,0) 74%); }
    .home-hero-copy { position: relative; z-index: 3; max-width: 500px; padding: clamp(38px, 6vw, 74px) 0 clamp(64px, 8vw, 104px) clamp(28px, 4vw, 56px); }
    .home-kicker, .home-section-head-v2 > span, .home-journey-copy > span, .home-game-panel span, .home-panel-head > span, .home-report-grid span { color: #d9790b; font-size: 12px; font-weight: 950; letter-spacing: 0; text-transform: uppercase; }
    .home-hero-copy h1 { max-width: 10ch; margin: 0 0 16px; color: #050505; font-size: clamp(42px, 5.2vw, 76px); font-weight: 950; line-height: .91; letter-spacing: 0; }
    .home-hero-copy h1 span, .home-section-head-v2 h2 em, .home-journey-copy h2 em { color: #d9790b; font-style: normal; }
    .home-hero-copy p { max-width: 380px; color: #626262; font-size: clamp(14px, 1.5vw, 17px); line-height: 1.5; }
    .home-hero-actions, .home-primary, .home-secondary, .home-dark-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
    .home-hero-actions { flex-wrap: wrap; margin-top: 22px; }
    .home-primary, .home-dark-btn { min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: #d9790b; color: #fff; box-shadow: 0 18px 35px rgba(217,121,11,.25); font-size: 14px; font-weight: 900; }
    .home-secondary { min-height: 50px; padding: 0 20px; border: 1px solid #e8e1dc; border-radius: 999px; background: #fff; color: #171717; font-size: 14px; font-weight: 850; }
    .home-hero-media { position: absolute; inset: 0 0 0 34%; overflow: hidden; border-radius: 0 0 0 70px; }
    .home-hero-media picture, .home-hero-media img { width: 100%; height: 100%; }
    .home-hero-media img { object-fit: cover; object-position: center; filter: saturate(1.04) contrast(1.03); }
    .home-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #fff 0, rgba(255,255,255,.88) 15%, rgba(255,255,255,.2) 43%, rgba(255,255,255,0) 100%); }
    .hero-orbit { position: absolute; border: 1px solid rgba(217,121,11,.35); border-radius: 50%; pointer-events: none; }
    .hero-orbit-one { width: min(55vw, 760px); aspect-ratio: 1; right: 5%; top: 8%; }
    .hero-orbit-two { width: min(34vw, 470px); aspect-ratio: 1; right: 16%; top: 22%; background: rgba(253, 119, 4,.12); }
    .home-steps { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 18px; margin-top: -52px; margin-bottom: clamp(54px, 8vw, 92px); }
    .home-steps > a { position: relative; display: grid; gap: 9px; padding-top: 24px; border-radius: 18px; color: #111; transition: color .2s ease, transform .2s ease; }
    .home-steps > a:not(:last-child)::after { content: ""; position: absolute; top: 47px; left: 76px; right: -12px; height: 1px; background: linear-gradient(90deg, rgba(217,121,11,.55), rgba(217,121,11,.12)); pointer-events: none; }
    .home-steps span { display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid rgba(17,17,17,.08); border-radius: 50%; background: rgba(255,255,255,.94); box-shadow: 0 16px 34px rgba(17,17,17,.1); color: #d9790b; }
    .home-steps svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .home-steps strong { font-size: 16px; font-weight: 950; }
    .home-steps p { max-width: 210px; color: #717171; font-size: 14px; line-height: 1.45; }
    .home-steps small { color: #a45b09; font-size: 12px; font-weight: 900; opacity: 0; transform: translateY(-3px); transition: opacity .2s ease, transform .2s ease; }
    .home-steps > a:hover, .home-steps > a:focus-visible { color: #a45b09; transform: translateY(-3px); }
    .home-steps > a:hover span, .home-steps > a:focus-visible span { border-color: rgba(217,121,11,.48); background: #fff6ef; box-shadow: 0 18px 38px rgba(217,121,11,.16); }
    .home-steps > a:hover small, .home-steps > a:focus-visible small { opacity: 1; transform: translateY(0); }
    .home-section-v2 { margin-bottom: clamp(46px, 7vw, 82px); }
    .home-section-head-v2 { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 20px; margin-bottom: 24px; }
    .home-section-head-v2 h2 { max-width: 570px; margin-top: 8px; color: #070707; font-size: clamp(34px, 4vw, 50px); font-weight: 950; line-height: 1; letter-spacing: 0; }
    .home-section-head-v2 > a, .home-panel-head a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 1px solid #ece6e1; border-radius: 999px; background: #fff; font-size: 13px; font-weight: 900; }
    .home-card-grid, .home-report-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
    .home-intent-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-content-card { position: relative; display: flex; min-height: 430px; overflow: hidden; flex-direction: column; justify-content: flex-end; padding: 22px; border-radius: 18px; isolation: isolate; background: #111; color: #fff; scroll-snap-align: start; box-shadow: 0 20px 48px rgba(17,17,17,.12); }
    .home-content-card img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
    .home-content-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.78)); }
    .home-content-card::before { content: "→"; position: absolute; right: 20px; bottom: 20px; z-index: 1; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(217,121,11,.9); border-radius: 50%; color: #d9790b; font-size: 18px; font-weight: 900; }
    .home-content-card:nth-child(3) img,
    .home-content-card:nth-child(4) img { object-position: center 22%; }
    .home-content-card:hover img { transform: scale(1.04); }
    .home-content-card span { align-self: flex-start; margin-bottom: 14px; padding: 7px 10px; border-radius: 8px; background: #d9790b; color: #fff; font-size: 11px; font-weight: 950; text-transform: uppercase; }
    .home-content-card h3 { max-width: calc(100% - 34px); font-size: 22px; line-height: 1.08; }
    .home-content-card small, .home-report-grid small { margin-top: 18px; color: rgba(255,255,255,.78); font-size: 13px; }
    .home-journey { position: relative; display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); min-height: clamp(520px, 48vw, 620px); margin-bottom: clamp(36px, 6vw, 70px); overflow: hidden; border: 1px solid rgba(17,17,17,.08); border-radius: 24px; background: #f8f3ef; box-shadow: 0 18px 60px rgba(17,17,17,.08); isolation: isolate; }
    .home-journey::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #fbf6f0 0%, rgba(251,246,240,.94) 25%, rgba(251,246,240,.34) 54%, rgba(251,246,240,0) 76%); pointer-events: none; }
    .home-journey-copy { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 5vw, 58px); }
    .home-journey-copy h2 { max-width: 11ch; margin: 10px 0 20px; color: #111; font-size: clamp(36px, 4.3vw, 56px); font-weight: 950; line-height: .96; }
    .home-journey-copy p { max-width: 420px; color: #5f5f5f; font-size: 16px; line-height: 1.7; }
    .home-journey-proof { display: grid; gap: 9px; margin-top: 23px; padding: 15px 0; border-top: 1px solid rgba(17,17,17,.1); border-bottom: 1px solid rgba(17,17,17,.1); }
    .home-journey-proof span { color: #777; font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
    .home-journey-proof div { display: flex; align-items: center; gap: 8px; color: #2c2a28; font-size: 13px; font-weight: 800; }
    .home-journey-proof i { width: 5px; height: 5px; border-radius: 50%; background: #d9790b; }
    .home-dark-btn { align-self: flex-start; margin-top: 28px; background: #090909; box-shadow: none; }
    .home-journey-media { position: absolute; inset: 0; z-index: 2; min-height: 480px; overflow: hidden; }
    .home-journey-media picture, .home-journey-media img { width: 100%; height: 100%; }
    .home-journey-media img { object-fit: cover; object-position: 67% center; transform: scale(1.02); }
    .home-journey-media::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(248,243,239,.92) 0%, rgba(248,243,239,.74) 31%, rgba(248,243,239,.1) 62%); pointer-events: none; }
    .home-journey-media::after { content: ""; position: absolute; left: 41%; top: 18%; z-index: 2; width: 38%; height: 58%; border: 2px dashed rgba(217,121,11,.56); border-left: 0; border-bottom: 0; border-radius: 48% 52% 42% 58%; transform: rotate(10deg); filter: drop-shadow(0 0 6px rgba(217,121,11,.3)); pointer-events: none; }
    .home-journey-media .home-journey-action { position: absolute; z-index: 3; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 0 12px; width: min(255px, 28%); min-height: 86px; align-content: center; padding: 16px 18px; border: 1px solid rgba(17,17,17,.08); border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 18px 40px rgba(17,17,17,.16); backdrop-filter: blur(10px); transition: transform .2s ease, background .2s ease; }
    .home-journey-media .home-journey-action::before { grid-row: 1 / span 2; display: grid; width: 34px; height: 34px; place-items: center; border: 2px solid #d9790b; border-radius: 12px; color: #d9790b; font-size: 22px; line-height: 1; content: "♡"; }
    .home-journey-media .home-journey-action:nth-of-type(1) { left: 46%; top: 17%; }
    .home-journey-media .home-journey-action:nth-of-type(2) { left: 38%; top: 39%; }
    .home-journey-media .home-journey-action:nth-of-type(3) { left: 42%; bottom: 8%; }
    .home-journey-media .home-journey-action:nth-of-type(4) { right: 14%; top: 6%; }
    .home-journey-media .home-journey-action:nth-of-type(2)::before { content: "♙"; border-radius: 50%; }
    .home-journey-media .home-journey-action:nth-of-type(3)::before { content: "↗"; }
    .home-journey-media .home-journey-action:nth-of-type(4)::before { content: "☆"; }
    .home-journey-media .home-journey-action:hover, .home-journey-media .home-journey-action:focus-visible { background: rgba(255,255,255,1); transform: translateY(-3px); }
    .home-journey-media strong { display: block; color: #161616; font-size: 14px; font-weight: 950; line-height: 1.1; }
    .home-journey-media small { display: block; margin-top: 5px; color: #696969; font-size: 12px; line-height: 1.35; }
    .home-tools-bridge { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 24px; align-items: center; margin: 0 auto clamp(52px, 8vw, 92px); padding: clamp(24px, 3.5vw, 38px); border: 1px solid rgba(17,17,17,.08); border-radius: 20px; background: #fff; box-shadow: 0 18px 48px rgba(17,17,17,.06); }
    .home-tools-bridge > div > span { display: block; color: #d9790b; font-size: 12px; font-weight: 950; text-transform: uppercase; }
    .home-tools-bridge h2 { max-width: 360px; margin: 8px 0 10px; color: #111; font-size: clamp(28px, 3vw, 40px); font-weight: 950; line-height: .98; letter-spacing: -.035em; }
    .home-tools-bridge p { max-width: 370px; color: #6c6c6c; font-size: 14px; line-height: 1.55; }
    .home-tools-bridge > div:not(.home-tools-list) > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: #111; font-size: 13px; font-weight: 900; }
    .home-tools-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .home-tools-list a { display: grid; grid-template-rows: auto auto 1fr; align-content: start; gap: 12px; min-width: 0; padding: 18px; border: 1px solid #ece7e2; border-radius: 18px; background: #fcfbfa; text-decoration: none; transition: border-color .2s ease, background-color .2s ease; }
    .home-tool-illustration { display: block; width: 100%; height: 140px; object-fit: contain; border-radius: 12px; }
    .home-tools-list strong { color: #171717; font-size: 17px; font-weight: 700; line-height: 1.3; }
    .home-tools-list small { color: #777; font-size: 12px; line-height: 1.38; }
    .home-tools-list a:hover, .home-tools-list a:focus-visible { border-color: rgba(217,121,11,.55); background: #fff; box-shadow: 0 12px 28px rgba(217,121,11,.1); transform: translateY(-3px); }
    .home-split { display: grid; grid-template-columns: .96fr 1.04fr; gap: 18px; margin-bottom: clamp(52px, 8vw, 92px); align-items: stretch; }
    .home-game-panel, .home-beplay-panel { min-height: clamp(292px, 30vw, 350px); overflow: hidden; border: 1px solid rgba(17,17,17,.08); border-radius: 16px; box-shadow: 0 18px 44px rgba(17,17,17,.1); }
    .home-game-panel { position: relative; display: flex; align-items: center; padding: clamp(22px, 3vw, 32px); isolation: isolate; background: #07111f; color: #fff; }
    .home-game-panel :is(img, video) { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 62% center; }
    .home-game-panel::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.46) 36%, rgba(0,0,0,.1) 78%); }
    .home-game-panel h2, .home-panel-head h2 { margin: 7px 0 10px; font-size: clamp(28px, 3.5vw, 42px); font-weight: 950; line-height: .98; letter-spacing: 0; }
    .home-game-panel p { max-width: 265px; margin-bottom: 20px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.42; }
    .home-game-panel .home-primary { min-height: 48px; padding-inline: 22px 18px; border-radius: 14px; background: #d9790b; box-shadow: none; }
    .home-game-panel .home-primary svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .home-beplay-panel { display: flex; flex-direction: column; padding: clamp(20px, 3vw, 28px); background: #f8f3ef; }
    .home-panel-head { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 14px; margin-bottom: 18px; }
    .home-panel-head > span, .home-panel-head h2 { grid-column: 1; }
    .home-panel-head a { grid-column: 2; grid-row: 1 / span 2; align-self: center; min-height: 38px; padding-inline: 18px; border-radius: 999px; box-shadow: 0 10px 24px rgba(17,17,17,.05); }
    .home-video-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: auto; }
    .home-video-list button, .home-report-grid a { display: grid; gap: 9px; color: #111; }
    .home-video-list button { position: relative; align-content: start; gap: 8px; border: 0; padding: 0; background: transparent; font: inherit; text-align: left; cursor: pointer; }
    .home-video-cover { position: relative; display: block; }
    .home-video-cover::after { content: "▶"; position: absolute; top: 50%; left: 50%; display: grid; width: 38px; height: 38px; place-items: center; border: 2px solid rgba(255,255,255,.9); border-radius: 50%; background: rgba(0,0,0,.34); color: #fff; font-size: 13px; transform: translate(-50%, -50%); box-shadow: 0 10px 22px rgba(0,0,0,.24); transition: transform .2s ease, background .2s ease; }
    .home-video-list button:hover .home-video-cover::after, .home-video-list button:focus-visible .home-video-cover::after { background: #d9790b; transform: translate(-50%, -50%) scale(1.08); }
    .home-video-list img { width: 100%; aspect-ratio: 16 / 10; border-radius: 10px; object-fit: cover; background: #ddd; }
    .home-video-list strong { font-size: clamp(13px, 1.2vw, 15px); line-height: 1.08; }
    .home-video-list small { color: #777; font-size: 12px; }
    .home-content-bridge { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: -34px auto clamp(52px, 8vw, 92px); padding: 20px 24px; border: 1px solid #ebe5df; border-radius: 16px; background: #fffaf6; }
    .home-content-bridge div { display: grid; gap: 4px; }
    .home-content-bridge span { color: #d9790b; font-size: 11px; font-weight: 950; text-transform: uppercase; }
    .home-content-bridge strong { color: #171717; font-size: 17px; font-weight: 900; line-height: 1.15; }
    .home-content-bridge a { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 44px; padding: 0 17px; border-radius: 999px; background: #111; color: #fff; font-size: 13px; font-weight: 900; }
    .home-video-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.78); }
    .home-video-modal[hidden] { display: none; }
    .home-video-modal-dialog { position: relative; width: min(900px, 100%); overflow: hidden; border-radius: 18px; background: #111; box-shadow: 0 28px 80px rgba(0,0,0,.4); }
    .home-video-modal video { display: block; width: 100%; max-height: min(72svh, 640px); background: #000; }
    .home-video-modal-close { position: absolute; top: 12px; right: 12px; z-index: 1; display: grid; width: 40px; height: 40px; place-items: center; border: 0; border-radius: 50%; background: rgba(0,0,0,.66); color: #fff; font-size: 25px; line-height: 1; cursor: pointer; }
    .home-video-modal-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 20px; color: #fff; }
    .home-video-modal-footer strong { max-width: 62%; font-size: 15px; font-weight: 700; line-height: 1.24; letter-spacing: -.025em; }
    .home-video-modal-footer a { color: #f39223; font-size: 12px; font-weight: 700; line-height: 1.25; letter-spacing: .015em; }
    .home-report-section .home-section-head-v2 { align-items: center; margin-bottom: 28px; }
    .home-report-section .home-section-head-v2 h2 { max-width: 500px; font-size: clamp(34px, 4vw, 50px); line-height: .98; }
    .home-report-section .home-section-head-v2 > a { min-height: 58px; padding-inline: 28px; border-radius: 999px; box-shadow: 0 10px 28px rgba(17,17,17,.05); }
    .home-report-grid a { gap: 0; }
    .home-report-grid img { width: 100%; aspect-ratio: 16 / 9.5; margin-bottom: 18px; border-radius: 12px; object-fit: cover; background: #ddd; box-shadow: 0 14px 30px rgba(17,17,17,.08); }
    .home-report-grid a:nth-child(2) img { object-position: center 28%; }
    .home-report-grid a:nth-child(3) img { object-position: center 35%; }
    .home-report-grid span { margin-bottom: 9px; color: #d9790b; font-size: 12px; font-weight: 950; text-transform: uppercase; }
    .home-report-grid strong { max-width: 94%; color: #111; font-size: clamp(18px, 1.6vw, 22px); font-weight: 900; line-height: 1.12; }
    .home-report-grid small { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: #969696; font-size: 13px; font-weight: 750; }
    .home-report-section .home-report-grid small { color: #969696; }
    .home-report-grid small::before { content: ""; width: 18px; height: 18px; border: 2px solid #b6b6b6; border-radius: 50%; background: radial-gradient(circle at 50% 50%, #b6b6b6 0 2px, transparent 3px), linear-gradient(#b6b6b6, #b6b6b6) 50% 18% / 2px 7px no-repeat, linear-gradient(#b6b6b6, #b6b6b6) 72% 55% / 7px 2px no-repeat; }
    .home-editorial-feature { padding-top: clamp(12px, 2vw, 24px); }
    .home-editorial-feature .home-section-head-v2 { grid-template-columns: minmax(0, 1fr) auto; align-items: center; margin-bottom: 30px; }
    .home-editorial-feature .home-section-head-v2 > :not(a) { grid-column: 1; }
    .home-editorial-feature .home-section-head-v2 > span { grid-row: 1; }
    .home-editorial-feature .home-section-head-v2 > :is(h1, h2) { grid-row: 2; max-width: 700px; margin-top: 8px; font-size: clamp(34px, 4vw, 50px); font-weight: 950; line-height: 1; letter-spacing: 0; }
    .home-editorial-feature .home-section-head-v2 > p { grid-row: 3; max-width: 620px; margin-top: 12px; color: #6f6a66; font-size: 15px; line-height: 1.6; }
    .home-editorial-feature .home-section-head-v2 > a { grid-column: 2; grid-row: 1 / span 3; min-height: 50px; padding-inline: 22px; }
    .home-editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
    .home-editorial-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; padding-bottom: 20px; border: 1px solid #ebe7e3; border-radius: 18px; background: #fff; color: #151515; box-shadow: 0 14px 34px rgba(17,17,17,.06); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
    .home-editorial-card:hover, .home-editorial-card:focus-visible { border-color: rgba(217,121,11,.55); box-shadow: 0 20px 44px rgba(17,17,17,.1); transform: translateY(-4px); }
    .home-editorial-card img { width: 100%; aspect-ratio: 4 / 3; margin-bottom: 20px; object-fit: cover; object-position: center top; background: #eee; }
    .home-editorial-card[data-report-id="thais-garcez-metamorfose"] img { object-position: center 18%; }
    .home-editorial-card[data-report-id="elas-trazem-esperanca"] img { object-position: center 24%; }
    .home-editorial-card-fashion img { object-position: center 10%; }
    .home-editorial-card > :not(img) { margin-right: 20px; margin-left: 20px; }
    .home-editorial-category { margin-bottom: 10px; color: #ba670a; font-size: 11px; font-weight: 950; letter-spacing: .045em; text-transform: uppercase; }
    .home-editorial-card :is(h2, h3) { font-size: clamp(20px, 2vw, 28px); font-weight: 950; line-height: 1.08; letter-spacing: -.025em; }
    .home-editorial-card p { margin-top: 12px; color: #6a6662; font-size: 14px; line-height: 1.55; }
    .home-editorial-card small { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; color: #79746f; font-size: 12px; font-weight: 800; }
    .home-editorial-card small b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #d9790b; color: #fff; font-size: 15px; }
    .home-editorial-card-lead :is(h2, h3) { max-width: none; font-size: clamp(20px, 2vw, 28px); }
    .home-editorial-card-lead p { max-width: none; font-size: 14px; }
    .home-editorial-launch { margin-top: clamp(20px, 3vw, 36px); margin-bottom: clamp(24px, 4vw, 46px); padding: clamp(28px, 4.5vw, 56px); border: 1px solid #ead8cb; border-radius: 28px; background: radial-gradient(circle at 92% 2%, rgba(226,126,12,.28) 0%, rgba(226,126,12,.12) 26%, transparent 52%), radial-gradient(circle at 5% 100%, rgba(245,157,58,.14) 0%, transparent 38%), linear-gradient(135deg, #fffaf6 0%, #f4e7dc 100%); box-shadow: 0 20px 54px rgba(79,44,4,.1); }
    .home-editorial-launch .home-section-head-v2 > span { color: #a95e09; }
    .home-editorial-launch .home-section-head-v2 > :is(h1, h2) { color: #211b17; }
    .home-editorial-launch .home-section-head-v2 > :is(h1, h2) em { color: #c76f0a; font-style: normal; }
    .home-editorial-launch .home-section-head-v2 > p { color: #625b55; }
    .home-editorial-launch .home-section-head-v2 > a { border-color: #c76f0a; background: #c76f0a; color: #ffffff; box-shadow: 0 10px 24px rgba(158,88,8,.16); }
    .home-editorial-launch .home-section-head-v2 > a:hover { background: #ba670a; transform: translateY(-2px); }
    .home-editorial-launch .home-editorial-card { border-color: #e5d9d0; box-shadow: 0 14px 32px rgba(79,44,4,.1); }
    .home-redesign > .home-hero-v2 { margin-top: clamp(20px, 3vw, 36px); border: 1px solid #eee8e3; border-radius: 28px; box-shadow: 0 18px 54px rgba(17,17,17,.07); }

    /* Sistema de ações clean: hierarquia clara e menos peso visual. */
    .home-page .nav-chip {
      min-height: 40px;
      padding: 0 10px;
      border-color: transparent;
      border-radius: 10px;
      background: transparent;
      font-weight: 750;
      transition: background .18s ease, color .18s ease;
    }
    .home-page .nav-chip:hover,
    .home-page .nav-chip.active {
      border-color: transparent;
      background: #f2efec;
      color: #171412;
      box-shadow: inset 0 -2px 0 #d9790b;
      transform: none;
    }
    .home-page .nav-chip.nav-chip-path { border-color: transparent; background: #fff7f1; color: #7d4607; }
    .home-page .nav-chip.nav-chip-path:hover { border-color: transparent; background: #f7eee7; color: #623605; }
    .home-primary,
    .home-dark-btn {
      min-height: 46px;
      padding-inline: 18px;
      border-radius: 10px;
      box-shadow: none;
      font-weight: 850;
      transition: background .18s ease, color .18s ease;
    }
    .home-primary:hover,
    .home-primary:focus-visible { background: #c56e0a; transform: none; }
    .home-dark-btn:hover,
    .home-dark-btn:focus-visible { background: #2a2725; transform: none; }
    .home-secondary {
      min-height: 44px;
      padding: 0 4px;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #4c4540;
      font-size: 13px;
      font-weight: 750;
      text-decoration: underline;
      text-decoration-color: #c9bfb7;
      text-underline-offset: 5px;
    }
    .home-secondary:hover,
    .home-secondary:focus-visible { color: #9d5808; text-decoration-color: #d9790b; }
    .home-section-head-v2 > a,
    .home-panel-head a {
      min-height: 40px;
      padding: 0 4px;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: #27221f;
      font-weight: 800;
    }
    .home-editorial-launch .home-section-head-v2 > a {
      min-height: 44px;
      padding-inline: 14px;
      border: 1px solid #d7a98d;
      border-radius: 10px;
      background: rgba(255,255,255,.58);
      color: #6a3b06;
      box-shadow: none;
    }
    .home-editorial-launch .home-section-head-v2 > a:hover,
    .home-editorial-launch .home-section-head-v2 > a:focus-visible { border-color: #c76f0a; background: #fff3e9; color: #4f2c04; transform: none; }
    .home-editorial-card small b {
      width: auto;
      height: auto;
      border-radius: 0;
      background: transparent;
      color: #ba670a;
      font-size: 18px;
    }
    .home-content-bridge a { min-height: 42px; border-radius: 10px; box-shadow: none; }
    .home-game-panel .home-primary { border-radius: 10px; }
    .home-page :is(.nav-chip, .home-primary, .home-dark-btn, .home-secondary, .home-section-head-v2 > a, .home-panel-head a, .home-content-bridge a):focus-visible {
      outline: 3px solid rgba(217,121,11,.28);
      outline-offset: 3px;
    }
    .home-people-quote { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(160px, .52fr) minmax(280px, .9fr); gap: clamp(24px, 5vw, 70px); align-items: center; margin-bottom: clamp(28px, 5vw, 56px); padding: clamp(28px, 4.8vw, 52px); border: 1px solid rgba(17,17,17,.06); border-radius: 28px; background: rgba(255,255,255,.78); box-shadow: 0 20px 60px rgba(17,17,17,.06); }
    .home-people-quote blockquote { position: relative; margin: 0; padding-left: 30px; color: #111; font-size: clamp(30px, 3.6vw, 48px); font-weight: 950; line-height: 1.16; letter-spacing: 0; }
    .home-people-quote blockquote::before { content: "“"; position: absolute; left: 0; top: -.18em; color: #d9790b; font-size: clamp(54px, 6vw, 84px); line-height: 1; }
    .home-people-logo { justify-self: center; width: min(180px, 100%); height: auto; }
    .home-people-signup { display: grid; gap: 18px; }
    .home-people-signup strong { max-width: 320px; color: #111; font-size: clamp(20px, 2vw, 28px); font-weight: 950; line-height: 1.08; }
    .home-people-signup form { display: grid; gap: 10px; }
    .home-people-signup :is(input, select, textarea) { min-width: 0; width: 100%; border: 1px solid rgba(17,17,17,.1); border-radius: 10px; background: #fff; color: #111; font: inherit; outline: 0; }
    .home-people-signup :is(input, select) { min-height: 50px; padding: 0 14px; }
    .home-people-signup textarea { min-height: 92px; padding: 13px 14px; resize: vertical; line-height: 1.45; }
    .home-people-signup :is(input, textarea)::placeholder { color: #9d9792; }
    .home-people-signup :is(input, select, textarea):focus { border-color: #d9790b; outline: 3px solid rgba(217,121,11,.13); }
    .home-people-signup button { min-height: 48px; border: 0; border-radius: 10px; background: #d9790b; color: #fff; font: 850 14px/1 Inter, sans-serif; cursor: pointer; }
    .home-people-signup button:disabled { cursor: wait; opacity: .65; }
    .home-people-signup button svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
    .home-people-signup small { color: #706b67; font-size: 11px; line-height: 1.45; }
    .home-people-signup .home-newsletter-status { margin: -8px 0 0; padding: 10px 12px; border-radius: 8px; background: #f1ece8; color: #4e4742; font-size: 12px; font-weight: 750; line-height: 1.45; }
    .home-people-signup .home-newsletter-status[data-state="success"] { background: #e9f7ef; color: #176540; }
    .home-people-signup .home-newsletter-status[data-state="error"] { background: #fff0ed; color: #9b2f1c; }
    .home-people-signup .home-newsletter-status[data-state="fallback"] { background: #fff5e7; color: #784306; }
    .home-contact-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
    @media (max-width: 980px) {
      .home-hero-v2, .home-journey, .home-split, .home-tools-bridge { grid-template-columns: 1fr; }
      .home-hero-v2 {
        min-height: 0;
        padding-top: clamp(330px, 54vw, 470px);
        background: #ffffff;
      }
      .home-hero-copy {
        max-width: 620px;
        padding: 0 clamp(22px, 5vw, 40px) clamp(38px, 7vw, 62px);
      }
      .home-hero-media {
        inset: 0 0 auto;
        height: clamp(330px, 54vw, 470px);
        min-height: 0;
        border-radius: 0 0 34px 34px;
      }
      .home-hero-media img { object-position: 58% center; }
      .home-hero-media::after {
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 54%, #ffffff 94%);
      }
      .hero-orbit-one { width: min(78vw, 560px); right: 2%; top: 8%; }
      .hero-orbit-two { width: min(48vw, 360px); right: 16%; top: 20%; }
      .home-steps, .home-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .home-editorial-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .home-editorial-card-lead { grid-column: auto; }
      .home-editorial-card-lead img { aspect-ratio: 4 / 3; }
      .home-card-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(280px, 42vw);
        grid-template-columns: none;
        gap: 18px;
        margin-inline: -16px;
        padding: 4px 16px 18px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }
      .home-intent-grid { grid-template-columns: none; }
      .home-card-grid::-webkit-scrollbar { display: none; }
      .home-steps {
        gap: 18px;
        margin-top: 0;
      }
      .home-steps > a { padding-top: 0; }
      .home-steps > a::after { display: none; }
      .home-journey { min-height: 660px; align-content: start; }
      .home-journey::before { background: linear-gradient(180deg, #fbf6f0 0%, rgba(251,246,240,.9) 36%, rgba(251,246,240,.08) 72%); }
      .home-journey-copy { max-width: 560px; }
      .home-journey-media { min-height: 100%; }
      .home-journey-media::before { background: linear-gradient(180deg, rgba(248,243,239,.96) 0%, rgba(248,243,239,.78) 38%, rgba(248,243,239,.12) 74%); }
      .home-journey-media .home-journey-action { width: min(245px, 34%); }
      .home-journey-media .home-journey-action:nth-of-type(1) { left: 52%; top: 35%; }
      .home-journey-media .home-journey-action:nth-of-type(2) { left: 8%; top: 49%; }
      .home-journey-media .home-journey-action:nth-of-type(3) { left: 36%; bottom: 8%; }
      .home-journey-media .home-journey-action:nth-of-type(4) { right: 6%; top: 17%; }
      .home-tools-bridge { gap: 22px; }
      .home-people-quote { grid-template-columns: 1fr; gap: 24px; }
      .home-people-logo { justify-self: start; width: 150px; }
    }
    @media (max-width: 640px) {
      .shell { width: min(calc(100% - 24px), var(--max)); }
      .home-editorial-launch { padding: 22px 16px 18px; border-radius: 22px; }
      .home-editorial-launch .home-section-head-v2 { margin-bottom: 22px; }
      .home-hero-v2 { padding-top: clamp(260px, 68vw, 340px); }
      .home-hero-media { height: clamp(260px, 68vw, 340px); }
      .home-hero-media img { object-position: 62% center; }
      .home-hero-copy { padding-bottom: 34px; }
      .home-hero-copy h1 { max-width: 9ch; font-size: clamp(40px, 13vw, 56px); }
      .home-hero-copy p { max-width: 100%; font-size: 15px; }
      .home-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
      }
      .home-primary, .home-secondary, .home-dark-btn {
        width: 100%;
        min-height: 48px;
        padding-inline: 16px;
        text-align: center;
      }
      .home-steps, .home-report-grid, .home-video-list { grid-template-columns: 1fr; }
      .home-editorial-feature .home-section-head-v2 { grid-template-columns: 1fr; }
      .home-editorial-feature .home-section-head-v2 > a { grid-column: 1; grid-row: 4; width: 100%; margin-top: 4px; }
      .home-editorial-grid { grid-auto-flow: column; grid-auto-columns: minmax(272px, 84vw); grid-template-columns: none; gap: 14px; margin-inline: -4px; padding: 2px 4px 14px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: 4px; scroll-snap-type: x mandatory; scrollbar-width: none; }
      .home-editorial-grid::-webkit-scrollbar { display: none; }
      .home-editorial-card { scroll-snap-align: start; }
      .home-editorial-card-lead { grid-column: auto; }
      .home-editorial-card-lead img { aspect-ratio: 4 / 3; }
      .home-tools-list { grid-template-columns: 1fr; }
      .home-tools-list a { grid-template-columns: 92px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 16px; row-gap: 6px; min-height: 0; align-content: center; }
      .home-tools-list .home-tool-illustration { grid-row: 1 / span 2; width: 92px; height: 100px; align-self: center; }
      .home-tools-list strong, .home-tools-list small { grid-column: 2; }
      .home-content-bridge { flex-direction: column; align-items: flex-start; margin-top: -32px; padding: 20px; }
      .home-content-bridge a { width: 100%; }
      .home-card-grid {
        grid-auto-columns: minmax(268px, 82vw);
        gap: 14px;
        margin-inline: -12px;
        padding-inline: 12px;
      }
      .home-steps {
        gap: 12px;
        margin-bottom: 48px;
      }
      .home-steps > a {
        grid-template-columns: 54px minmax(0, 1fr);
        align-items: center;
        gap: 4px 12px;
        min-height: 74px;
        padding: 10px 12px;
        border: 1px solid #eeeeee;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 10px 24px rgba(17,17,17,.06);
      }
      .home-steps span {
        grid-row: 1 / span 2;
        width: 50px;
        height: 50px;
        box-shadow: none;
      }
      .home-steps svg { width: 23px; height: 23px; }
      .home-steps strong { font-size: 15px; }
      .home-steps p { max-width: none; font-size: 13px; line-height: 1.35; }
      .home-steps small { grid-column: 2; opacity: 1; transform: none; }
      .hero-orbit-one { width: 92vw; right: -28%; top: 4%; }
      .hero-orbit-two { width: 56vw; right: 4%; top: 22%; }
      .home-section-head-v2, .home-panel-head { grid-template-columns: 1fr; }
      .home-section-head-v2 > a, .home-panel-head a { grid-column: auto; grid-row: auto; width: fit-content; }
      .home-content-card { min-height: 380px; }
      .home-game-panel, .home-beplay-panel { min-height: 330px; }
      .home-video-list a::after { top: 30%; }
      .home-journey { min-height: 0; }
      .home-journey-copy { padding: 28px 22px 22px; }
      .home-journey-media { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 10px; min-height: 560px; padding: 20px; overflow: hidden; }
      .home-journey-media picture { position: absolute; inset: 0; height: auto; }
      .home-journey-media img { object-position: 68% center; }
      .home-journey-media::before { z-index: 1; background: transparent; }
      .home-journey-media::after { display: none; }
      .home-journey-media .home-journey-action { position: relative; z-index: 3; align-self: center; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: min(100%, 440px); min-height: 82px; margin: 0; background: rgba(255,255,255,.42); }
      .home-people-quote { padding: 26px 20px; border-radius: 22px; }
      .home-people-quote blockquote { padding-left: 24px; font-size: clamp(28px, 8vw, 38px); }
      .home-people-signup form { grid-template-columns: minmax(0, 1fr); }
      .home-people-logo { max-width: 132px; }
    }
    @media (max-width: 380px) {
      .home-hero-copy h1 { font-size: clamp(36px, 12.5vw, 46px); }
      .home-hero-copy p { font-size: 14px; }
      .home-steps > a { padding-inline: 10px; }
    }

    @media (hover: none) {
      .home-steps small { opacity: 1; transform: none; }
    }

    /* Hierarquia tipografica da home: Manrope nos titulos, Inter na leitura. */
    body.home-page :where(h1, h2, h3, h4, h5, h6) {
      font-family: var(--font-display) !important;
      font-synthesis: none !important;
    }

    body.home-page :where(.hero, .home-hero-v2, .home-journey, .home-game-panel, .ecosystem-hero) :where(h1, h2) {
      font-family: var(--font-body) !important;
      font-synthesis: none !important;
    }

.home-people-signup > p { margin: 0; color: inherit; font-size: 14px; line-height: 1.6; }
.home-people-signup > small { overflow-wrap: anywhere; }

/* Auditoria de experiência 2026-09: menos ruído e ações mais claras. */
.be-search-how{overflow:hidden}.be-search-how>summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-weight:900}.be-search-how>summary::-webkit-details-marker{display:none}.be-search-how>summary::after{content:"+";display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid rgba(217,121,11,.45);border-radius:50%;color:#d9790b;font-size:22px;font-weight:500}.be-search-how[open]>summary::after{content:"−"}.be-search-how>summary span{color:inherit;font-size:16px}.be-search-how>summary small{margin-left:auto;color:#807872;font-size:12px;font-weight:650}.be-search-how-content{padding-top:14px}
@media(max-width:640px){
 .home-redesign>:is(.be-search-discovery,.home-journey,.home-editorial-launch,.home-tools-bridge,.home-split,.home-people-quote){margin-bottom:42px}
 .be-search-how{padding:8px 16px}.be-search-how>summary small{display:none}.be-search-how-content{padding:0 2px 12px}
 .home-tools-bridge{padding:22px 16px}.home-tools-bridge h2{max-width:12ch;font-size:30px;line-height:1.05}.home-tools-bridge>div:not(.home-tools-list)>a{min-height:44px;margin-top:10px;align-items:center}
 .home-tools-list{display:flex;width:calc(100% + 16px);gap:12px;margin-right:-16px;padding:2px 16px 12px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.home-tools-list::-webkit-scrollbar{display:none}.home-tools-list a{display:grid;flex:0 0 min(72vw,250px);grid-template-columns:72px minmax(0,1fr);column-gap:12px;padding:12px;scroll-snap-align:start}.home-tools-list .home-tool-illustration{width:72px;height:78px}
 .home-split{gap:12px}.home-video-list button:nth-child(n+2){display:none}.home-content-bridge{display:none}
 .footer{margin-top:48px;padding:34px 0 88px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px!important}.footer-grid>:first-child{grid-column:1/-1}.footer-col a{min-height:44px;align-items:center}
}
/* Radar BE: discovery entry on the home page. */
.home-radar-launch{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(310px,.97fr);align-items:stretch;gap:0;overflow:hidden;margin-top:26px;border:1px solid rgba(255,161,58,.4);border-radius:24px;background:linear-gradient(128deg,#21130a 0%,#431e07 100%);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.home-fala-bem{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:22px;align-items:stretch;margin-top:28px;padding:30px;border:1px solid #e6e0d9;border-radius:26px;background:#fbfaf8}.home-fala-bem-copy{position:relative;padding:14px 22px 16px}.home-fala-bem-copy::before{position:absolute;top:52px;left:0;width:5px;height:clamp(82px,8vw,112px);border-radius:999px;background:linear-gradient(180deg,#ffb51b,#f46d00);content:""}.home-fala-bem-copy>span,.home-fala-bem-feature__label{color:#bc5100;font-size:11px;font-weight:900;letter-spacing:.12em}.home-fala-bem-copy h2{max-width:610px;margin:13px 0 18px;color:#151210;font-family:Manrope,Inter,sans-serif;font-size:clamp(38px,4.25vw,60px);font-weight:900;line-height:.94;letter-spacing:-.065em;text-wrap:balance}.home-fala-bem-copy h2 em{display:inline-block;position:relative;color:#e96200;font-style:normal}.home-fala-bem-copy h2 em::after{position:absolute;right:0;bottom:-7px;left:0;height:5px;border-radius:999px;background:#ffb51b;content:""}.home-fala-bem-copy p{max-width:560px;margin:0;color:#6b645e;font-size:15px;line-height:1.62}.home-fala-bem-copy a{display:inline-flex;align-items:center;gap:12px;margin-top:23px;color:#211b17;font-size:14px;font-weight:900;text-decoration:none}.home-fala-bem-copy a b,.home-fala-bem-feature small b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#ff7008;color:#fff;font-size:15px}.home-fala-bem-feature{position:relative;display:flex;min-height:260px;overflow:hidden;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:18px;background:#1b1918;color:#fff;text-decoration:none}.home-fala-bem-feature::before{position:absolute;top:-86px;right:-76px;width:244px;height:244px;border:38px solid #ff7008;border-radius:50%;content:""}.home-fala-bem-feature::after{position:absolute;inset:0;background:radial-gradient(rgba(255,119,10,.6) 1px,transparent 1.5px) 0 0/18px 18px;opacity:.4;mask-image:linear-gradient(125deg,transparent 30%,#000)}.home-fala-bem-feature>*{position:relative;z-index:1}.home-fala-bem-feature strong{max-width:400px;margin:13px 0 20px;font-family:Manrope,Inter,sans-serif;font-size:clamp(23px,2.4vw,32px);font-weight:900;line-height:1.06;letter-spacing:-.045em}.home-fala-bem-feature small{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.home-fala-bem-feature:hover{background:#282321}.home-fala-bem-feature:hover small b{transform:translateX(3px)}
@media(max-width:820px){.home-fala-bem{grid-template-columns:1fr;padding:16px;margin-top:20px;border-radius:22px}.home-fala-bem-copy{padding:18px 11px 15px 18px}.home-fala-bem-copy::before{top:54px;height:70px;width:4px}.home-fala-bem-copy h2{font-size:clamp(38px,11vw,48px);line-height:.95}.home-fala-bem-feature{min-height:230px;padding:25px;border-radius:15px}.home-fala-bem-feature strong{font-size:26px}}
.home-radar-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px 46px;color:#fff}.home-radar-copy>span{color:#ffae4c;font-size:11px;font-weight:900;letter-spacing:.13em}.home-radar-copy h2{max-width:540px;margin:12px 0;font-family:Manrope,Inter,sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.045em}.home-radar-copy p{max-width:570px;margin:0;color:#f3d6bc;font-size:15px;line-height:1.65}.home-radar-copy a{display:inline-flex;align-items:center;gap:12px;margin-top:25px;padding:13px 17px;border-radius:999px;background:#ff7a08;color:#1a0d05;font-size:14px;font-weight:900;text-decoration:none}.home-radar-copy a:hover{background:#ffb22f}.home-radar-copy b{font-size:18px}.home-radar-media{position:relative;min-height:270px;margin:0;background:#f28a28}.home-radar-media img{display:block;width:100%;height:100%;object-fit:cover}.home-radar-media figcaption{position:absolute;right:15px;bottom:14px;padding:8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(20,12,5,.76);color:#fff;font-size:11px;font-weight:800}.be-ecosystem-product-radar{background:rgba(255,122,8,.14)!important}.be-ecosystem-product-radar i{color:#ff9d2c!important}.be-search-result-card.is-radar .be-search-result-media{background:#f6a145}@media(max-width:820px){.home-radar-launch{grid-template-columns:1fr;margin-top:18px}.home-radar-copy{padding:34px 27px}.home-radar-media{min-height:200px}.home-radar-media img{object-position:center}.home-radar-copy h2{font-size:32px}}