:root {
      --rt-bg-950: #030303;
      --rt-bg-900: #050505;
      --rt-bg-850: #0a0a0a;
      --rt-cursor-default: url("https://dericsoncalari.com.br/wp-content/uploads/2026/03/cursor-r100.png") 0 0, auto;
      --rt-cursor-pointer: url("https://dericsoncalari.com.br/wp-content/uploads/2026/03/cursor-botao-r100.png") 0 0, pointer;

      --rt-text-100: #ffffff;
      --rt-text-300: #d7d7d7;
      --rt-text-500: #9a9a9a;

      --rt-accent-yellow: #f0e021;
      --rt-accent-cyan: #19eaff;
      --rt-accent-green: #22d46d;

      --rt-line-soft: rgba(255, 255, 255, 0.1);
      --rt-glow-yellow: 0 0 28px rgba(240, 224, 33, 0.34);
      --rt-glow-cyan: 0 0 26px rgba(25, 234, 255, 0.28);

      --rt-container: 1240px;
      --rt-anchor-offset: 96px;

      /* Global pointer-follow (updated via JS) */
      --rt-mx: 50vw;
      --rt-my: 45vh;
    }

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

    html,
    body {
      width: 100%;
      overflow-x: hidden;
    }

    body {
      min-height: 100vh;
      font-family: "Space Grotesk", sans-serif;
      color: var(--rt-text-100);
      background: var(--rt-bg-900);
      overflow-x: hidden;
      line-height: 1.45;
      cursor: var(--rt-cursor-default);
    }

    /* Isolamento para WordPress: evita sobrescrita de variáveis/cor/fontes do tema/plugins. */
    body.r100-landing {
      --rt-text-100: #ffffff;
      --rt-text-300: #d7d7d7;
      --rt-text-500: #9a9a9a;
      --rt-accent-yellow: #f0e021;
      --rt-accent-cyan: #19eaff;
      --rt-accent-green: #22d46d;
      font-family: "Space Grotesk", sans-serif;
      color: var(--rt-text-100);
      background: var(--rt-bg-900);
    }

    body.r100-landing .hero-title,
    body.r100-landing .diff-title,
    body.r100-landing .mods-title {
      color: var(--rt-text-100);
      font-family: "Space Grotesk", sans-serif;
    }

    body.r100-landing .mods-structure-chip {
      color: rgba(220, 226, 231, 0.9);
      border-color: rgba(255, 255, 255, 0.16);
      background: rgba(7, 11, 16, 0.66);
      font-family: "Space Grotesk", sans-serif;
    }

    body.r100-landing .mods-structure-chip.is-active {
      color: #071116;
      border-color: rgba(25, 234, 255, 0.62);
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.9), rgba(240, 224, 33, 0.88));
      box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.3),
        0 0 18px rgba(25, 234, 255, 0.28);
    }

    /* Blindagem de estados interativos contra tema WP (hover/focus vermelho, etc.). */
    body.r100-landing a,
    body.r100-landing button,
    body.r100-landing input,
    body.r100-landing textarea,
    body.r100-landing select,
    body.r100-landing summary {
      font-family: inherit;
      -webkit-tap-highlight-color: transparent;
    }

    body.r100-landing .mods-phase-toggle,
    body.r100-landing .mods-phase-toggle:hover,
    body.r100-landing .mods-phase-toggle:focus,
    body.r100-landing .mods-phase-toggle:focus-visible,
    body.r100-landing .mods-phase-toggle:active {
      background: transparent !important;
      color: inherit !important;
      box-shadow: none !important;
      outline: none;
    }

    body.r100-landing .mods-phase.is-open .mods-phase-toggle {
      background: rgba(255, 255, 255, 0.015) !important;
    }

    body.r100-landing .mods-phase-chip:not(.is-active):hover,
    body.r100-landing .mods-phase-chip:not(.is-active):focus,
    body.r100-landing .mods-phase-chip:not(.is-active):active,
    body.r100-landing .mods-structure-chip:not(.is-active):hover,
    body.r100-landing .mods-structure-chip:not(.is-active):focus,
    body.r100-landing .mods-structure-chip:not(.is-active):active {
      background: rgba(8, 11, 17, 0.78) !important;
      color: rgba(220, 226, 231, 0.9) !important;
      border-color: rgba(255, 255, 255, 0.2) !important;
      box-shadow: none !important;
    }

    body.r100-landing .mods-phase-chip.is-active:hover,
    body.r100-landing .mods-phase-chip.is-active:focus,
    body.r100-landing .mods-phase-chip.is-active:active,
    body.r100-landing .mods-structure-chip.is-active:hover,
    body.r100-landing .mods-structure-chip.is-active:focus,
    body.r100-landing .mods-structure-chip.is-active:active {
      color: #071116 !important;
      border-color: rgba(25, 234, 255, 0.62) !important;
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.94), rgba(240, 224, 33, 0.88)) !important;
    }

    body.r100-landing .mods-phases,
    body.r100-landing .mods-structure-panel,
    body.r100-landing .mods-phase-panel {
      overflow-anchor: none;
    }

    /* Cursor customizado: força em seletores de estrutura, módulos e vídeos de depoimento. */
    body.r100-landing .mods-structure-chip,
    body.r100-landing .mods-phase-chip,
    body.r100-landing .mods-phase-toggle,
    body.r100-landing .mods-module-structure-link,
    body.r100-landing .testi-video,
    body.r100-landing .testi-video .yt-lite,
    body.r100-landing .testi-video .yt-lite-btn,
    body.r100-landing .testi-video iframe {
      cursor: var(--rt-cursor-pointer) !important;
    }

    a,
    button,
    [role="button"],
    summary,
    input[type="submit"],
    input[type="button"] {
      cursor: var(--rt-cursor-pointer);
    }

    input,
    textarea,
    select,
    [contenteditable="true"] {
      cursor: text;
    }

    button:disabled,
    [aria-disabled="true"] {
      cursor: not-allowed;
    }

    @media (pointer: coarse) {
      body { cursor: auto; }
      a,
      button,
      [role="button"],
      summary,
      input[type="submit"],
      input[type="button"] { cursor: pointer; }
      input,
      textarea,
      select,
      [contenteditable="true"] { cursor: text; }
    }

    html {
      scrollbar-width: thin;
      scrollbar-color: rgba(25, 234, 255, 0.6) rgba(6, 9, 13, 0.72);
    }

    ::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    ::-webkit-scrollbar-track {
      background: linear-gradient(180deg, rgba(7, 10, 14, 0.94), rgba(4, 7, 11, 0.94));
      border-left: 1px solid rgba(255, 255, 255, 0.06);
    }

    ::-webkit-scrollbar-thumb {
      border-radius: 999px;
      border: 2px solid rgba(5, 8, 12, 0.95);
      background: linear-gradient(180deg, rgba(25, 234, 255, 0.95), rgba(240, 224, 33, 0.9));
      box-shadow: 0 0 14px rgba(25, 234, 255, 0.28);
    }

    ::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, rgba(25, 234, 255, 1), rgba(240, 224, 33, 0.96));
    }

    #hero,
    #modulos,
    #empresas,
    #oferta,
    #faq,
    #depoimentos,
    #mentor {
      scroll-margin-top: var(--rt-anchor-offset);
    }

    html.lenis,
    html.lenis body {
      height: auto;
    }

    .lenis.lenis-smooth {
      scroll-behavior: auto !important;
    }

    .lenis.lenis-smooth [data-lenis-prevent] {
      overscroll-behavior: contain;
    }

    .lenis.lenis-stopped {
      overflow: hidden;
    }

    ::selection {
      background: #f0e021;
      color: #0a0a0a;
      text-shadow: none;
    }

    ::-moz-selection {
      background: #f0e021;
      color: #0a0a0a;
      text-shadow: none;
    }

    .bg {
      position: fixed;
      inset: 0;
      z-index: -3;
      background:
        radial-gradient(62% 56% at 66% 38%, rgba(25, 234, 255, 0.22), transparent 76%),
        radial-gradient(58% 52% at 34% 68%, rgba(240, 224, 33, 0.18), transparent 78%),
        radial-gradient(46% 40% at 84% 72%, rgba(25, 234, 255, 0.12), transparent 84%),
        linear-gradient(180deg, #070707 0%, #050505 48%, #030303 100%);
    }

    /* Global overlay so the mouse-follow glow remains visible even over opaque sections. */
    .rt-mouse-glow {
      position: fixed;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 0.22;
      mix-blend-mode: screen;
      background:
        radial-gradient(520px 520px at var(--rt-mx) var(--rt-my), rgba(25, 234, 255, 0.18), transparent 68%),
        radial-gradient(680px 680px at calc(var(--rt-mx) + 120px) calc(var(--rt-my) + 70px), rgba(240, 224, 33, 0.12), transparent 70%);
      filter: saturate(1.12);
    }

    @media (max-width: 980px) {
      .rt-mouse-glow { opacity: 0.18; }
    }

    @media (prefers-reduced-motion: reduce) {
      .rt-mouse-glow { display: none; }
    }

    .bg::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.22;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(25, 234, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(240, 224, 33, 0.06) 1px, transparent 1px);
      background-size: 72px 72px;
    }

    .bg::after {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.28;
      pointer-events: none;
      background:
        radial-gradient(circle at 58% 44%, rgba(25, 234, 255, 0.14), transparent 40%),
        radial-gradient(circle at 62% 52%, rgba(240, 224, 33, 0.12), transparent 44%),
        repeating-linear-gradient(0deg, rgba(25, 234, 255, 0.05) 0 1px, transparent 1px 5px);
      mix-blend-mode: screen;
    }

    .nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 25;
      border-bottom: 1px solid var(--rt-line-soft);
      background: rgba(6, 8, 12, 0.82);
      backdrop-filter: blur(7px);
    }

    .nav-inner {
      max-width: var(--rt-container);
      margin: 0 auto;
      padding: 12px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 44px;
      text-decoration: none;
      color: var(--rt-text-100);
      flex: 0 1 auto;
      min-width: 0;
    }

    .brand-logo {
      display: block;
      width: clamp(146px, 17vw, 230px);
      height: auto;
      max-width: 100%;
      object-fit: contain;
    }

    .brand-mark {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.22);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.76rem;
      color: #fff;
      font-weight: 700;
    }

    .brand-text {
      font-size: 0.96rem;
      font-weight: 700;
      color: var(--rt-text-300);
      letter-spacing: 0.02em;
    }

    .menu {
      list-style: none;
      display: flex;
      align-items: center;
      gap: 4px;
      flex: 1;
      justify-content: center;
    }

    .menu a {
      min-height: 40px;
      padding: 0 12px;
      display: inline-flex;
      align-items: center;
      border-radius: 999px;
      text-decoration: none;
      color: var(--rt-text-300);
      font-size: 0.94rem;
      transition: color 160ms ease, background 160ms ease;
    }

    .menu a:hover {
      color: #fff;
      background: rgba(255, 255, 255, 0.06);
    }

    .nav-actions {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
    }

    .btn {
      min-height: 44px;
      border-radius: 999px;
      border: 1px solid transparent;
      padding: 0 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-size: 0.94rem;
      font-weight: 700;
      transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease;
    }

    .btn:focus-visible,
    .menu-toggle:focus-visible {
      outline: 2px solid var(--rt-accent-cyan);
      outline-offset: 3px;
    }

    .btn-link {
      color: var(--rt-text-300);
      padding-left: 10px;
      padding-right: 10px;
    }

    .btn-link:hover {
      color: #fff;
    }

    .btn-primary {
      color: #090909;
      background: linear-gradient(120deg, var(--rt-accent-yellow), #f7ec3a 55%, #fff275);
      border-color: rgba(240, 224, 33, 0.88);
      box-shadow: var(--rt-glow-yellow);
    }

    .btn-primary:hover {
      transform: translateY(-1px);
      box-shadow: 0 0 30px rgba(240, 224, 33, 0.45);
    }

    .btn-outline {
      color: #f2f5ff;
      border-color: rgba(255, 255, 255, 0.34);
      background: rgba(7, 10, 15, 0.45);
    }

    .btn-outline:hover {
      border-color: rgba(255, 255, 255, 0.56);
      background: rgba(8, 11, 18, 0.72);
    }

    .menu-toggle {
      display: none;
      width: 44px;
      height: 44px;
      border-radius: 11px;
      border: 1px solid var(--rt-line-soft);
      background: rgba(8, 11, 19, 0.92);
      color: #fff;
      align-items: center;
      justify-content: center;
      cursor: var(--rt-cursor-pointer);
    }

    .hero {
      max-width: var(--rt-container);
      margin: 0 auto;
      min-height: 100vh;
      padding: 118px 24px 64px;
      display: grid;
      grid-template-columns: minmax(0, 760px) 1fr;
      align-items: center;
      position: relative;
    }

    /* Overlay animado de dados (isolado para WP, nao bloqueia interacao) */
    .rt-data-overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 100vw;
      margin-left: -50vw;
      z-index: 1;
      pointer-events: none;
      overflow: hidden;
      mix-blend-mode: screen;
      opacity: 0.86;
      mask-image: none;
      -webkit-mask-image: none;
      animation: rtOverlayDrift 16s ease-in-out infinite alternate;
    }

    .rt-data-overlay canvas {
      width: 100%;
      height: 100%;
      display: block;
    }

    @keyframes rtOverlayDrift {
      0% { transform: translate3d(-0.6%, -0.2%, 0) scale(1); }
      100% { transform: translate3d(0.8%, 0.3%, 0) scale(1.015); }
    }

    /* ===== R100 Scanner Reveal Overlay (adicional, sem substituir background) ===== */
    .r100-data-overlay {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      overflow: hidden;
      --r100-scan-x: 0px;
      --r100-band-w: 180px;
      --r100-band-opacity: 0.26;
    }

    .r100-scan-band {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: var(--r100-band-w);
      transform: translateX(calc(var(--r100-scan-x) - (var(--r100-band-w) / 2)));
      background:
        linear-gradient(
          90deg,
          rgba(0, 0, 0, 0) 0%,
          rgba(25, 234, 255, calc(var(--r100-band-opacity) * 0.35)) 18%,
          rgba(240, 224, 33, var(--r100-band-opacity)) 50%,
          rgba(25, 234, 255, calc(var(--r100-band-opacity) * 0.35)) 82%,
          rgba(0, 0, 0, 0) 100%
        );
      filter: blur(0.2px);
      mix-blend-mode: screen;
      opacity: 0;
    }

    .r100-artifacts-layer {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .r100-artifact {
      position: absolute;
      transform: translate3d(-50%, -50%, 0) scale(0.96);
      opacity: 0;
      min-width: 140px;
      max-width: 320px;
      padding: 7px 9px;
      border: 1px solid rgba(25, 234, 255, 0.24);
      background: linear-gradient(180deg, rgba(5, 12, 18, 0.68), rgba(4, 8, 12, 0.44));
      box-shadow:
        0 0 16px rgba(25, 234, 255, 0.14),
        inset 0 0 8px rgba(240, 224, 33, 0.08);
      color: rgba(232, 244, 255, 0.9);
      font-family: "JetBrains Mono", monospace;
      font-size: 11px;
      line-height: 1.32;
      letter-spacing: 0.02em;
      border-radius: 8px;
      will-change: opacity, transform;
    }

    .r100-artifact::before {
      content: "";
      position: absolute;
      left: -26px;
      top: 50%;
      width: 22px;
      height: 1px;
      background: linear-gradient(90deg, rgba(25, 234, 255, 0), rgba(25, 234, 255, 0.42));
      transform: translateY(-50%);
    }

    .r100-artifact-tag {
      display: inline-block;
      margin-right: 6px;
      color: #19eaff;
      font-weight: 700;
      text-transform: uppercase;
    }

    .r100-artifact-text {
      color: rgba(255, 255, 255, 0.9);
    }

    .r100-artifact--alert {
      border-color: rgba(240, 224, 33, 0.42);
      box-shadow:
        0 0 18px rgba(240, 224, 33, 0.2),
        inset 0 0 10px rgba(240, 224, 33, 0.08);
    }

    .r100-artifact--metric {
      border-color: rgba(34, 212, 109, 0.38);
    }

    .r100-artifact--timeline {
      border-color: rgba(25, 234, 255, 0.42);
    }

    .hero-content {
      max-width: 740px;
      position: relative;
      z-index: 3;
    }

    .hero-glitch {
      position: relative;
      display: inline-block;
      margin-bottom: 16px;
      color: #ffffff;
      font-size: 0.88rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      text-shadow:
        0 0 10px rgba(25, 234, 255, 0.26),
        0 0 16px rgba(240, 224, 33, 0.18);
      animation: rtGlitchFlicker 2.8s infinite linear;
    }

    .hero-glitch::before,
    .hero-glitch::after {
      content: attr(data-text);
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      pointer-events: none;
      mix-blend-mode: screen;
    }

    .hero-glitch::before {
      color: var(--rt-accent-cyan);
      transform: translate(1.4px, -0.6px);
      clip-path: inset(0 0 60% 0);
      opacity: 0.7;
      animation: rtGlitchSliceA 2.6s infinite steps(2, end);
    }

    .hero-glitch::after {
      color: var(--rt-accent-yellow);
      transform: translate(-1.2px, 0.6px);
      clip-path: inset(44% 0 0 0);
      opacity: 0.6;
      animation: rtGlitchSliceB 1.8s infinite steps(2, end);
    }

    @keyframes rtGlitchFlicker {
      0%, 6%, 100% { opacity: 1; }
      7% { opacity: 0.7; }
      15% { opacity: 0.9; }
      34% { opacity: 0.78; }
      55% { opacity: 0.94; }
      78% { opacity: 0.84; }
    }

    @keyframes rtGlitchSliceA {
      0% { clip-path: inset(0 0 60% 0); transform: translate(1.4px, -0.6px) skewX(0deg); }
      20% { clip-path: inset(12% 0 38% 0); transform: translate(-1px, 0.4px) skewX(0.4deg); }
      40% { clip-path: inset(0 0 72% 0); transform: translate(2px, -1px) skewX(-0.6deg); }
      60% { clip-path: inset(22% 0 30% 0); transform: translate(-2px, 0.8px) skewX(0.2deg); }
      80% { clip-path: inset(6% 0 54% 0); transform: translate(1px, -0.3px) skewX(-0.3deg); }
      100% { clip-path: inset(0 0 60% 0); transform: translate(1.4px, -0.6px) skewX(0deg); }
    }

    @keyframes rtGlitchSliceB {
      0% { clip-path: inset(44% 0 0 0); transform: translate(-1.2px, 0.6px) skewX(0deg); }
      25% { clip-path: inset(52% 0 0 0); transform: translate(1px, -0.2px) skewX(0.5deg); }
      50% { clip-path: inset(36% 0 6% 0); transform: translate(-2px, 1px) skewX(-0.4deg); }
      75% { clip-path: inset(48% 0 0 0); transform: translate(2px, -0.8px) skewX(0.3deg); }
      100% { clip-path: inset(44% 0 0 0); transform: translate(-1.2px, 0.6px) skewX(0deg); }
    }

    .hero-title {
      font-size: clamp(2.8rem, 8vw, 5.6rem);
      line-height: 0.98;
      letter-spacing: -0.03em;
      font-weight: 800;
      max-width: 12.6ch;
      text-wrap: balance;
      margin-bottom: 20px;
      color: var(--rt-text-100);
      font-family: "Space Grotesk", sans-serif;
    }

    .hero-title .hl {
      color: var(--rt-accent-yellow);
      text-shadow: 0 0 14px rgba(240, 224, 33, 0.3);
    }

    .hero-sub {
      font-size: clamp(1rem, 1.7vw, 1.28rem);
      color: var(--rt-text-300);
      max-width: 53ch;
      margin-bottom: 28px;
      line-height: 1.48;
      padding-right: 50px;
    }

    .hero-sub strong {
      color: #fff;
    }

    .hero-actions {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .hero-disclaimer {
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;
      max-width: 520px;
      width: min(100%, 520px);
      isolation: isolate;
      padding: 0;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.24);
      background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.01) 36%, rgba(0, 0, 0, 0.18)),
        rgba(6, 8, 12, 0.84);
      color: var(--rt-text-300);
      backdrop-filter: blur(10px) saturate(118%);
      -webkit-backdrop-filter: blur(10px) saturate(118%);
      box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(25, 234, 255, 0.1) inset;
      overflow: hidden;
    }

    .hero-disclaimer::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      z-index: 0;
      background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 44%);
      opacity: 0.55;
    }

    .terminal-head {
      position: relative;
      z-index: 1;
      min-height: 34px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(9, 11, 16, 0.86);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.7rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--rt-text-500);
    }

    .terminal-dots {
      display: inline-flex;
      gap: 5px;
    }

    .terminal-dots i {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: block;
    }

    .terminal-dots i:nth-child(1) { background: #ff5f56; }
    .terminal-dots i:nth-child(2) { background: #ffbd2e; }
    .terminal-dots i:nth-child(3) { background: #27c93f; }

    .terminal-body {
      position: relative;
      z-index: 1;
      padding: 14px 16px 18px;
      font-size: 0.84rem;
      line-height: 1.45;
      font-family: "JetBrains Mono", monospace;
    }

    .terminal-line {
      margin: 0;
      color: var(--rt-text-300);
      min-height: 1.58em;
      word-break: break-word;
    }

    .terminal-line + .terminal-line {
      margin-top: 6px;
    }

    .ad-intel-card {
      margin-top: 12px;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid rgba(25, 234, 255, 0.28);
      background: rgba(3, 8, 12, 0.74);
      display: grid;
      gap: 12px;
    }

    .ad-intel-head {
      display: grid;
      grid-template-columns: 128px minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      min-width: 0;
    }

    .ad-intel-card[hidden] {
      display: none !important;
    }

    .ad-intel-thumb-wrap {
      width: 128px;
      aspect-ratio: 1 / 1;
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.04);
    }

    .ad-intel-thumb-wrap.is-fallback {
      border-style: dashed;
      border-color: rgba(255, 255, 255, 0.22);
      background:
        linear-gradient(180deg, rgba(6, 10, 14, 0.9), rgba(8, 12, 18, 0.82));
      display: grid;
      place-items: center;
      color: rgba(215, 215, 215, 0.74);
      font-size: 0.66rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      text-align: center;
      padding: 8px;
    }

    .ad-intel-thumb-wrap.is-fallback::after {
      content: attr(data-fallback-text);
      display: block;
    }

    .ad-intel-thumb {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .ad-intel-meta {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .ad-intel-meta-bottom {
      border-top: 1px solid rgba(25, 234, 255, 0.2);
      padding-top: 8px;
    }

    .ad-intel-line {
      margin: 0;
      font-size: 0.78rem;
      line-height: 1.38;
      color: var(--rt-text-300);
      word-break: break-word;
    }

    .ad-intel-intro {
      color: #e8f4f7;
      font-size: 0.73rem;
    }

    .ad-intel-label {
      color: var(--rt-accent-cyan);
      margin-right: 6px;
      font-weight: 700;
    }

    .ad-intel-copy {
      color: #ffffff;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }

    .terminal-prompt {
      color: var(--rt-accent-cyan);
      margin-right: 6px;
      font-weight: 700;
    }

    .terminal-caret {
      display: inline-block;
      width: 7px;
      height: 1.1em;
      background: var(--rt-accent-cyan);
      margin-left: 2px;
      vertical-align: text-bottom;
      animation: termBlink 1s steps(1, end) infinite;
    }

    .terminal-progress {
      margin-top: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.14);
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.12);
      display: none;
    }

    .terminal-progress.is-visible {
      display: block;
    }

    .terminal-progress-bar {
      display: block;
      width: 0%;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--rt-accent-cyan), var(--rt-accent-yellow));
      box-shadow: var(--rt-glow-cyan);
      transition: width 160ms linear;
      position: relative;
      overflow: hidden;
    }

    .terminal-progress-bar::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 42px;
      right: -42px;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
      animation: termShimmer 1.1s linear infinite;
    }

    @keyframes termBlink {
      50% { opacity: 0; }
    }

    @keyframes termShimmer {
      to { transform: translateX(150px); }
    }

    .hero-actions .btn {
      min-height: 52px;
      font-size: 1.02rem;
      padding-left: 24px;
      padding-right: 24px;
    }

    .play-icon {
      width: 22px;
      height: 22px;
      margin-right: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .play-icon svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    .play-icon circle {
      fill: transparent;
      stroke: rgba(255, 255, 255, 0.52);
      stroke-width: 1.2;
    }

    .play-icon path {
      fill: #f2f5ff;
    }

    /* ================================
       Section: Tracking vs Rastreamento
    ================================== */

    .rt-section {
      position: relative;
      padding: 86px 24px;
    }

    /* Seção "Diferença": sem gradientes coloridos, apenas grid + fundo escuro */
    .rt-section-diff {
      background: #050607;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rt-section-diff::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.18;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
      background-size: 74px 74px;
    }

    .rt-wrap {
      max-width: var(--rt-container);
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    /* Um pouco mais largo apenas nesta seção, para caber melhor os 2 cards do topo. */
    .rt-section-diff .rt-wrap {
      max-width: 1400px;
    }

    .diff-head {
      max-width: 72ch;
      margin: 0 auto 28px;
      text-align: center;
    }

    .diff-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.24em;
      color: rgba(215, 245, 255, 0.82);
      text-transform: uppercase;
    }

    .diff-title {
      margin-top: 12px;
      font-size: clamp(1.8rem, 3.4vw, 2.55rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      display: inline-block;
      position: relative;
      isolation: isolate;
      color: var(--rt-text-100);
      font-family: "Space Grotesk", sans-serif;
    }

    /* Animacao de "selecao" (highlight) no titulo */
    .diff-title::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 0%;
      border-radius: 8px;
      background: rgba(240, 224, 33, 0.22);
      pointer-events: none;
      filter: blur(0.2px);
      z-index: -1;
    }

    .diff-title.is-animated::after {
      animation: diffSelectSweep var(--diff-select-dur, 1600ms) ease forwards;
    }

    @keyframes diffSelectSweep {
      from { width: 0%; opacity: 0.0; }
      15% { opacity: 1; }
      to { width: 100%; opacity: 0.95; }
    }

    .diff-word-diff {
      position: relative;
      z-index: 1;
    }

    .diff-title.is-animated .diff-word-diff {
      animation: diffWordBlink 650ms steps(1, end) 1 both;
      animation-delay: var(--diff-blink-delay, 900ms);
    }

    @keyframes diffWordBlink {
      0% { opacity: 1; text-shadow: none; }
      12% { opacity: 0.15; }
      24% { opacity: 1; text-shadow: var(--rt-glow-yellow); }
      36% { opacity: 0.15; }
      48% { opacity: 1; text-shadow: var(--rt-glow-yellow); }
      60% { opacity: 0.15; }
      72% { opacity: 1; text-shadow: var(--rt-glow-yellow); }
      100% { opacity: 1; text-shadow: none; }
    }

    .diff-lede {
      margin-top: 12px;
      color: var(--rt-text-300);
      font-size: 1.05rem;
    }

    .diff-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      align-items: start;
    }

    .diff-tabs { grid-column: 1 / -1; }

    .diff-left {
      display: grid;
      gap: 16px;
      align-items: start;
    }

    /* Desktop: os 2 cards principais lado a lado (mais espaço p/ conteúdo) */
    .diff-panels {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      align-items: start;
    }

    .diff-tabs {
      display: none;
      gap: 8px;
      padding: 6px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(6, 8, 12, 0.55);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
      margin-bottom: 14px;
    }

    .diff-tab {
      appearance: none;
      border: 0;
      cursor: var(--rt-cursor-pointer);
      min-height: 42px;
      padding: 0 14px;
      border-radius: 999px;
      background: transparent;
      color: rgba(215, 215, 215, 0.86);
      font-weight: 700;
      letter-spacing: 0.01em;
      transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
    }

    .diff-tab:hover {
      color: #fff;
      background: rgba(255, 255, 255, 0.06);
    }

    .diff-tab.is-active {
      color: #0a0a0a;
      background: linear-gradient(90deg, rgba(25, 234, 255, 0.95), rgba(240, 224, 33, 0.92));
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) inset, var(--rt-glow-cyan);
    }

    .diff-panel {
      position: relative;
      padding: 18px 18px 16px;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(6, 8, 12, 0.76);
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
      overflow: hidden;
      min-height: 0;
      clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    }

    .diff-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.52;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 40%),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 6px);
      mix-blend-mode: screen;
    }

    .diff-chip {
      position: relative;
      z-index: 1;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 8px 10px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(6, 8, 12, 0.7);
      color: rgba(240, 240, 240, 0.9);
      margin-bottom: 12px;
    }

    .diff-chip::before {
      content: "//";
      font-weight: 800;
      color: var(--rt-accent-cyan);
    }

    .diff-chip--yellow::before {
      color: var(--rt-accent-yellow);
      text-shadow: var(--rt-glow-yellow);
    }

    .diff-desc {
      position: relative;
      z-index: 1;
      color: rgba(235, 238, 242, 0.9);
      font-size: 0.98rem;
      margin-bottom: 12px;
    }

    .diff-list {
      position: relative;
      z-index: 1;
      list-style: none;
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      color: rgba(215, 215, 215, 0.9);
      font-size: 0.94rem;
    }

    .diff-list li {
      position: relative;
      display: block;
      padding-left: 22px;
    }

    .diff-list li::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 0.65em;
      transform: translateY(-50%);
      background: rgba(25, 234, 255, 0.85);
      box-shadow: var(--rt-glow-cyan);
    }

    .diff-key {
      color: rgba(25, 234, 255, 0.95);
      font-weight: 800;
      margin-right: 6px;
    }

    .diff-tags {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 14px;
    }

    .diff-tags span {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.06em;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.04);
      color: rgba(215, 245, 255, 0.86);
    }

    /* Mini "canvas" HTML (Qualidade do evento) - dentro do card Tracking */
    .dc-canvas {
      position: relative;
      z-index: 1;
      margin: 12px 0 14px;
      border-radius: 14px;
      border: 1px solid #dfe3ea;
      background: #ffffff;
      color: #1c1e21;
      overflow: hidden;
      box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji",
        "Segoe UI Emoji";
    }

    .dc-head {
      display: flex;
      gap: 10px;
      align-items: center;
      padding: 10px 12px;
      border-bottom: 1px solid #e5e7eb;
      background: #ffffff;
    }

    .dc-icon {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      border: 1px solid #dfe3ea;
      background: #f0f2f5;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      color: #1c1e21;
    }

    .dc-icon svg {
      width: 18px;
      height: 18px;
      display: block;
      opacity: 0.92;
    }

    .dc-title {
      min-width: 0;
      display: grid;
      gap: 2px;
    }

    .dc-event {
      font-weight: 900;
      letter-spacing: -0.01em;
      color: #1c1e21;
      line-height: 1.1;
    }

    .dc-status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #606770;
      font-size: 0.82rem;
    }

    .dc-status-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #31a24c;
      box-shadow: 0 0 0 3px rgba(49, 162, 76, 0.16);
    }

    .dc-body {
      display: grid;
      grid-template-columns: 164px minmax(0, 1fr);
      gap: 0;
      align-items: stretch;
    }

    .dc-nav {
      border-right: 1px solid #e5e7eb;
      padding: 10px 8px 10px;
      display: grid;
      gap: 6px;
      background: #f5f6f7;
    }

    .dc-nav-item {
      appearance: none;
      border: 0;
      text-align: left;
      cursor: default;
      padding: 10px 10px;
      border-radius: 10px;
      background: transparent;
      color: #1c1e21;
      font-size: 0.88rem;
      line-height: 1.2;
      letter-spacing: -0.01em;
    }

    .dc-nav-item.is-active {
      position: relative;
      background: #e7f3ff;
      color: #1b74e4;
      box-shadow: 0 0 0 1px rgba(27, 116, 228, 0.16) inset;
      font-weight: 800;
      padding-left: 18px; /* space from the blue indicator bar */
    }

    .dc-nav-item.is-active::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 10px;
      bottom: 10px;
      width: 3px;
      border-radius: 999px;
      background: #1b74e4;
    }

    .dc-panel {
      padding: 12px 12px 12px;
      display: grid;
      gap: 8px;
      min-width: 0;
      background: #ffffff;
    }

    .dc-h {
      font-weight: 900;
      color: #1c1e21;
    }

    .dc-sub {
      color: #606770;
      font-size: 0.88rem;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }

    .dc-i {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 1px solid #ccd0d5;
      background: #f0f2f5;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.72rem;
      color: #606770;
      opacity: 0.9;
    }

    .dc-score {
      display: flex;
      align-items: baseline;
      gap: 6px;
      margin-top: 2px;
    }

    .dc-score-num {
      font-size: 2rem;
      font-weight: 950;
      letter-spacing: -0.02em;
      color: #1c1e21;
    }

    .dc-score-den {
      color: #606770;
      letter-spacing: -0.01em;
    }

    .dc-h2 {
      margin-top: 6px;
      font-weight: 900;
      color: #1c1e21;
    }

    .dc-note {
      color: #606770;
      font-size: 0.88rem;
      line-height: 1.35;
    }

    .dc-link {
      color: #1877f2;
      font-weight: 800;
      text-decoration: none;
    }

    .dc-link:hover { text-decoration: underline; }

    /* Mini planilha (Rastreamento externo) - ilustra UTMs + ad_id */
    .sheet-canvas {
      position: relative;
      z-index: 1;
      margin: 12px 0 14px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
      overflow: hidden;
    }

    .sheet-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(10, 12, 16, 0.5);
    }

    .sheet-title {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.84);
      display: inline-flex;
      gap: 8px;
      align-items: center;
    }

    .sheet-title::before {
      content: "//";
      color: var(--rt-accent-cyan);
      font-weight: 900;
    }

    .sheet-badge {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(240, 224, 33, 0.26);
      background: rgba(240, 224, 33, 0.08);
      color: rgba(240, 224, 33, 0.92);
      white-space: nowrap;
    }

    .sheet-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .sheet-grid {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr 1.25fr 0.9fr;
      min-width: 640px;
      font-family: "JetBrains Mono", monospace;
    }

    .sheet-row {
      display: contents;
    }

    .sheet-cell {
      padding: 9px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      border-right: 1px solid rgba(255, 255, 255, 0.06);
      color: rgba(215, 215, 215, 0.86);
      font-size: 0.74rem;
      line-height: 1.2;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .sheet-row:last-child .sheet-cell {
      border-bottom: 0;
    }

    .sheet-cell:last-child {
      border-right: 0;
    }

    .sheet-headcell {
      color: rgba(255, 255, 255, 0.92);
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      background: rgba(255, 255, 255, 0.035);
    }

    .sheet-org {
      color: rgba(25, 234, 255, 0.92);
    }

    .sheet-adid {
      color: rgba(240, 224, 33, 0.92);
      text-shadow: var(--rt-glow-yellow);
      font-weight: 900;
    }

    .sheet-row.is-highlight .sheet-cell {
      background: linear-gradient(90deg, rgba(240, 224, 33, 0.07), rgba(25, 234, 255, 0.04));
      border-bottom-color: rgba(240, 224, 33, 0.14);
    }

    .sheet-foot {
      padding: 10px 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(215, 215, 215, 0.74);
      font-size: 0.84rem;
      line-height: 1.35;
    }

    .sheet-foot strong {
      color: rgba(255, 255, 255, 0.92);
      font-weight: 900;
    }

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

      .dc-nav {
        grid-auto-flow: column;
        grid-auto-columns: minmax(160px, 1fr);
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
        padding: 10px;
        gap: 8px;
        scrollbar-width: none;
        background: #f5f6f7;
      }

      .dc-nav::-webkit-scrollbar { display: none; }
      .dc-nav-item { white-space: nowrap; }
    }

    .diff-viz,
    .diff-sum {
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(6, 8, 12, 0.7);
      box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
      overflow: hidden;
      clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    }

    /* Bottom: os cards da direita viram uma linha abaixo, com timeline mais larga */
    .diff-right {
      display: grid;
      grid-template-columns: 1.35fr 0.9fr;
      gap: 18px;
      align-items: stretch;
    }

    .diff-viz {
      padding: 16px 16px 14px;
      position: relative;
      height: 100%;
    }

    .diff-viz::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.48;
      background:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 7px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 16px);
    }

    .diff-viz-head {
      position: relative;
      z-index: 1;
      margin-bottom: 12px;
    }

    .diff-viz-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.72);
      margin-bottom: 6px;
    }

    .diff-viz-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .diff-viz-title {
      font-size: 1rem;
      font-weight: 800;
      color: rgba(255, 255, 255, 0.92);
    }

    .diff-viz-title.is-swap {
      animation: diffTitleSwap 240ms ease both;
    }

    @keyframes diffTitleSwap {
      0% { opacity: 0.68; transform: translateY(2px); }
      100% { opacity: 1; transform: translateY(0); }
    }

    .diff-scene-chip {
      flex: 0 0 auto;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.7rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.04);
      color: rgba(215, 245, 255, 0.82);
      user-select: none;
      white-space: nowrap;
    }

    .diff-scene-chip.is-flash {
      animation: diffChipFlash 720ms ease both;
    }

    @keyframes diffChipFlash {
      0% { border-color: rgba(240, 224, 33, 0.25); background: rgba(240, 224, 33, 0.08); color: rgba(240, 224, 33, 0.95); box-shadow: 0 0 0 rgba(0,0,0,0); }
      32% { border-color: rgba(240, 224, 33, 0.65); background: rgba(240, 224, 33, 0.14); box-shadow: 0 0 22px rgba(240, 224, 33, 0.22); }
      100% { border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.04); color: rgba(215, 245, 255, 0.82); box-shadow: 0 0 0 rgba(0,0,0,0); }
    }

    .diff-flow {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 10px 6px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.03);
      overflow: hidden;
    }

    .diff-flow::before {
      content: "";
      position: absolute;
      left: 16px;
      right: 16px;
      top: 26px;
      height: 2px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.12));
      opacity: 0.65;
    }

    .diff-node {
      position: relative;
      display: grid;
      gap: 2px;
      justify-items: center;
      text-align: center;
      min-width: 0;
      flex: 1;
    }

    .diff-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(25, 234, 255, 0.92);
      box-shadow: 0 0 18px rgba(25, 234, 255, 0.4);
      margin-top: 8px;
      z-index: 1;
    }

    .diff-node.is-hit .diff-dot {
      background: rgba(240, 224, 33, 0.96);
      box-shadow: 0 0 22px rgba(240, 224, 33, 0.42);
    }

    .diff-node.is-current .diff-dot {
      background: rgba(240, 224, 33, 0.98);
      box-shadow:
        0 0 26px rgba(240, 224, 33, 0.52),
        0 0 0 2px rgba(240, 224, 33, 0.18) inset;
      transform: scale(1.05);
    }

    .diff-node-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.74rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.86);
      margin-top: 4px;
    }

    .diff-node-time {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      color: rgba(215, 215, 215, 0.74);
    }

    .diff-pulse {
      position: absolute;
      top: 21px;
      left: 16px;
      width: 38px;
      height: 6px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, rgba(240, 224, 33, 0.85), transparent);
      filter: blur(0.2px);
      opacity: 0.9;
      animation: diffPulseMove 3.8s linear infinite;
    }

    /* "Ping" visual curto quando o cenário troca */
    .diff-flow.is-swap .diff-pulse {
      animation: diffPulsePing 520ms ease both;
    }

    @keyframes diffPulsePing {
      0% { opacity: 0.4; filter: blur(0.2px); }
      40% { opacity: 1; filter: blur(0px); transform: translateX(var(--diff-pulse-x, 0px)) scaleX(1.6); }
      100% { opacity: 0.9; filter: blur(0.2px); transform: translateX(var(--diff-pulse-x, 0px)) scaleX(1); }
    }

    .diff-flow.is-swap .diff-dot {
      animation: diffDotPulse 520ms ease both;
    }

    @keyframes diffDotPulse {
      0% { transform: translateZ(0) scale(0.96); filter: saturate(1.0); }
      40% { transform: translateZ(0) scale(1.18); filter: saturate(1.18); }
      100% { transform: translateZ(0) scale(1); filter: saturate(1.0); }
    }

    @media (max-width: 640px) {
      .diff-viz-row { flex-direction: column; align-items: flex-start; gap: 8px; }
      .diff-scene-chip { align-self: flex-start; }
    }

    .diff-flow.is-controlled .diff-pulse {
      animation: none;
      transform: translateX(var(--diff-pulse-x, 0px));
    }

    @keyframes diffPulseMove {
      from { transform: translateX(0); }
      to { transform: translateX(calc(100% - 54px)); }
    }

    .diff-metrics {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 10px;
      margin-top: 12px;
    }

    .diff-metric {
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.03);
    }

    .diff-metric-k {
      font-family: "JetBrains Mono", monospace;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      font-weight: 900;
      color: var(--rt-accent-cyan);
    }

    .diff-metric-v {
      color: rgba(215, 215, 215, 0.86);
      font-size: 0.92rem;
    }

    .diff-sum {
      padding: 16px 16px 14px;
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .diff-sum::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.4;
      background:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 8px);
    }

    .diff-sum-kicker {
      position: relative;
      z-index: 1;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.95rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.72);
      margin-bottom: 12px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .diff-sum-text {
      position: relative;
      z-index: 1;
      color: rgba(235, 238, 242, 0.9);
      font-size: 0.98rem;
    }

    .diff-sum-hl {
      color: var(--rt-accent-yellow);
      text-shadow: var(--rt-glow-yellow);
      font-weight: 900;
    }

    .diff-sum-big {
      position: relative;
      z-index: 1;
      margin-top: 12px;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding-top: 12px;
    }

    .diff-sum-100 {
      font-size: 2.4rem;
      font-weight: 900;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.9);
    }

    .diff-sum-word {
      font-family: "JetBrains Mono", monospace;
      font-size: 1.1rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.82);
    }

    /* Bloco "equacao" mais visual (referencia do R100) */
    .diff-eq {
      position: relative;
      z-index: 1;
      margin-top: 12px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      align-items: stretch;
      flex: 1 1 auto;
    }

    .diff-eq-kicker {
      font-family: "JetBrains Mono", monospace;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(240, 224, 33, 0.9);
      text-shadow: var(--rt-glow-yellow);
      font-weight: 900;
    }

    .diff-eq-stack {
      position: relative;
      padding: 4px 0 0;
      display: grid;
      gap: 10px;
    }

    .diff-eq-stack::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: -10px;
      height: 1px;
      background: rgba(255, 255, 255, 0.12);
    }

    .diff-eq-line {
      font-family: "JetBrains Mono", monospace;
      font-size: 1.02rem;
      color: rgba(245, 248, 252, 0.92);
      letter-spacing: 0.01em;
    }

    .diff-eq-cyan {
      color: var(--rt-accent-cyan);
      text-shadow: var(--rt-glow-cyan);
      font-weight: 900;
    }

    .diff-eq-plus,
    .diff-eq-eq {
      color: rgba(215, 245, 255, 0.86);
      font-weight: 900;
      letter-spacing: 0.12em;
    }

    .diff-eq-plus {
      margin-right: 6px;
      color: rgba(25, 234, 255, 0.92);
      text-shadow: var(--rt-glow-cyan);
    }

    .diff-eq-eq {
      margin-top: 0;
      color: rgba(240, 224, 33, 0.9);
      text-shadow: var(--rt-glow-yellow);
    }

    .diff-eq-result {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 4px;
    }

    .diff-eq-result .diff-eq-eq {
      font-family: "JetBrains Mono", monospace;
      font-size: 1.2rem;
      letter-spacing: 0.16em;
    }

    .diff-eq-logo {
      position: relative;
      z-index: 1;
      font-family: "JetBrains Mono", monospace;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-weight: 900;
      font-size: clamp(1.35rem, 2.6vw, 2.05rem);
      line-height: 1.05;
      color: #0a0a0a;
      background: linear-gradient(120deg, var(--rt-accent-yellow), #f7ec3a 55%, #fff275);
      border: 1px solid rgba(240, 224, 33, 0.88);
      border-radius: 10px;
      padding: 14px 14px 12px;
      box-shadow: var(--rt-glow-yellow);
      display: inline-block;
    }

    .diff-eq-cta {
      position: relative;
      z-index: 1;
      margin-top: 6px;
      width: 100%;
      min-height: 54px;
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 0;
      padding: 10px 56px 10px 14px;
      text-decoration: none;
      font-weight: 900;
      letter-spacing: 0.012em;
      text-transform: uppercase;
      color: #061014;
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.92), rgba(25, 234, 255, 0.74));
      border: 1px solid rgba(25, 234, 255, 0.55);
      box-shadow: 0 0 22px rgba(25, 234, 255, 0.18);
      transition: transform 170ms ease, box-shadow 170ms ease;
      margin-top: auto; /* keeps CTA anchored to bottom for symmetry */
    }

    .diff-eq-cta-label {
      display: block;
      width: 100%;
      max-width: 26ch;
      line-height: 1.14;
      font-size: clamp(0.93rem, 1.35vw, 1rem);
      text-wrap: balance;
    }

    .diff-eq-cta-icon {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      width: 28px;
      height: 28px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(6, 16, 20, 0.32);
      background: rgba(255, 255, 255, 0.18);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
      transition: transform 180ms ease, background 180ms ease;
    }

    .diff-eq-cta:hover {
      transform: translateY(-1px);
      box-shadow: 0 0 28px rgba(25, 234, 255, 0.26);
    }

    .diff-eq-cta:hover .diff-eq-cta-icon {
      transform: translateY(-50%) translateX(2px);
      background: rgba(255, 255, 255, 0.24);
    }

    .diff-eq-cta svg {
      width: 14px;
      height: 14px;
      display: block;
    }

    @media (max-width: 640px) {
      .diff-sum-kicker { font-size: 0.9rem; }
      .diff-eq-result { flex-direction: column; align-items: flex-start; gap: 10px; }
      .diff-eq-logo { width: 100%; text-align: center; }
      .diff-eq-cta {
        min-height: 56px;
        padding: 10px 52px 10px 12px;
      }
      .diff-eq-cta-label {
        max-width: 24ch;
        font-size: 0.95rem;
      }
      .diff-eq-cta-icon {
        width: 26px;
        height: 26px;
        right: 10px;
      }
      .diff-eq-cta:hover .diff-eq-cta-icon {
        transform: translateY(-50%);
      }
    }

    @media (max-width: 980px) {
      .rt-section { padding: 64px 12px; }
      .diff-grid { grid-template-columns: 1fr; }
      .diff-head { text-align: left; margin-bottom: 18px; }
      .diff-tabs { display: grid; grid-template-columns: 1fr 1fr; }
      .diff-panels { grid-template-columns: 1fr; gap: 14px; }
      .diff-panel { display: none; min-height: 0; }
      .diff-panel.is-active { display: block; }
      .diff-sum-big { justify-content: flex-start; }
      .diff-right { grid-template-columns: 1fr; gap: 14px; }
    }

    @media (max-width: 640px) {
      .diff-head {
        text-align: center;
        max-width: min(100%, 40ch);
        margin-left: auto;
        margin-right: auto;
        padding-inline: 2px;
      }
      .diff-title {
        display: block;
        max-width: 15.5ch;
        margin: 10px auto 12px;
        padding: 0 2px;
        line-height: 1.12;
        text-wrap: balance;
      }
      .diff-lede {
        max-width: 36ch;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.02rem;
        line-height: 1.42;
        text-wrap: pretty;
      }
      .diff-tab { min-height: 44px; font-size: 0.92rem; }
      .diff-flow { padding: 12px 10px 10px; }
      .diff-node-label { font-size: 0.7rem; }
      .diff-node-time { font-size: 0.68rem; }
      .diff-sum-100 { font-size: 2.1rem; }
      .diff-sum-word { font-size: 1rem; }
    }

    @media (max-width: 420px) {
      .diff-title {
        max-width: 13.8ch;
      }
      .diff-lede {
        max-width: 31ch;
        font-size: 1rem;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .diff-pulse { animation: none; opacity: 0.5; }
      .diff-tab { transition: none; }
    }

    /* ================================
       Section: Sistemas (Alquimia de Dados)
       - Baseado na seção original "// Só que o que você não sabe ainda..."
       - Layout 2 colunas: diagrama (esq) + módulos (dir)
       - Mantém identidade R100: cyan + yellow, grid escuro, glass leve
    ================================== */

    .rt-section-systems { 
      /* Section 3: slightly different atmosphere (still R100). Keep contrast high for text/cards. */ 
      background: 
        radial-gradient(980px 620px at 74% 56%, rgba(25, 234, 255, 0.1), transparent 62%), 
        radial-gradient(860px 560px at 26% 30%, rgba(240, 224, 33, 0.055), transparent 66%), 
        radial-gradient(900px 420px at 50% 0%, rgba(255, 255, 255, 0.03), transparent 70%), 
        linear-gradient(180deg, #07080a 0%, #050607 55%, #040506 100%); 
      border-top: 1px solid rgba(255, 255, 255, 0.08); 
      border-bottom: 1px solid rgba(255, 255, 255, 0.08); 
    } 

    .rt-section-systems::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.18;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
      background-size: 74px 74px;
    }

    .rt-section-systems::after { 
      content: ""; 
      position: absolute; 
      inset: 0; 
      pointer-events: none; 
      opacity: 0.1; 
      background-image: 
        /* subtle dot-matrix */ 
        radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.22) 1px, transparent 0), 
        radial-gradient(circle at 1px 1px, rgba(25, 234, 255, 0.18) 1px, transparent 0), 
        radial-gradient(circle at 1px 1px, rgba(240, 224, 33, 0.14) 1px, transparent 0), 
        /* faint scanlines */ 
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 7px); 
      background-size: 36px 36px, 52px 52px, 68px 68px, auto; 
      background-position: 0 0, 14px 10px, 24px 18px, 0 0; 
      mix-blend-mode: overlay; 
    } 

    .sys-head {
      /* Align headline with the grid below (same left edge as the panels). */
      max-width: none;
      margin: 0 0 22px;
      text-align: left;
    }

    .sys-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.9rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(240, 224, 33, 0.86);
      text-shadow: 0 0 18px rgba(240, 224, 33, 0.14);
    }

    .sys-title {
      margin-top: 12px;
      font-size: clamp(1.65rem, 3.25vw, 2.55rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      color: rgba(245, 248, 250, 0.96);
    }

    .sys-cyan {
      color: var(--rt-accent-cyan);
      text-shadow: var(--rt-glow-cyan);
      font-weight: 800;
    }

    .sys-yellow {
      color: var(--rt-accent-yellow);
      text-shadow: var(--rt-glow-yellow);
      font-weight: 900;
    }

    /* One-shot blink emphasis for "DOIS" + "MAIS SISTEMAS" (triggered via IO in JS). */
    .sys-blink {
      position: relative;
      display: inline-block;
      padding: 0.04em 0.08em;
      border-radius: 0.35em;
      will-change: opacity, filter;
    }

    .sys-blink::before {
      content: "";
      position: absolute;
      inset: -0.06em -0.12em;
      border-radius: 0.45em;
      opacity: 0;
      pointer-events: none;
      filter: blur(0.2px);
    }

    .sys-cyan.sys-blink::before { background: rgba(25, 234, 255, 0.18); }
    .sys-yellow.sys-blink::before { background: rgba(240, 224, 33, 0.18); }

    @keyframes sysWordBlink {
      0%, 100% { opacity: 1; filter: saturate(1); }
      50% { opacity: 0.18; filter: saturate(1.35); }
    }

    @keyframes sysWordBgBlink {
      0%, 100% { opacity: 0; }
      50% { opacity: 1; }
    }

    .rt-section-systems.is-blink .sys-blink {
      animation: sysWordBlink 420ms steps(2, end) 3;
    }

    .rt-section-systems.is-blink .sys-blink::before {
      animation: sysWordBgBlink 420ms steps(2, end) 3;
    }

    .sys-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
      gap: 18px;
      align-items: stretch;
    }

    .sys-panel {
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px;
      background: rgba(6, 8, 12, 0.74);
      box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      position: relative;
      overflow: hidden;
      isolation: isolate;
      min-width: 0;
      display: grid;
    }

    .sys-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.34;
      background:
        radial-gradient(520px 320px at 16% 20%, rgba(25, 234, 255, 0.12), transparent 62%),
        radial-gradient(520px 360px at 78% 40%, rgba(240, 224, 33, 0.1), transparent 66%);
      mix-blend-mode: screen;
      z-index: 0;
    }

    .sys-panel > * { position: relative; z-index: 1; }

    .sys-panel-head {
      padding: 14px 16px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(9, 11, 16, 0.68);
    }

    .sys-panel-k {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.74rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(220, 226, 231, 0.72);
    }

    .sys-alchemy {
      grid-template-rows: auto 1fr auto;
    }

    .sys-diagram { 
      position: relative; 
      padding: 16px; 
      min-height: 360px; 
      display: grid; 
      place-items: center; 
      /* Mild global parallax tied to the same page-wide pointer vars */ 
      transform: translate3d( 
        clamp(-12px, calc((var(--rt-mx) - 50vw) * 0.008), 12px), 
        clamp(-10px, calc((var(--rt-my) - 50vh) * 0.008), 10px), 
        0 
      ); 
      transition: transform 80ms linear; 
    } 

    .sys-lines {
      position: absolute;
      inset: 8px 8px 8px 8px;
      width: calc(100% - 16px);
      height: calc(100% - 16px);
      pointer-events: none;
      opacity: 0.95;
    }

    .sys-line {
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-dasharray: 7 7;
      animation: sysDash 18s linear infinite;
    }

    .sys-line--cyan {
      stroke: rgba(25, 234, 255, 0.9);
      filter: drop-shadow(0 0 6px rgba(25, 234, 255, 0.35));
    }

    .sys-line--yellow {
      stroke: rgba(240, 224, 33, 0.95);
      filter: drop-shadow(0 0 6px rgba(240, 224, 33, 0.28));
    }

    @keyframes sysDash {
      to { stroke-dashoffset: -620; }
    }

    .sys-node, 
    .sys-hub { 
      position: absolute; 
      left: var(--sx, var(--x)); 
      top: var(--sy, var(--y)); 
      transform: translate(-50%, -50%); 
      user-select: none; 
    } 
 
    /* Defaults: allow breakpoints to override without touching inline --x/--y. */ 
    .sys-hub { --sx: var(--x); --sy: var(--y); } 

    .sys-node {
      width: 128px;
      border-radius: 16px;
      padding: 12px 12px 10px;
      background: rgba(0, 0, 0, 0.82);
      border: 1px solid rgba(255, 255, 255, 0.12);
      display: grid;
      place-items: center;
      gap: 8px;
      text-align: center;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
    }

    .sys-node::after {
      content: "";
      position: absolute;
      right: -7px;
      top: 50%;
      transform: translateY(-50%);
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 0 14px rgba(255, 255, 255, 0.35);
      opacity: 0.55;
    }

    .sys-node-ico {
      width: 38px;
      height: 38px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.14);
    }

    .sys-node-ico svg {
      width: 22px;
      height: 22px;
      display: block;
      opacity: 0.95;
    }

    .sys-node-t {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(245, 248, 250, 0.9);
      font-weight: 800;
      line-height: 1.1;
    }

    .sys-node--cyan {
      border-color: rgba(25, 234, 255, 0.4);
      box-shadow:
        0 0 0 1px rgba(25, 234, 255, 0.18) inset,
        0 0 26px rgba(25, 234, 255, 0.16);
    }

    .sys-node--cyan .sys-node-ico,
    .sys-node--cyan .sys-node-ico svg {
      color: var(--rt-accent-cyan);
    }

    .sys-node--yellow {
      border-color: rgba(240, 224, 33, 0.42);
      box-shadow:
        0 0 0 1px rgba(240, 224, 33, 0.18) inset,
        0 0 26px rgba(240, 224, 33, 0.12);
    }

    .sys-node--yellow .sys-node-ico,
    .sys-node--yellow .sys-node-ico svg {
      color: var(--rt-accent-yellow);
    }

    .sys-hub { 
      width: 184px; 
      height: 184px; 
      display: grid; 
      place-items: center; 
      /* Important: keep absolute positioning from `.sys-node, .sys-hub` rule above. */ 
      position: absolute; 
    } 

    .sys-hub-ring {
      position: absolute;
      inset: 0;
      border-radius: 999px;
      background: conic-gradient(
        from 220deg,
        rgba(25, 234, 255, 0.95),
        rgba(25, 234, 255, 0.15) 28%,
        rgba(240, 224, 33, 0.95) 62%,
        rgba(240, 224, 33, 0.12) 88%,
        rgba(25, 234, 255, 0.95)
      );
      filter: blur(0.1px) drop-shadow(0 0 18px rgba(25, 234, 255, 0.22));
      animation: sysSpin 12s linear infinite;
      z-index: 0;
    }

    .sys-hub-ring::after {
      content: "";
      position: absolute;
      inset: 14px;
      border-radius: 999px;
      background: rgba(6, 8, 12, 0.92);
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    }

    .sys-hub-core {
      position: absolute;
      inset: 42px;
      border-radius: 999px;
      background:
        radial-gradient(circle at 50% 50%, rgba(25, 234, 255, 0.22), rgba(240, 224, 33, 0.1) 45%, rgba(0, 0, 0, 0) 72%),
        radial-gradient(circle at 45% 40%, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0) 62%);
      filter: drop-shadow(0 0 18px rgba(25, 234, 255, 0.14));
      animation: sysPulse 2200ms ease-in-out infinite;
      z-index: 1;
    }

    .sys-hub-label { 
      position: relative; 
      z-index: 3; 
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: max-content;
      max-width: 100%;
      white-space: nowrap;
      font-family: "JetBrains Mono", monospace; 
      font-size: 1.02rem; 
      letter-spacing: 0.14em; 
      text-transform: uppercase; 
      font-weight: 900; 
      mix-blend-mode: normal; 
      color: rgba(255, 252, 230, 0.99); 
      text-shadow: 
        0 1px 0 rgba(0, 0, 0, 0.65), 
        0 0 28px rgba(240, 224, 33, 0.26), 
        0 0 2px rgba(0, 0, 0, 0.85); 
      font-weight: 900; 
      text-align: center; 
      padding: 8px 14px 7px; 
      border-radius: 999px; 
      border: 1px solid rgba(255, 255, 255, 0.16); 
      background: rgba(0, 0, 0, 0.66); 
      box-shadow: 
        0 0 0 1px rgba(0, 0, 0, 0.55) inset, 
        0 0 26px rgba(25, 234, 255, 0.12); 
      margin: 0 auto; 
    } 

    @keyframes sysSpin {
      to { transform: rotate(360deg); }
    }

    @keyframes sysPulse {
      0%, 100% { transform: scale(0.96); opacity: 0.78; }
      50% { transform: scale(1); opacity: 1; }
    }

    .sys-strip-card {
      margin-top: 14px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px;
      background: rgba(6, 8, 12, 0.74);
      box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    .sys-strip-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.26;
      background:
        radial-gradient(520px 320px at 16% 20%, rgba(25, 234, 255, 0.12), transparent 62%),
        radial-gradient(520px 360px at 78% 40%, rgba(240, 224, 33, 0.1), transparent 66%);
      mix-blend-mode: screen;
      z-index: 0;
    }

    .sys-strip-card > * { position: relative; z-index: 1; }

    .sys-strip { 
      padding: 18px 28px; 
      display: grid; 
      /* Symmetric edges (left/right) + larger center for marquee readability */ 
      grid-template-columns: auto 1fr auto; 
      gap: 14px; 
      align-items: center; 
    } 

    .sys-strip-left, 
    .sys-strip-right { 
      display: flex; 
      align-items: center; 
      gap: 10px; 
      min-width: 0; 
    } 

    .sys-strip-left {  
      flex-direction: column;  
      align-items: flex-start;  
      gap: 6px;  
      justify-content: flex-start;  
      padding-left: 4px; 
    }  
 
    .sys-strip-right {  
      flex-direction: column;  
      align-items: flex-end;  
      gap: 6px;  
      justify-content: flex-end;  
      padding-right: 6px; 
    }  
 
    .sys-strip-label { 
      font-family: "JetBrains Mono", monospace; 
      font-size: 0.62rem; 
      letter-spacing: 0.18em; 
      text-transform: uppercase; 
      color: rgba(220, 226, 231, 0.66); 
      opacity: 0.9; 
      white-space: nowrap; 
      position: relative; 
      padding-bottom: 2px; 
    } 
 
    /* (Removed) decorative scan on "Telemetria" label to reduce distraction. */
 
    .sys-mini-chart, 
    .sys-wave { 
      height: 18px; 
      display: inline-flex; 
      align-items: flex-end; 
      gap: 3px; 
      opacity: 0.7; 
      flex-shrink: 0; 
    } 
 
    .sys-mini-chart span, 
    .sys-wave span { 
      width: 3px; 
      height: calc(var(--h) * 1px); 
      border-radius: 2px; 
      background: linear-gradient(180deg, rgba(25, 234, 255, 0.95), rgba(25, 234, 255, 0.22)); 
      box-shadow: 0 0 10px rgba(25, 234, 255, 0.14); 
      transform-origin: bottom; 
      animation: sysBar 1650ms ease-in-out infinite; 
      animation-delay: calc(var(--d) * 1ms); 
    } 

    .sys-wave span { 
      background: linear-gradient(180deg, rgba(240, 224, 33, 0.92), rgba(240, 224, 33, 0.14)); 
      box-shadow: 0 0 10px rgba(240, 224, 33, 0.1); 
      opacity: 0.7; 
    } 

    @keyframes sysBar {
      0%, 100% { transform: scaleY(0.85); opacity: 0.78; }
      50% { transform: scaleY(1.12); opacity: 1; }
    }

    .sys-strip-mid {  
      min-width: 0;  
      overflow: hidden;  
      border-left: 1px solid rgba(255, 255, 255, 0.06);  
      border-right: 0;  
      /* give the marquee more breathing room on the left */ 
      padding: 0px 12px;  
      display: flex; 
      align-items: center; 
    }  

    /* Right meta text: decorative, keep it small and subdued so it doesn't compete with the marquee. */ 
    .sys-strip-status {  
      font-family: "JetBrains Mono", monospace;  
      font-size: 0.52rem;  
      letter-spacing: 0.12em;  
      text-transform: uppercase;  
      color: rgba(220, 226, 231, 0.56);  
      opacity: 0.62;  
      display: inline-flex;  
      align-items: center;  
      gap: 7px;  
      white-space: nowrap;  
      line-height: 1.1; 
    }  
 
    .sys-strip-status b { 
      font-weight: 800; 
      color: rgba(240, 224, 33, 0.68); 
      text-shadow: 0 0 12px rgba(240, 224, 33, 0.1); 
    } 
 
    .sys-strip-status i { 
      width: 3px; 
      height: 3px; 
      border-radius: 999px; 
      background: rgba(255, 255, 255, 0.22); 
      opacity: 0.65; 
    } 

    .sys-marquee { 
      overflow: hidden; 
      white-space: nowrap; 
      width: 100%; 
      padding: 10px 18px; 
      mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); 
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); 
    } 

    .sys-marquee-track { 
      display: inline-flex; 
      align-items: center; 
      gap: 0; 
      animation: sysMarquee 30s linear infinite; 
      will-change: transform; 
    } 
 
    /* Space between the duplicated blocks (2x) so the loop doesn't look cramped. */ 
    .sys-marquee-track > span { 
      display: inline-flex; 
      align-items: center; 
      white-space: nowrap; 
      padding-right: 220px; 
    } 

    @keyframes sysMarquee { 
      from { transform: translateX(0); } 
      to { transform: translateX(-50%); } 
    } 

    .sys-marquee span { 
      font-family: "JetBrains Mono", monospace; 
      font-size: 0.72rem; 
      letter-spacing: 0.06em; 
      text-transform: uppercase; 
      color: rgba(220, 226, 231, 0.78); 
      line-height: 1.35; 
    } 

    .sys-marquee strong {
      color: rgba(245, 248, 250, 0.94);
      font-weight: 900;
    }

    .sys-marquee .sys-mark {
      color: rgba(25, 234, 255, 0.92);
      text-shadow: 0 0 18px rgba(25, 234, 255, 0.14);
      font-weight: 900;
    }

    /* NOTE: `.sys-strip-status` is defined above as a minimal decorative one-liner.
       Keep only one definition to avoid wrapping/visual bugs. */ 

    .sys-modules {
      padding: 18px 18px 16px;
      gap: 12px;
      align-content: start;
    }

    .sys-mod-head {
      margin-bottom: 2px;
    }

    .sys-mod-title {
      font-size: clamp(1.6rem, 3vw, 2.3rem);
      line-height: 1.05;
      letter-spacing: -0.02em;
    }

    .sys-mod-sub {
      margin-top: 6px;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.74rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: rgba(220, 226, 231, 0.66);
    }

    .sys-mod-card {
      border-radius: 16px;
      padding: 14px 14px 12px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(0, 0, 0, 0.34);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
      position: relative;
      overflow: hidden;
      transition: box-shadow 160ms ease, transform 160ms ease;
    }

    .sys-mod-card:hover {
      transform: translateY(-1px);
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.08) inset,
        0 0 28px rgba(25, 234, 255, 0.12);
    }

    .sys-mod-card--cyan { border-color: rgba(25, 234, 255, 0.26); }
    .sys-mod-card--yellow { border-color: rgba(240, 224, 33, 0.24); }

    .sys-mod-row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 8px;
    }

    .sys-mod-h {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.92rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1.2;
      margin: 0;
    }

    .sys-mod-card--cyan .sys-mod-h { color: rgba(25, 234, 255, 0.92); }
    .sys-mod-card--yellow .sys-mod-h { color: rgba(240, 224, 33, 0.92); }

    .sys-mod-badge {
      flex-shrink: 0;
      padding: 6px 10px;
      border-radius: 999px;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.7rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      font-weight: 900;
      color: #0a0a0a;
    }

    .sys-mod-card--cyan .sys-mod-badge {
      background: rgba(25, 234, 255, 0.92);
      box-shadow: 0 0 18px rgba(25, 234, 255, 0.18);
    }

    .sys-mod-card--yellow .sys-mod-badge {
      background: rgba(240, 224, 33, 0.92);
      box-shadow: 0 0 18px rgba(240, 224, 33, 0.16);
    }

    .sys-mod-p {
      color: rgba(220, 226, 231, 0.86);
      font-size: 1rem;
      line-height: 1.45;
    }

    .sys-mod-p strong { color: rgba(245, 248, 250, 0.96); font-weight: 800; }

    .sys-mod-icons {
      margin-top: 10px;
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      opacity: 0.9;
    }

    .sys-mod-icons svg {
      width: 22px;
      height: 22px;
      display: block;
      color: rgba(235, 240, 245, 0.86);
    }

    .sys-disclaimer {
      margin-top: 6px;
      padding-top: 10px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      font-weight: 800;
      color: rgba(25, 234, 255, 0.92);
      text-shadow: 0 0 18px rgba(25, 234, 255, 0.14);
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }

    @media (max-width: 980px) { 
      .sys-head { text-align: left; margin-bottom: 18px; } 
      .sys-grid { grid-template-columns: 1fr; } 
      .sys-diagram { min-height: 320px; } 
      .sys-hub { width: 170px; height: 170px; }
      .sys-node { width: 120px; } 
      /* Telemetry strip: stack on tablet to avoid cramped marquee */ 
      .sys-strip { grid-template-columns: 1fr; gap: 12px; } 
      .sys-strip-mid { border-left: 0; border-right: 0; padding: 10px 12px; } 
      .sys-strip-left, 
      .sys-strip-right { align-items: center; } 
      .sys-strip-right { justify-content: center; } 
    } 

    @media (max-width: 640px) {  
      .sys-head {
        text-align: center;
        margin: 0 auto 18px;
        max-width: min(100%, 44ch);
        padding-inline: 2px;
      }
      .sys-kicker {
        display: block;
        max-width: 27ch;
        margin: 0 auto;
        font-size: 0.82rem;
        line-height: 1.45;
        letter-spacing: 0.12em;
        text-wrap: balance;
      }
      .sys-title {
        font-size: clamp(1.55rem, 7.2vw, 1.95rem);
        max-width: 19ch;
        margin: 10px auto 0;
        line-height: 1.1;
        text-wrap: balance;
      }
      .sys-diagram { min-height: 320px; padding: 12px; }  
      .sys-node { width: 116px; padding: 10px 10px 9px; }  
      .sys-node-ico { width: 34px; height: 34px; border-radius: 11px; }  
      .sys-node-t { font-size: 0.66rem; letter-spacing: 0.1em; }  
 
      /* Hub: smaller + moved left so label never clips on narrow screens. */ 
      .sys-hub { width: 150px; height: 150px; --sx: 70%; } 
      .sys-hub-ring::after { inset: 12px; } 
      .sys-hub-core { inset: 36px; } 
      .sys-hub-label { 
        font-size: 0.76rem; 
        letter-spacing: 0.1em; 
        padding: 7px 10px 6px; 
      } 
 
      /* Mobile telemetry: tiny "Telemetria" + blue chart stacked on the left, marquee takes the rest. */ 
      .sys-strip { 
        /* left column just enough for the tiny chart; maximize marquee width */
        grid-template-columns: 78px minmax(0, 1fr); 
        gap: 12px; 
        padding: 12px 14px; 
        align-items: start;
      }  
      .sys-strip-left { 
        display: flex;
        flex-direction: column; 
        align-items: flex-start; 
        justify-content: flex-start;
        gap: 4px; 
        padding-left: 0; 
      } 
      .sys-strip-label { font-size: 0.45rem; letter-spacing: 0.22em; opacity: 0.78; } 
      .sys-mini-chart { height: 11px; opacity: 0.66; } 
      .sys-mini-chart span { width: 2px; } 
  
      .sys-strip-mid { 
        border-left: 0; 
        border-right: 0; 
        padding: 0; 
        justify-content: flex-start; 
        align-items: center;
      }  
      .sys-marquee { padding: 4px 0; mask-image: none; -webkit-mask-image: none; } 
      .sys-marquee span { font-size: 0.62rem; letter-spacing: 0.04em; } 
  
      .sys-strip-right { display: none; } 

      .sys-mod-sub {
        margin-top: 4px;
        font-size: 0.58rem;
        letter-spacing: 0.16em;
        opacity: 0.82;
      }
    }  

    @media (prefers-reduced-motion: reduce) { 
      .sys-line { animation: none; } 
      .sys-hub-ring { animation: none; } 
      .sys-hub-core { animation: none; } 
      .sys-diagram { transition: none; transform: none; } 
      .sys-mod-card { transition: none; } 
      .sys-marquee-track { animation: none; transform: none; } 
      .sys-mini-chart span, 
      .sys-wave span { animation: none; } 
      .rt-section-systems.is-blink .sys-blink, 
      .rt-section-systems.is-blink .sys-blink::before { animation: none; } 
    }

    /* ================================
       Section: Módulos do Treinamento
       - Navegação por fases + accordion
       - Pensado para escalar sem cansar visualmente
    ================================== */

    .rt-section-modules {
      overflow: hidden;
      background:
        radial-gradient(900px 560px at 22% 28%, rgba(25, 234, 255, 0.08), transparent 64%),
        radial-gradient(860px 520px at 78% 76%, rgba(240, 224, 33, 0.07), transparent 66%),
        linear-gradient(180deg, #06080a 0%, #040607 52%, #030404 100%);
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rt-section-modules::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.16;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
      background-size: 72px 72px;
    }

    .mods-bg-carousel {
      position: absolute;
      inset: 18px 0 auto;
      height: clamp(230px, 38vw, 370px);
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      opacity: 0.3;
    }

    .mods-bg-carousel::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 3;
      background:
        linear-gradient(90deg, rgba(4, 6, 8, 0.95) 0%, rgba(4, 6, 8, 0.15) 16%, rgba(4, 6, 8, 0.15) 84%, rgba(4, 6, 8, 0.95) 100%),
        linear-gradient(180deg, rgba(4, 6, 8, 0.78), rgba(4, 6, 8, 0.18) 34%, rgba(4, 6, 8, 0.18) 72%, rgba(4, 6, 8, 0.76));
    }

    .mods-bg-carousel::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 4;
      background:
        radial-gradient(68% 82% at 50% 42%, rgba(3, 4, 6, 0.94) 0%, rgba(3, 4, 6, 0.76) 36%, rgba(3, 4, 6, 0.2) 64%, rgba(3, 4, 6, 0) 78%);
    }

    .mods-bg-row {
      position: relative;
      z-index: 1;
      overflow: hidden;
      margin-bottom: 10px;
    }

    .mods-bg-track {
      display: flex;
      align-items: center;
      gap: 10px;
      width: max-content;
      animation: modsBgMarquee 58s linear infinite;
      will-change: transform;
    }

    .mods-bg-row--reverse .mods-bg-track {
      animation-direction: reverse;
      animation-duration: 66s;
    }

    @keyframes modsBgMarquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    .mods-bg-item {
      margin: 0;
      width: clamp(120px, 10.2vw, 168px);
      aspect-ratio: 1181 / 1772;
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(5, 9, 14, 0.92);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.34);
      filter: saturate(0.92) contrast(0.96);
    }

    .mods-bg-item img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .mods-head {
      max-width: 76ch;
      margin: 0 auto 24px;
      text-align: center;
    }

    .mods-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.82);
    }

    .mods-title {
      margin-top: 12px;
      font-size: clamp(1.85rem, 3.5vw, 2.62rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      text-wrap: balance;
      color: var(--rt-text-100);
      font-family: "Space Grotesk", sans-serif;
    }

    .mods-title-mark {
      color: var(--rt-accent-yellow);
      text-shadow: var(--rt-glow-yellow);
      font-weight: 900;
    }

    .mods-lede {
      margin-top: 12px;
      color: var(--rt-text-300);
      font-size: 1.04rem;
      line-height: 1.52;
    }

    .mods-aulas-marquee {
      margin-top: 28px;
    }

    .mods-aulas-marquee-head {
      max-width: 94ch;
      margin: 0 auto 12px;
      text-align: center;
    }

    .mods-aulas-marquee-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.74rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(188, 239, 255, 0.86);
    }

    .mods-aulas-marquee-title {
      margin-top: 8px;
      font-size: clamp(1.2rem, 2vw, 1.64rem);
      line-height: 1.2;
      letter-spacing: -0.01em;
      color: rgba(246, 250, 253, 0.98);
    }

    .mods-aulas-marquee-bleed {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
    }

    .mods-aulas-marquee-shell {
      position: relative;
      overflow: hidden;
      border-top: 1px solid rgba(25, 234, 255, 0.26);
      border-bottom: 1px solid rgba(25, 234, 255, 0.26);
      background:
        radial-gradient(120% 160% at 0% 0%, rgba(25, 234, 255, 0.08), transparent 58%),
        radial-gradient(120% 150% at 100% 100%, rgba(240, 224, 33, 0.08), transparent 64%),
        rgba(7, 10, 15, 0.84);
      box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(25, 234, 255, 0.08) inset;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
      mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
    }

    .mods-aulas-marquee-track {
      display: flex;
      width: max-content;
      animation: modsAulasMarquee 70s linear infinite;
      will-change: transform;
      padding: 14px 0;
      gap: 12px;
    }

    .mods-aulas-marquee-group {
      display: flex;
      gap: 12px;
      padding-right: 12px;
    }

    .mods-aulas-marquee-item {
      margin: 0;
      width: clamp(250px, 23vw, 440px);
      aspect-ratio: 907 / 540;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(3, 6, 10, 0.92);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
      flex: 0 0 auto;
    }

    .mods-aulas-marquee-item img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    @keyframes modsAulasMarquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    .mods-method {
      margin-top: 28px;
      border-radius: 16px;
      border: 1px solid rgba(25, 234, 255, 0.24);
      background:
        radial-gradient(120% 140% at 0% 0%, rgba(25, 234, 255, 0.08), transparent 58%),
        radial-gradient(120% 150% at 100% 100%, rgba(240, 224, 33, 0.08), transparent 64%),
        linear-gradient(170deg, rgba(8, 12, 18, 0.95), rgba(5, 8, 12, 0.94));
      box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      padding: 18px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 46%);
      gap: 18px;
      align-items: center;
    }

    .mods-method-copy {
      min-width: 0;
      display: grid;
      gap: 12px;
    }

    .mods-method-tags {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .mods-method-pill {
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(25, 234, 255, 0.5);
      background: rgba(25, 234, 255, 0.12);
      color: rgba(182, 246, 255, 0.98);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.74rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-weight: 700;
    }

    .mods-method-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: rgba(240, 224, 33, 0.96);
      font-weight: 700;
      font-size: 0.95rem;
      letter-spacing: 0.01em;
    }

    .mods-method-link i {
      font-size: 1rem;
      transform: translateY(1px);
    }

    .mods-method-title {
      margin: 0;
      font-size: clamp(1.58rem, 2.8vw, 2.32rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      color: rgba(245, 250, 253, 0.98);
      text-wrap: balance;
    }

    .mods-method-text {
      margin: 0;
      color: rgba(220, 229, 236, 0.94);
      font-size: clamp(0.98rem, 1.35vw, 1.12rem);
      line-height: 1.56;
      max-width: 54ch;
      text-wrap: pretty;
    }

    .mods-method-text strong {
      color: rgba(245, 250, 253, 0.98);
      font-weight: 900;
    }

    .mods-method-text--big {
      font-size: clamp(1.14rem, 1.78vw, 1.36rem);
      line-height: 1.42;
      color: rgba(245, 250, 253, 0.98);
      text-wrap: balance;
    }

    .mods-method-focus {
      display: inline;
      padding: 0 0.12em;
      border-radius: 8px;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      background-image: linear-gradient(rgba(240, 224, 33, 0.24), rgba(240, 224, 33, 0.24));
      background-repeat: no-repeat;
      background-position: 0 100%;
      background-size: 0% 100%;
      animation: modsMethodSelectSweep 1800ms ease forwards;
      color: rgba(248, 251, 253, 0.99);
      font-weight: 800;
    }

    .mods-method-blink {
      color: var(--rt-accent-cyan);
      text-shadow: 0 0 14px rgba(25, 234, 255, 0.32);
      font-weight: 900;
      animation: modsMethodWordBlink 1600ms steps(1, end) infinite;
    }

    @keyframes modsMethodSelectSweep {
      from { background-size: 0% 100%; opacity: 0.98; }
      to { background-size: 100% 100%; opacity: 1; }
    }

    @keyframes modsMethodWordBlink {
      0% { opacity: 1; text-shadow: 0 0 0 rgba(25, 234, 255, 0); }
      20% { opacity: 0.22; }
      40% { opacity: 1; text-shadow: 0 0 16px rgba(25, 234, 255, 0.36); }
      60% { opacity: 0.24; }
      80% { opacity: 1; text-shadow: 0 0 18px rgba(25, 234, 255, 0.4); }
      100% { opacity: 1; text-shadow: 0 0 12px rgba(25, 234, 255, 0.26); }
    }

    .mods-method-media {
      margin: 0;
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(4, 7, 11, 0.9);
      box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    }

    .mods-method-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      object-position: center;
      aspect-ratio: 1172 / 922;
      background: rgba(4, 7, 11, 0.9);
    }

    .mods-method-media--placeholder {
      position: relative;
      aspect-ratio: 1172 / 922;
      min-height: 250px;
      background:
        radial-gradient(120% 140% at 18% 0%, rgba(25, 234, 255, 0.1), transparent 62%),
        rgba(4, 7, 11, 0.92);
    }

    .mods-method-media--placeholder::before {
      content: "Espaço para imagem";
      position: absolute;
      inset: 10px;
      border-radius: 10px;
      border: 1px dashed rgba(25, 234, 255, 0.46);
      color: rgba(193, 243, 255, 0.86);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.82rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      display: grid;
      place-items: center;
      background: rgba(8, 13, 20, 0.44);
    }

    .mods-method-cta {
      margin-top: 4px;
      width: fit-content;
      max-width: 100%;
      min-height: 46px;
      border-radius: 999px;
      padding: 0 16px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      line-height: 1.2;
      color: #071116;
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.94), rgba(240, 224, 33, 0.9));
      border: 1px solid rgba(25, 234, 255, 0.52);
      box-shadow: 0 0 22px rgba(25, 234, 255, 0.22);
      transition: transform 170ms ease, box-shadow 170ms ease;
      justify-self: start;
    }

    .mods-method-cta:hover {
      transform: translateY(-1px);
      box-shadow: 0 0 28px rgba(25, 234, 255, 0.28);
    }

    .mods-method-cta i {
      font-size: 1rem;
      transform: translateY(1px);
      transition: transform 170ms ease;
      flex-shrink: 0;
    }

    .mods-method-cta:hover i {
      transform: translateY(1px) translateX(2px);
    }

    .mods-bonus-head {
      max-width: 84ch;
      margin: 42px auto 0;
      text-align: center;
      padding: 12px 8px 2px;
    }

    .mods-bonus-kicker {
      margin: 0;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.82);
    }

    .mods-bonus-title {
      margin: 12px 0 0;
      font-size: clamp(1.95rem, 3.8vw, 3rem);
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: rgba(246, 250, 253, 0.98);
      text-wrap: balance;
    }

    .mods-bonus-title .mods-key--yellow {
      color: var(--rt-accent-yellow);
      text-shadow: var(--rt-glow-yellow);
      font-weight: 900;
    }

    .mods-bonus-sub {
      margin: 14px auto 0;
      max-width: 76ch;
      color: rgba(220, 229, 236, 0.94);
      font-size: clamp(1rem, 1.5vw, 1.18rem);
      line-height: 1.5;
      text-wrap: balance;
    }

    .mods-bonus-sub strong {
      color: rgba(252, 243, 149, 0.98);
      text-shadow: 0 0 16px rgba(240, 224, 33, 0.18);
      font-weight: 900;
    }

    .mods-bonus-cards {
      margin-top: 20px;
      display: grid;
      gap: 14px;
    }

    .mods-bonus-card {
      position: relative;
      display: grid;
      grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
      gap: 16px;
      align-items: stretch;
      padding: 16px;
      border-radius: 14px;
      border: 1px solid rgba(25, 234, 255, 0.24);
      background:
        radial-gradient(130% 150% at 0% 0%, rgba(25, 234, 255, 0.08), rgba(25, 234, 255, 0) 56%),
        radial-gradient(130% 150% at 100% 100%, rgba(240, 224, 33, 0.08), rgba(240, 224, 33, 0) 62%),
        linear-gradient(180deg, rgba(8, 12, 18, 0.94), rgba(5, 8, 12, 0.92));
      box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.34),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03);
    }

    .mods-bonus-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.14), transparent 28%, transparent 70%, rgba(240, 224, 33, 0.12));
      opacity: 0.62;
    }

    .mods-bonus-thumb {
      margin: 0;
      width: 100%;
      max-width: 220px;
      aspect-ratio: 1181 / 1772;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(5, 9, 14, 0.92);
      justify-self: center;
      align-self: start;
    }

    .mods-bonus-thumb img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .mods-bonus-body {
      min-width: 0;
      display: grid;
      gap: 12px;
      align-content: start;
      position: relative;
      z-index: 1;
    }

    .mods-bonus-card-title {
      margin: 0;
      color: rgba(245, 250, 253, 0.98);
      font-size: clamp(1.2rem, 2vw, 1.62rem);
      line-height: 1.2;
      letter-spacing: -0.01em;
      text-wrap: balance;
    }

    .mods-bonus-card-meta {
      margin: 0;
      width: fit-content;
      padding: 5px 9px;
      border-radius: 999px;
      border: 1px solid rgba(240, 224, 33, 0.34);
      background: rgba(240, 224, 33, 0.08);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.8rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(252, 243, 149, 0.92);
      text-shadow: 0 0 14px rgba(240, 224, 33, 0.18);
    }

    .mods-bonus-card-desc {
      margin: 0;
      color: rgba(220, 229, 236, 0.94);
      font-size: 1rem;
      line-height: 1.5;
      text-wrap: balance;
      max-width: 78ch;
    }

    .mods-bonus-card-label {
      margin: 4px 0 -2px;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(25, 234, 255, 0.92);
    }

    .mods-bonus-card-list {
      margin: 0;
      padding: 12px 14px 12px 14px;
      list-style: none;
      counter-reset: bonusItems;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(5, 9, 14, 0.58);
      color: rgba(229, 236, 242, 0.92);
      display: grid;
      gap: 8px;
      font-size: 0.95rem;
      line-height: 1.44;
    }

    .mods-bonus-card-list li {
      position: relative;
      padding-left: 28px;
      break-inside: avoid;
    }

    .mods-bonus-card-list li::before {
      counter-increment: bonusItems;
      content: counter(bonusItems);
      position: absolute;
      left: 0;
      top: 0.05em;
      width: 20px;
      height: 20px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.68rem;
      font-weight: 800;
      color: rgba(17, 28, 34, 0.98);
      background: linear-gradient(135deg, rgba(25, 234, 255, 0.92), rgba(240, 224, 33, 0.9));
      box-shadow: 0 0 14px rgba(25, 234, 255, 0.2);
    }

    .mods-bonus-card-list--columns {
      columns: 2;
      column-gap: 18px;
      display: block;
    }

    .mods-bonus-cta-wrap {
      margin-top: 8px;
      display: flex;
      justify-content: center;
    }

    .mods-bonus-cta {
      width: min(100%, 760px);
      min-height: 52px;
      border-radius: 12px;
      padding: 10px 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 900;
      letter-spacing: 0.035em;
      color: #081116;
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.94), rgba(240, 224, 33, 0.9));
      border: 1px solid rgba(25, 234, 255, 0.55);
      box-shadow: 0 0 24px rgba(25, 234, 255, 0.22);
      transition: transform 170ms ease, box-shadow 170ms ease;
      text-align: center;
      line-height: 1.2;
    }

    .mods-bonus-cta:hover {
      transform: translateY(-1px);
      box-shadow: 0 0 30px rgba(25, 234, 255, 0.3);
    }

    .mods-bonus-cta i {
      font-size: 1rem;
      transition: transform 170ms ease;
      flex-shrink: 0;
    }

    .mods-bonus-cta:hover i {
      transform: translateX(2px);
    }

    .rt-section-trusted {
      background:
        radial-gradient(900px 520px at 18% 24%, rgba(25, 234, 255, 0.08), transparent 64%),
        radial-gradient(860px 520px at 82% 76%, rgba(240, 224, 33, 0.07), transparent 66%),
        linear-gradient(180deg, #050709 0%, #030405 100%);
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rt-section-trusted .rt-wrap {
      max-width: 1480px;
    }

    .trusted-head {
      max-width: 86ch;
      margin: 0 auto;
      text-align: center;
      padding: 30px 8px 26px;
    }

    .trusted-kicker {
      margin: 0;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.82);
    }

    .trusted-title {
      margin: 12px 0 0;
      color: rgba(246, 250, 253, 0.98);
      font-size: clamp(1.84rem, 3.5vw, 2.7rem);
      line-height: 1.14;
      letter-spacing: -0.02em;
      text-wrap: balance;
    }

    .trusted-wall {
      margin: 0 auto;
      padding: 0 0 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      list-style: none;
    }

    .trusted-item {
      margin: 0;
      width: clamp(268px, 27vw, 380px);
      aspect-ratio: 719 / 244;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      overflow: hidden;
      background: rgba(8, 12, 18, 0.9);
      box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.3),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03);
    }

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

    .trusted-seo-copy {
      max-width: 108ch;
      margin: 4px auto 0;
      padding: 0 8px;
      display: grid;
      gap: 10px;
      text-align: center;
    }

    .trusted-seo-copy p {
      margin: 0;
      color: rgba(218, 228, 236, 0.9);
      font-size: 0.98rem;
      line-height: 1.58;
      text-wrap: balance;
    }

    .trusted-seo-copy strong {
      color: rgba(252, 243, 149, 0.98);
      text-shadow: 0 0 14px rgba(240, 224, 33, 0.18);
      font-weight: 800;
    }

    .trusted-faq {
      max-width: 108ch;
      margin: 16px auto 0;
      padding: 0 8px 28px;
      display: grid;
      gap: 8px;
    }

    .trusted-faq-title {
      margin: 0 0 2px;
      color: rgba(243, 248, 252, 0.98);
      font-size: clamp(1.08rem, 1.8vw, 1.38rem);
      letter-spacing: -0.01em;
    }

    .trusted-faq details {
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(6, 10, 14, 0.58);
      padding: 10px 12px;
    }

    .trusted-faq summary {
      cursor: var(--rt-cursor-pointer);
      list-style: none;
      color: rgba(237, 243, 248, 0.96);
      font-weight: 700;
      line-height: 1.42;
    }

    .trusted-faq summary::-webkit-details-marker {
      display: none;
    }

    .trusted-faq p {
      margin: 8px 0 0;
      color: rgba(214, 224, 232, 0.92);
      line-height: 1.52;
      font-size: 0.95rem;
    }

    .mods-stats {
      margin-top: 18px;
      display: inline-flex;
      align-items: stretch;
      justify-content: center;
      gap: 8px;
      padding: 8px;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(7, 10, 14, 0.62);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .mods-stat {
      min-width: 110px;
      padding: 8px 12px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      text-align: center;
      display: grid;
      gap: 2px;
    }

    .mods-stat strong {
      font-size: 1.42rem;
      line-height: 1;
      letter-spacing: -0.02em;
      color: #f5f8fa;
    }

    .mods-stat span {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.64rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.78);
    }

    .mods-structures {
      margin-bottom: 14px;
      display: grid;
      gap: 10px;
    }

    .mods-structure-select-row {
      display: grid;
      grid-template-columns: 1fr;
      align-items: start;
      gap: 10px;
      margin-bottom: 6px;
    }

    .mods-structure-label {
      font-family: "Space Grotesk", sans-serif;
      font-size: 1.8rem;
      font-weight: 700;
      color: rgba(232, 241, 248, 0.94);
    }

    .mods-structure-rail {
      display: flex;
      align-items: center;
      gap: 8px;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 2px 0;
    }

    .mods-structure-rail::-webkit-scrollbar { display: none; }

    .mods-structure-chip {
      appearance: none;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(8, 11, 17, 0.72);
      color: rgba(220, 226, 231, 0.9);
      border-radius: 999px;
      min-height: 40px;
      padding: 0 13px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      cursor: var(--rt-cursor-pointer);
      transition: border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
      white-space: nowrap;
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      flex-shrink: 0;
    }

    .mods-structure-chip:focus-visible {
      outline: 2px solid var(--rt-accent-cyan);
      outline-offset: 2px;
    }

    .mods-structure-chip-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.42);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
      flex-shrink: 0;
    }

    .mods-structure-chip.is-active {
      color: #071116;
      border-color: rgba(25, 234, 255, 0.62);
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.94), rgba(240, 224, 33, 0.88));
      box-shadow: 0 0 22px rgba(25, 234, 255, 0.2);
    }

    .mods-structure-chip.is-active .mods-structure-chip-dot {
      background: #081319;
      box-shadow: none;
    }

    .mods-structure-chip[data-mods-structure-tab="crm_pixel"] {
      display: none !important;
    }

    .mods-structure-panel {
      display: none;
    }

    .mods-structure-panel.is-active {
      display: block;
    }

    .mods-structure-empty {
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(7, 10, 15, 0.7);
      padding: 16px 14px;
      color: rgba(220, 226, 231, 0.9);
      font-size: 0.94rem;
      line-height: 1.48;
    }

    .mods-structure-intro {
      margin: 0 auto 14px;
      color: rgba(244, 249, 252, 0.97);
      font-size: clamp(1.16rem, 1.62vw, 1.5rem);
      font-weight: 700;
      letter-spacing: -0.01em;
      line-height: 1.36;
      text-wrap: balance;
      text-align: center;
      max-width: 78ch;
    }

    .mods-structure-intro .mods-key--cyan {
      color: var(--rt-accent-cyan);
      text-shadow: var(--rt-glow-cyan);
      font-weight: 800;
    }

    .mods-structure-intro .mods-key--yellow {
      color: rgba(252, 243, 149, 0.98);
      text-shadow: 0 0 18px rgba(240, 224, 33, 0.22);
      font-weight: 800;
    }

    .mods-structure-wa-title {
      margin: 0 0 14px;
      color: rgba(245, 250, 253, 0.98);
      font-size: clamp(1.34rem, 2.18vw, 1.82rem);
      font-weight: 800;
      line-height: 1.28;
      letter-spacing: -0.01em;
      text-align: center;
      text-wrap: balance;
    }

    .mods-structure-wa-title .mods-key--cyan {
      color: var(--rt-accent-cyan);
      text-shadow: var(--rt-glow-cyan);
      font-weight: 800;
    }

    .mods-structure-wa-title .mods-key--yellow {
      color: rgba(252, 243, 149, 0.98);
      text-shadow: 0 0 18px rgba(240, 224, 33, 0.22);
      font-weight: 800;
    }

    .mods-wa-grid {
      margin: 0 0 14px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .mods-wa-card {
      position: relative;
      border-radius: 14px;
      border: 1px solid rgba(25, 234, 255, 0.28);
      background:
        radial-gradient(120% 140% at 0% 0%, rgba(25, 234, 255, 0.12), rgba(25, 234, 255, 0) 56%),
        radial-gradient(120% 140% at 100% 100%, rgba(240, 224, 33, 0.1), rgba(240, 224, 33, 0) 60%),
        linear-gradient(180deg, rgba(6, 10, 15, 0.92), rgba(4, 8, 12, 0.88));
      box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.34),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
        0 0 20px rgba(25, 234, 255, 0.08);
      padding: 14px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .mods-wa-card-title {
      margin: 0 0 12px;
      color: rgba(245, 250, 253, 0.98);
      font-size: clamp(1.08rem, 1.42vw, 1.3rem);
      font-weight: 800;
      line-height: 1.3;
      letter-spacing: -0.01em;
      text-align: center;
      text-wrap: balance;
    }

    .mods-wa-card-title .mods-key--cyan {
      color: var(--rt-accent-cyan);
      text-shadow: var(--rt-glow-cyan);
      font-weight: 800;
    }

    .mods-wa-card-title .mods-key--yellow {
      color: rgba(252, 243, 149, 0.98);
      text-shadow: 0 0 18px rgba(240, 224, 33, 0.22);
      font-weight: 800;
    }

    .mods-wa-card .mods-structure-wa-title {
      margin: 0 0 12px;
      font-size: clamp(1.12rem, 1.72vw, 1.46rem);
    }

    .mods-wa-card .mods-structure-media {
      margin: 0;
      width: 100%;
      aspect-ratio: 1238 / 813;
      border-color: rgba(255, 255, 255, 0.16);
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    }

    .mods-wa-contingency {
      margin: 0 0 16px;
      border-radius: 16px;
      border: 1px solid rgba(25, 234, 255, 0.28);
      background:
        radial-gradient(120% 160% at 0% 0%, rgba(25, 234, 255, 0.14), rgba(25, 234, 255, 0) 56%),
        radial-gradient(120% 160% at 100% 100%, rgba(240, 224, 33, 0.12), rgba(240, 224, 33, 0) 62%),
        linear-gradient(140deg, rgba(10, 16, 24, 0.96), rgba(7, 12, 19, 0.92) 52%, rgba(8, 14, 20, 0.92));
      box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03),
        0 0 24px rgba(25, 234, 255, 0.08);
      padding: 20px;
      display: grid;
      grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
      gap: 24px;
      align-items: center;
    }

    .mods-wa-contingency-media {
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background:
        linear-gradient(180deg, rgba(7, 12, 18, 0.92), rgba(5, 9, 14, 0.88));
      aspect-ratio: 9 / 16;
      min-height: 460px;
      overflow: hidden;
      display: grid;
      padding: 0;
    }

    .mods-wa-contingency-video {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      background: rgba(4, 8, 12, 0.95);
    }

    .mods-wa-contingency-kicker {
      margin: 0 0 8px;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.66rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(25, 234, 255, 0.88);
    }

    .mods-wa-contingency-help {
      margin: 0;
      color: rgba(229, 236, 242, 0.92);
      font-size: 0.95rem;
      line-height: 1.42;
      text-wrap: balance;
    }

    .mods-wa-contingency-url {
      margin-top: 10px;
      display: inline-block;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      color: rgba(252, 243, 149, 0.96);
      padding: 6px 8px;
      border-radius: 8px;
      border: 1px solid rgba(240, 224, 33, 0.32);
      background: rgba(240, 224, 33, 0.08);
      word-break: break-all;
    }

    .mods-wa-contingency-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 16px;
      max-width: 920px;
      width: 100%;
      margin: 0;
      text-align: left;
      padding: 4px 6px;
    }

    .mods-wa-contingency-quote {
      margin: 0;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      background: rgba(7, 10, 15, 0.58);
      padding: 16px 20px;
      color: rgba(244, 248, 252, 0.96);
      font-size: clamp(1.02rem, 2vw, 1.24rem);
      line-height: 1.38;
      font-style: italic;
      text-wrap: balance;
      max-width: 860px;
      width: 100%;
      margin-inline: 0;
    }

    .mods-wa-contingency-title {
      margin: 0;
      color: rgba(248, 251, 253, 0.98);
      font-size: clamp(1.5rem, 3vw, 2.28rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      font-weight: 900;
      text-wrap: balance;
      text-align: left;
    }

    .mods-wa-contingency-text {
      margin: 0;
      color: rgba(223, 231, 239, 0.94);
      font-size: clamp(1.02rem, 1.44vw, 1.28rem);
      line-height: 1.46;
      text-wrap: balance;
      max-width: 860px;
      margin-inline: 0;
    }

    .mods-wa-contingency-text strong {
      color: rgba(252, 243, 149, 0.98);
      font-weight: 900;
      text-shadow: 0 0 14px rgba(240, 224, 33, 0.2);
    }

    .mods-wa-contingency-summary {
      margin: 0;
      color: rgba(245, 249, 252, 0.98);
      font-size: clamp(1.08rem, 1.6vw, 1.36rem);
      font-weight: 800;
      line-height: 1.4;
      text-wrap: balance;
      max-width: 860px;
      margin-inline: 0;
    }

    .mods-structure-video {
      margin: 0 auto 14px;
      width: min(100%, 1080px);
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(5, 8, 12, 0.92);
      aspect-ratio: 16 / 9;
    }

    .mods-structure-video iframe {
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    .yt-lite {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      background: #000;
      overflow: hidden;
    }

    .yt-lite-btn {
      appearance: none;
      border: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      position: relative;
      display: block;
      cursor: var(--rt-cursor-pointer);
      background: #000;
      color: #fff;
    }

    .yt-lite-thumb {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: saturate(0.94) contrast(1.04);
      transform: scale(1.02);
      transition: transform 220ms ease, filter 220ms ease;
    }

    .yt-lite::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.46));
    }

    .yt-lite-play {
      position: absolute;
      left: 50%;
      top: 50%;
      width: clamp(56px, 7vw, 82px);
      height: clamp(40px, 5vw, 58px);
      transform: translate(-50%, -50%);
      border-radius: 14px;
      background: rgba(231, 18, 18, 0.94);
      box-shadow: 0 0 24px rgba(231, 18, 18, 0.34);
    }

    .yt-lite-play::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-44%, -50%);
      width: 0;
      height: 0;
      border-top: 11px solid transparent;
      border-bottom: 11px solid transparent;
      border-left: 18px solid #fff;
    }

    .yt-lite-label {
      position: absolute;
      left: 12px;
      bottom: 10px;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.66rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(250, 250, 250, 0.96);
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

    .yt-lite:hover .yt-lite-thumb,
    .yt-lite:focus-within .yt-lite-thumb {
      transform: scale(1.05);
      filter: saturate(1) contrast(1.08);
    }

    .yt-lite iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    .mods-structure-media {
      margin: 0 0 14px;
      width: 100%;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: #ffffff;
      aspect-ratio: 1238 / 813;
    }

    .mods-structure-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      background: #ffffff;
    }

    .mods-structure-media--transparent {
      background: transparent;
    }

    .mods-structure-media--transparent img {
      background: transparent;
    }

    .mods-structure-media--campaign-msg {
      aspect-ratio: 1187 / 313;
      max-width: 1187px;
      margin-left: auto;
      margin-right: auto;
      border: 0;
    }

    .mods-phase-rail {
      display: flex;
      align-items: center;
      gap: 10px;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 2px 2px 8px;
      margin-bottom: 14px;
    }

    .mods-phase-rail[hidden] {
      display: none !important;
    }

    .mods-phase-rail::-webkit-scrollbar { display: none; }

    .mods-phase-chip {
      appearance: none;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(8, 11, 17, 0.72);
      color: rgba(220, 226, 231, 0.84);
      border-radius: 999px;
      min-height: 44px;
      padding: 0 14px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      cursor: var(--rt-cursor-pointer);
      transition: border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
      white-space: nowrap;
      font-family: "JetBrains Mono", monospace;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-size: 0.68rem;
    }

    .mods-phase-chip-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.45);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
      flex-shrink: 0;
    }

    .mods-phase-chip.is-active {
      color: #071116;
      border-color: rgba(25, 234, 255, 0.62);
      background: linear-gradient(120deg, rgba(25, 234, 255, 0.94), rgba(240, 224, 33, 0.88));
      box-shadow: 0 0 22px rgba(25, 234, 255, 0.2);
    }

    .mods-phase-chip.is-active .mods-phase-chip-dot {
      background: #081319;
      box-shadow: none;
    }

    .mods-phases {
      display: grid;
      gap: 10px;
    }

    .mods-phase {
      position: relative;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 16px;
      background: rgba(6, 8, 12, 0.74);
      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34);
      overflow: hidden;
    }

    .mods-phase.is-featured {
      border-color: rgba(240, 224, 33, 0.26);
      box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.34),
        0 0 22px rgba(240, 224, 33, 0.08);
    }

    .mods-phase-badge {
      position: static;
      z-index: auto;
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.72rem;
      letter-spacing: 0.08em;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 999px;
      padding: 5px 11px;
      border: 1px solid rgba(240, 224, 33, 0.45);
      background: linear-gradient(90deg, rgba(240, 224, 33, 0.2), rgba(240, 224, 33, 0.12));
      color: rgba(255, 246, 173, 0.98);
      text-shadow: 0 0 10px rgba(240, 224, 33, 0.26);
      display: inline-flex;
      align-items: center;
      width: max-content;
      max-width: 100%;
      margin-top: 4px;
    }

    .mods-phase-toggle {
      width: 100%;
      appearance: none;
      border: 0;
      background: transparent;
      cursor: var(--rt-cursor-pointer);
      min-height: 64px;
      padding: 14px 16px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      text-align: left;
      position: relative;
      isolation: isolate;
    }

    .mods-phase-meta {
      min-width: 0;
      display: grid;
      gap: 4px;
    }

    .mods-phase-label {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.7rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.72);
    }

    .mods-phase-name {
      font-size: 1.14rem;
      font-weight: 700;
      color: rgba(245, 248, 250, 0.95);
      letter-spacing: -0.01em;
    }

    .mods-phase-right {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
      justify-content: flex-end;
      position: relative;
      z-index: 2;
    }

    .mods-phase-meta {
      position: relative;
      z-index: 2;
    }

    .mods-phase--wa-overlay .mods-phase-toggle::after {
      content: "";
      position: absolute;
      right: 150px;
      top: -70px;
      width: 352px;
      height: 226px;
      pointer-events: none;
      opacity: 0.18;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128 34a94 94 0 0 0-81 141l-14 45 46-12a94 94 0 1 0 49-174Z' fill='none' stroke='%2319eaff' stroke-width='15' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg transform='translate(10 8) scale(.9)'%3E%3Cpath d='M98 103c2-3 5-3 7-3h4c2 0 3 1 4 3l8 18c1 2 1 4-1 6l-4 5c-1 1-1 3 0 5 3 5 10 13 20 20 7 5 11 6 13 5l6-6c2-2 4-2 6-1l17 7c2 1 3 2 3 4v4c0 3-1 6-4 9-3 3-8 6-15 6-9 0-22-3-38-15-17-13-29-31-32-37-3-6-6-14 2-24Z' fill='%2319eaff'/%3E%3C/g%3E%3C/svg%3E");
      filter: drop-shadow(0 0 28px rgba(25, 234, 255, 0.18)) saturate(1.15);
      z-index: 1;
      transform: translateX(-14px) rotate(20deg);
      transform-origin: 68% 52%;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.75) 24%, #000 36%);
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.75) 24%, #000 36%);
    }

    .mods-phase--gtm-overlay .mods-phase-toggle::after {
      content: "";
      position: absolute;
      right: 8px;
      top: -34px;
      width: 320px;
      height: 206px;
      pointer-events: none;
      opacity: 0.16;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M138 24l74 42v124l-74 42-74-42V66l74-42Z' fill='none' stroke='%2319eaff' stroke-width='12' stroke-linejoin='round'/%3E%3Cpath d='M114 84h28v88h-28z' fill='%23f0e021'/%3E%3Cpath d='M142 84h28v28h-28z' fill='%2319eaff'/%3E%3Cpath d='M86 112h28v28H86z' fill='%2319eaff'/%3E%3C/svg%3E");
      filter: drop-shadow(0 0 24px rgba(25, 234, 255, 0.15)) saturate(1.1);
      z-index: 1;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.2) 14%, rgba(0, 0, 0, 0.8) 30%, #000 42%);
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.2) 14%, rgba(0, 0, 0, 0.8) 30%, #000 42%);
    }

    .mods-phase--script-overlay .mods-phase-toggle::after {
      content: "";
      position: absolute;
      right: 4px;
      top: -24px;
      width: 314px;
      height: 194px;
      pointer-events: none;
      opacity: 0.15;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect x='52' y='52' width='152' height='152' rx='18' fill='none' stroke='%2319eaff' stroke-width='10'/%3E%3Cpath d='M106 96l-30 32 30 32' fill='none' stroke='%23f0e021' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M150 96l30 32-30 32' fill='none' stroke='%23f0e021' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M140 82l-24 92' fill='none' stroke='%2319eaff' stroke-width='10' stroke-linecap='round'/%3E%3C/svg%3E");
      filter: drop-shadow(0 0 24px rgba(25, 234, 255, 0.14)) saturate(1.08);
      z-index: 1;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.22) 14%, rgba(0, 0, 0, 0.82) 30%, #000 42%);
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.22) 14%, rgba(0, 0, 0, 0.82) 30%, #000 42%);
    }

    .mods-phase--icon-overlay .mods-phase-toggle::after {
      content: "";
      position: absolute;
      right: 165px;
      top: var(--mods-phase-overlay-top, -55px);
      width: 400px;
      height: 214px;
      pointer-events: none;
      opacity: 0.2;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
      background-image: var(--mods-phase-overlay-url);
      filter: drop-shadow(0 0 24px rgba(25, 234, 255, 0.16)) saturate(1.08);
      z-index: 1;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.2) 12%, rgba(0, 0, 0, 0.8) 28%, #000 42%);
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.2) 12%, rgba(0, 0, 0, 0.8) 28%, #000 42%);
    }

    .mods-phase--wa-overlay .mods-phase-toggle,
    .mods-phase--gtm-overlay .mods-phase-toggle,
    .mods-phase--script-overlay .mods-phase-toggle,
    .mods-phase--icon-overlay .mods-phase-toggle {
      overflow: hidden;
    }

    .mods-phase-count {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.68rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(215, 215, 215, 0.76);
      white-space: nowrap;
    }

    .mods-phase-chevron {
      width: 28px;
      height: 28px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      display: grid;
      place-items: center;
      color: rgba(240, 245, 249, 0.86);
      transition: transform 170ms ease, border-color 170ms ease;
    }

    .mods-phase.is-open .mods-phase-chevron {
      transform: rotate(180deg);
      border-color: rgba(25, 234, 255, 0.42);
    }

    .mods-phase-panel {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding: 10px 12px 12px;
    }

    .mods-module-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 8px;
    }

    .mods-module {
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.03);
      padding: 10px 12px;
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      gap: 14px;
      align-items: start;
      position: relative;
    }

    .mods-module-id {
      width: 30px;
      text-align: right;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--rt-accent-cyan);
      font-weight: 700;
      margin-top: 3px;
      flex-shrink: 0;
    }

    .mods-module-title {
      font-size: 1.04rem;
      line-height: 1.3;
      color: rgba(245, 248, 250, 0.96);
      font-weight: 700;
    }

    .mods-module-content {
      min-width: 0;
      max-width: 100%;
      padding-right: clamp(94px, 11vw);
    }

    .mods-module-desc {
      margin-top: 6px;
      font-size: 0.94rem;
      line-height: 1.46;
      color: rgba(215, 215, 215, 0.82);
      max-width: none;
    }

    .mods-module-structure-link {
      margin-top: 8px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(25, 234, 255, 0.96);
      text-decoration: none;
      font-size: 0.92rem;
      font-weight: 700;
      line-height: 1.35;
      border-bottom: 1px dashed rgba(25, 234, 255, 0.44);
      padding-bottom: 1px;
      transition: color 170ms ease, border-color 170ms ease, transform 170ms ease;
      cursor: var(--rt-cursor-pointer);
    }

    .mods-module-structure-link::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: rgba(25, 234, 255, 0.9);
      box-shadow: 0 0 10px rgba(25, 234, 255, 0.4);
      flex-shrink: 0;
    }

    .mods-module-structure-link:hover {
      color: rgba(240, 224, 33, 0.98);
      border-color: rgba(240, 224, 33, 0.56);
      transform: translateX(2px);
    }

    .mods-module-image-slot {
      margin-top: 14px;
      width: 100%;
    }

    .mods-module-image-frame {
      width: 100%;
      aspect-ratio: 1920 / 830;
      border-radius: 14px;
      border: 1px dashed rgba(25, 234, 255, 0.5);
      background:
        linear-gradient(150deg, rgba(25, 234, 255, 0.11), rgba(15, 26, 46, 0.82)),
        radial-gradient(circle at 20% 20%, rgba(25, 234, 255, 0.18), rgba(25, 234, 255, 0));
      display: grid;
      place-items: center;
      overflow: hidden;
    }

    .mods-module-image-frame img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: inherit;
    }

    .mods-module-image-frame.is-placeholder::before {
      content: 'Espaco para imagem 1920 x 830';
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(194, 241, 255, 0.9);
      text-align: center;
      padding: 0 12px;
    }

    .mods-module-highlight {
      margin-top: 6px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      max-width: 100%;
      padding: 6px 12px;
      border-radius: 999px;
      border: 1px solid rgba(240, 224, 33, 0.42);
      background: linear-gradient(90deg, rgba(240, 224, 33, 0.22), rgba(240, 224, 33, 0.12));
      color: rgba(255, 246, 173, 0.98);
      text-shadow: 0 0 10px rgba(240, 224, 33, 0.22);
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 1.34;
      text-wrap: balance;
    }

    .mods-module-highlight::before {
      content: "//";
      color: var(--rt-accent-cyan);
      text-shadow: var(--rt-glow-cyan);
      font-weight: 900;
      flex-shrink: 0;
    }

    .mods-module-lessons {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.66rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.78);
      white-space: nowrap;
      padding-top: 0;
      position: absolute;
      top: 12px;
      right: 14px;
      z-index: 2;
    }

    .mods-module-badge {
      display: inline-flex;
      margin-top: 7px;
      border-radius: 999px;
      padding: 5px 10px;
      border: 1px solid rgba(240, 224, 33, 0.38);
      background: rgba(240, 224, 33, 0.13);
      color: rgba(240, 224, 33, 0.94);
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .mods-module-journey {
      margin-top: 12px;
    }

    .mods-module-journey.diff-viz {
      clip-path: none;
      border-radius: 12px;
      padding: 12px 12px 10px;
      background: rgba(6, 8, 12, 0.66);
      border-color: rgba(25, 234, 255, 0.22);
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
    }

    .mods-module-journey .diff-viz-head {
      margin-bottom: 10px;
    }

    .mods-module-journey .diff-viz-kicker {
      font-size: 0.66rem;
      letter-spacing: 0.18em;
    }

    .mods-module-journey .diff-viz-title {
      font-size: 0.96rem;
      line-height: 1.28;
    }

    .mods-module-journey .diff-scene-chip {
      font-size: 0.62rem;
      letter-spacing: 0.15em;
      padding: 5px 9px;
    }

    .mods-module-journey .diff-flow {
      padding: 10px 9px 8px;
      border-color: rgba(255, 255, 255, 0.14);
    }

    .mods-module-journey .diff-node-label {
      font-size: 0.7rem;
      letter-spacing: 0.05em;
    }

    .mods-module-journey .diff-node-time {
      font-size: 0.66rem;
    }

    .mods-module-content.has-ac-side {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
      gap: 4px 16px;
      grid-auto-flow: row dense;
      align-items: start;
      padding-right: 0;
    }

    .mods-module--ac .mods-module-lessons {
      top: 10px;
      right: 12px;
      z-index: 3;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
    }

    .mods-module-content.has-ac-side > :not(.mods-acsim) {
      grid-column: 1;
    }

    .mods-module-content.has-ac-side > .mods-ac-example {
      grid-column: 1 / -1;
      margin-top: 4px;
    }

    .mods-acsim {
      grid-column: 2;
      grid-row: 1 / span 12;
      margin-top: 0;
      max-height: 540px;
      border-radius: 12px;
      border: 1px solid rgba(25, 234, 255, 0.22);
      background: linear-gradient(180deg, rgba(8, 12, 18, 0.84), rgba(6, 8, 12, 0.78));
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
      overflow: hidden;
    }

    .mods-module--ac .mods-acsim {
      grid-row: 2 / span 12;
      margin-top: 4px;
    }

    .mods-acsim-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.02);
    }

    .mods-acsim-title {
      margin: 0;
      font-size: 0.92rem;
      font-weight: 700;
      color: rgba(245, 248, 250, 0.92);
    }

    .mods-acsim-filter {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 5px 9px;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(218, 244, 255, 0.84);
      background: rgba(255, 255, 255, 0.02);
      white-space: nowrap;
    }

    .mods-acsim-feed {
      position: relative;
      display: grid;
      gap: 8px;
      padding: 10px 8px 12px 34px;
      overflow-y: auto;
    }

    .mods-acsim-feed::before {
      content: "";
      position: absolute;
      left: 17px;
      top: 10px;
      bottom: 12px;
      width: 2px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06));
    }

    .mods-acsim-item {
      position: relative;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      background: rgba(245, 247, 250, 0.96);
      color: #202938;
      padding: 8px 10px;
      opacity: 0.72;
      transform: translateX(0);
      transition: opacity 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }

    .mods-acsim-item::before {
      content: "";
      position: absolute;
      left: -23px;
      top: 12px;
      width: 12px;
      height: 12px;
      border-radius: 999px;
      border: 2px solid rgba(255, 159, 10, 0.92);
      background: rgba(255, 255, 255, 0.95);
      box-shadow: 0 0 0 3px rgba(255, 159, 10, 0.14);
      transition: transform 220ms ease, box-shadow 220ms ease;
    }

    .mods-acsim-item.is-active {
      opacity: 1;
      border-color: rgba(255, 159, 10, 0.5);
      box-shadow: 0 0 0 1px rgba(255, 159, 10, 0.18), 0 0 22px rgba(255, 159, 10, 0.15);
      transform: translateX(2px);
    }

    .mods-acsim-item.is-active::before {
      transform: scale(1.08);
      box-shadow: 0 0 0 5px rgba(255, 159, 10, 0.22), 0 0 14px rgba(255, 159, 10, 0.3);
    }

    .mods-acsim-item-title {
      margin: 0 0 6px;
      font-size: 0.86rem;
      line-height: 1.24;
      font-weight: 700;
      color: #1f2a3d;
    }

    .mods-acsim-item-line {
      margin: 0 0 3px;
      font-size: 0.76rem;
      line-height: 1.3;
      color: #2d3a52;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .mods-acsim-item-time {
      margin: 6px 0 0;
      font-size: 0.74rem;
      color: #6f7f9a;
      font-weight: 500;
    }

    .mods-module-points {
      margin: 20px 0 0;
      padding-left: 0;
      list-style: none;
      display: grid;
      gap: 8px;
      counter-reset: modsPoint;
    }

    .mods-module-points li {
      position: relative;
      padding: 11px 12px 11px 13px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.09);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
      color: rgba(225, 231, 238, 0.9);
      font-size: 0.9rem;
      line-height: 1.42;
    }

    .mods-module-points li::before {
      counter-increment: modsPoint;
      content: counter(modsPoint, decimal-leading-zero);
      position: absolute;
      left: 11px;
      top: 10px;
      min-width: 24px;
      height: 24px;
      padding: 0 4px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.58rem;
      letter-spacing: 0.06em;
      color: rgba(245, 250, 255, 0.94);
      border: 1px solid rgba(25, 234, 255, 0.36);
      background: rgba(25, 234, 255, 0.18);
      box-shadow: 0 0 10px rgba(25, 234, 255, 0.18);
    }

    .mods-module-point-k {
      display: flex;
      align-items: center;
      min-height: 24px;
      margin: 0 0 0 40px;
      font-weight: 700;
      font-size: 1rem;
      color: rgba(247, 250, 255, 0.96);
      line-height: 1.36;
    }

    .mods-module-point-v {
      display: block;
      margin: 6px 0 0 36px;
      padding-left: 10px;
      border-left: 1px solid rgba(25, 234, 255, 0.24);
      font-size: 0.98rem;
      color: rgba(211, 218, 226, 0.9);
      line-height: 1.38;
    }

    .mods-ac-example {
      margin-top: 12px;
      display: grid;
      grid-template-columns: minmax(500px, 280px) minmax(0, 1fr);
      gap: 50px;
      align-items: center;
      border: 1px solid rgba(25, 234, 255, 0.2);
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(8, 12, 18, 0.82), rgba(6, 8, 12, 0.75));
      padding: 14px;
    }

    .mods-ac-example-media {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(255, 255, 255, 0.02);
      aspect-ratio: 738 / 1067;
    }

    .mods-ac-example-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .mods-ac-example-media.is-missing::before {
      content: "738x1067";
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      color: rgba(215, 245, 255, 0.78);
      background:
        repeating-linear-gradient(45deg, rgba(25, 234, 255, 0.05) 0 10px, rgba(255, 255, 255, 0.01) 10px 20px);
    }

    .mods-ac-example-copy {
      min-width: 0;
      display: grid;
      gap: 8px;
    }

    .mods-ac-example-kicker {
      margin: 0;
      font-family: "JetBrains Mono", monospace;
      font-size: 1rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(25, 234, 255, 0.84);
    }

    .mods-ac-example-title {
      margin: 0;
      font-size: clamp(2rem, 1.7vw, 1.24rem);
      line-height: 1.28;
      color: rgba(248, 251, 255, 0.96);
      font-weight: 800;
      text-wrap: balance;
    }

    .mods-ac-example-note {
      margin: 0;
      font-size: 0.9rem;
      line-height: 1.42;
      color: rgba(211, 218, 226, 0.92);
    }

    .mods-module-disclaimer {
      margin-top: 10px;
      border-left: 2px solid rgba(240, 224, 33, 0.45);
      padding: 8px 0 8px 10px;
      color: rgba(232, 236, 240, 0.82);
      font-size: 0.84rem;
      line-height: 1.4;
      background: rgba(240, 224, 33, 0.05);
      border-radius: 0 8px 8px 0;
    }

    .mods-module-content.has-sidebox {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(400px, 15%);
      gap: 1px 10px;
    }

    .mods-module-content.has-sidebox > :not(.mods-module-sidebox):not(.mods-module-params-wrap) {
      grid-column: 1;
    }

    .mods-module-sidebox {
      grid-column: 2;
      grid-row: 3 / span 12;
      border-radius: 12px;
      border: 1px solid rgba(25, 234, 255, 0.24);
      background:
        linear-gradient(180deg, rgba(8, 12, 18, 0.84), rgba(6, 8, 12, 0.78));
      box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.3),
        inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      overflow: hidden;
      min-height: 380px;
    }

    .mods-module-sidebox--wa {
      padding: 12px 12px 10px;
      display: grid;
      justify-items: center;
      gap: 14px;
      min-height: 380px;
      align-content: center;
    }

    .mods-wa-float-track {
      width: 100%;
      max-width: 360px;
      height: 270px;
      position: relative;
      display: block;
    }

    .mods-wa-float-btn {
      position: absolute;
      left: 50%;
      top: 78%;
      margin-left: -51px;
      margin-top: -51px;
      width: 102px;
      height: 102px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: linear-gradient(145deg, #2fe97d, #1fa854);
      border: 1px solid rgba(255, 255, 255, 0.22);
      box-shadow:
        0 0 0 0 rgba(46, 233, 125, 0.44),
        0 0 26px rgba(46, 233, 125, 0.32);
      animation: modsWaFloat 3.2s ease-in-out infinite, modsWaPulse 1.8s ease-out infinite;
      z-index: 3;
    }

    .mods-wa-float-btn svg {
      width: 46px;
      height: 46px;
      display: block;
      filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.18));
    }

    .mods-wa-float-orb {
      position: absolute;
      border-radius: 999px;
      background: rgba(25, 234, 255, 0.74);
      box-shadow: 0 0 12px rgba(25, 234, 255, 0.35);
      z-index: 2;
    }

    .mods-wa-float-orb--a {
      width: 8px;
      height: 8px;
      top: 140px;
      left: 22%;
      animation: modsWaOrbA 4.2s ease-in-out infinite;
    }

    .mods-wa-float-orb--b {
      width: 6px;
      height: 6px;
      bottom: 56px;
      right: 18%;
      animation: modsWaOrbB 3.7s ease-in-out infinite;
    }

    .mods-wa-float-orb--c {
      width: 5px;
      height: 5px;
      top: 152px;
      right: 24%;
      animation: modsWaOrbC 4.8s ease-in-out infinite;
    }

    .mods-wa-log-cloud {
      position: absolute;
      inset: 6px 12px 126px 12px;
      pointer-events: none;
      overflow: visible;
      z-index: 4;
    }

    .mods-wa-log {
      position: absolute;
      left: var(--wa-log-x, 50%);
      top: var(--wa-log-y, 50%);
      transform: translate(-50%, 14px) scale(0.94);
      max-width: min(182px, calc(100% - 20px));
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid rgba(25, 234, 255, 0.34);
      background: rgba(4, 14, 24, 0.86);
      color: rgba(218, 246, 255, 0.94);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.64rem;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      box-shadow: 0 0 16px rgba(25, 234, 255, 0.14);
      opacity: 0;
      animation: modsWaLogFloat var(--wa-log-duration, 16.8s) linear infinite;
      animation-delay: var(--wa-log-delay, 0s);
    }

    .mods-wa-float-label {
      margin: 0;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.62rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.78);
      text-align: center;
      line-height: 1.35;
    }

    @keyframes modsWaLogFloat {
      0%, 18% {
        opacity: 0;
        transform: translate(-50%, 14px) scale(2);
      }
      22%, 30% {
        opacity: 0.95;
        transform: translate(calc(-50% + var(--wa-log-drift, 0px)), 0px) scale(1);
      }
      35%, 100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--wa-log-drift, 0px)), -18px) scale(0.98);
      }
    }

    @keyframes modsWaFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-9px); }
    }

    @keyframes modsWaPulse {
      0% { box-shadow: 0 0 0 0 rgba(46, 233, 125, 0.44), 0 0 22px rgba(46, 233, 125, 0.28); }
      80% { box-shadow: 0 0 0 14px rgba(46, 233, 125, 0), 0 0 28px rgba(46, 233, 125, 0.22); }
      100% { box-shadow: 0 0 0 0 rgba(46, 233, 125, 0), 0 0 22px rgba(46, 233, 125, 0.2); }
    }

    @keyframes modsWaOrbA {
      0%, 100% { transform: translate(0, 0); opacity: 0.86; }
      50% { transform: translate(8px, -6px); opacity: 1; }
    }

    @keyframes modsWaOrbB {
      0%, 100% { transform: translate(0, 0); opacity: 0.7; }
      50% { transform: translate(-7px, 6px); opacity: 1; }
    }

    @keyframes modsWaOrbC {
      0%, 100% { transform: translate(0, 0); opacity: 0.62; }
      50% { transform: translate(6px, 4px); opacity: 0.92; }
    }

    .mods-module-params-wrap {
      grid-column: 1 / -1;
      margin-top: 8px;
      border-radius: 12px;
      border: 1px solid rgba(25, 234, 255, 0.24);
      background: linear-gradient(180deg, rgba(8, 12, 18, 0.84), rgba(6, 8, 12, 0.78));
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
      overflow: hidden;
    }

    .mods-module-params-title {
      margin: 0;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.72rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(222, 248, 255, 0.92);
      background: rgba(25, 234, 255, 0.09);
    }

    .mods-module-params-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: auto;
    }

    .mods-module-params-table th,
    .mods-module-params-table td {
      text-align: left;
      vertical-align: top;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .mods-module-params-table thead th {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.66rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(218, 244, 255, 0.88);
      background: rgba(255, 255, 255, 0.03);
    }

    .mods-module-params-table thead th:first-child {
      width: 32%;
    }

    .mods-module-params-table tbody tr:nth-child(odd) td {
      background: rgba(255, 255, 255, 0.014);
    }

    .mods-module-params-table tbody tr:last-child td {
      border-bottom: 0;
    }

    .mods-module-params-table td:first-child {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.75rem;
      letter-spacing: 0.04em;
      line-height: 1.42;
      color: rgba(247, 235, 96, 0.98);
      text-shadow: 0 0 10px rgba(240, 224, 33, 0.18);
    }

    .mods-module-params-table td:last-child {
      font-size: 0.92rem;
      line-height: 1.48;
      color: rgba(228, 233, 238, 0.96);
      overflow-wrap: anywhere;
    }

    .mods-module-params-disclaimer {
      margin: 0;
      padding: 10px 12px 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(240, 224, 33, 0.05);
      color: rgba(239, 242, 246, 0.92);
      font-size: 0.84rem;
      line-height: 1.44;
    }

    .mods-phase--yellow.is-featured .mods-phase-label,
    .mods-phase--yellow.is-featured .mods-module-id {
      color: var(--rt-accent-yellow);
      text-shadow: 0 0 10px rgba(240, 224, 33, 0.18);
    }

    .mods-phase--wa-overlay.is-featured {
      border-color: rgba(37, 211, 102, 0.42);
      box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.34),
        0 0 22px rgba(37, 211, 102, 0.15);
    }

    .mods-phase--wa-overlay.is-featured .mods-phase-label {
      color: #25d366;
      text-shadow: 0 0 10px rgba(37, 211, 102, 0.22);
    }

    .mods-phase--wa-overlay .mods-phase-badge {
      border-color: rgba(37, 211, 102, 0.56);
      background: linear-gradient(90deg, rgba(37, 211, 102, 0.24), rgba(37, 211, 102, 0.12));
      color: rgba(206, 255, 228, 0.98);
      text-shadow: 0 0 12px rgba(37, 211, 102, 0.24);
    }

    @media (max-width: 980px) {
      .mods-bg-carousel {
        inset: 10px 0 auto;
        height: clamp(180px, 44vw, 290px);
        opacity: 0.24;
      }

      .mods-bg-item {
        width: clamp(92px, 18vw, 132px);
      }

      .mods-head {
        text-align: left;
        margin-bottom: 20px;
      }

      .mods-bonus-head {
        margin-top: 28px;
      }

      .mods-aulas-marquee-track {
        animation-duration: 78s;
      }

      .mods-aulas-marquee-item {
        width: clamp(220px, 38vw, 340px);
      }

      .mods-method {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
      }

      .mods-bonus-card {
        grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
        gap: 12px;
      }

      .trusted-head {
        text-align: left;
        padding: 24px 2px 20px;
      }

      .trusted-seo-copy,
      .trusted-faq {
        padding-left: 2px;
        padding-right: 2px;
      }

      .trusted-wall {
        justify-content: flex-start;
      }

      .trusted-item {
        width: clamp(230px, 48vw, 380px);
      }

      .mods-bonus-thumb {
        max-width: 100%;
      }

      .mods-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
      }

      .mods-stat {
        min-width: 0;
      }

      .mods-phase-toggle {
        padding-right: 12px;
        align-items: flex-start;
      }

      .mods-module {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 12px 14px;
        gap: 10px;
      }

      .mods-module-content {
        padding-right: 0;
      }

      .mods-module-lessons {
        position: static;
        grid-column: 2;
        justify-self: flex-end;
      }

      .mods-module-content.has-sidebox {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .mods-module-content.has-ac-side {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .mods-acsim {
        grid-column: 1;
        grid-row: auto;
      }

      .mods-module--ac .mods-acsim {
        margin-top: 0;
      }

      .mods-ac-example {
        grid-template-columns: minmax(170px, 230px) minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
      }

      .mods-ac-example-title {
        font-size: clamp(0.98rem, 2.4vw, 1.16rem);
      }

      .mods-ac-example-note {
        font-size: 0.86rem;
      }

      .mods-wa-grid {
        grid-template-columns: 1fr;
      }

      .mods-wa-contingency {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
      }

      .mods-wa-contingency-media {
        width: clamp(200px, 72vw, 320px);
        max-width: 100%;
        margin-inline: auto;
        aspect-ratio: 9 / 16;
        min-height: 0;
      }

      .mods-wa-contingency-copy {
        padding: 2px 2px 4px;
      }

      .mods-module-sidebox {
        grid-column: 1;
        grid-row: auto;
        min-height: 220px;
      }

      .mods-module-lessons {
        grid-column: 2;
        padding-top: 0;
      }
    }

    @media (max-width: 640px) {
      .mods-bg-carousel {
        height: 170px;
        opacity: 0.2;
      }

      .mods-kicker {
        font-size: 0.72rem;
      }

      .mods-title {
        font-size: 1.62rem;
      }

      .mods-lede {
        font-size: 0.98rem;
      }

      .mods-bonus-kicker {
        font-size: 0.68rem;
      }

      .mods-aulas-marquee {
        margin-top: 20px;
      }

      .mods-aulas-marquee-track {
        animation-duration: 84s;
        gap: 8px;
        padding: 10px 0;
      }

      .mods-aulas-marquee-group {
        gap: 8px;
        padding-right: 8px;
      }

      .mods-aulas-marquee-item {
        width: clamp(190px, 72vw, 300px);
      }

      .mods-wa-contingency-media {
        width: clamp(190px, 78vw, 280px);
      }

      .mods-method {
        margin-top: 20px;
        padding: 12px;
      }

      .mods-method-tags {
        gap: 8px;
      }

      .mods-method-link {
        font-size: 0.88rem;
      }

      .mods-method-cta {
        width: 100%;
        justify-content: space-between;
        min-height: 50px;
        padding: 10px 14px;
        text-align: left;
        gap: 12px;
        font-size: clamp(0.74rem, 2.9vw, 0.86rem);
        letter-spacing: 0.03em;
        border-radius: 12px;
      }

      .mods-bonus-title {
        font-size: clamp(1.66rem, 7.2vw, 2.08rem);
      }

      .mods-bonus-sub {
        font-size: 0.96rem;
      }

      .trusted-kicker {
        font-size: 0.68rem;
      }

      .trusted-title {
        font-size: clamp(1.5rem, 7vw, 1.94rem);
      }

      .trusted-seo-copy p,
      .trusted-faq p {
        font-size: 0.92rem;
      }

      .trusted-item {
        width: 100%;
      }

      .mods-bonus-card {
        grid-template-columns: 1fr;
      }

      .mods-bonus-thumb {
        max-width: 100%;
      }

      .mods-bonus-card-title {
        font-size: 1.12rem;
      }

      .mods-bonus-card-list {
        font-size: 0.92rem;
      }

      .mods-bonus-card-list--columns {
        columns: 1;
      }

      .mods-bonus-cta {
        width: 100%;
        min-height: 50px;
        justify-content: space-between;
        padding: 10px 14px;
        gap: 12px;
        font-size: clamp(0.72rem, 2.9vw, 0.84rem);
        letter-spacing: 0.03em;
      }

      .mods-stats {
        gap: 6px;
        padding: 6px;
      }

      .mods-stat {
        padding: 7px 8px;
      }

      .mods-stat strong {
        font-size: 1.3rem;
      }

      .mods-phase-chip {
        min-height: 42px;
        padding: 0 12px;
      }

      .mods-phase-count {
        display: none;
      }

      .mods-phase-meta {
        min-width: 0;
        gap: 6px;
      }

      .mods-phase-label {
        white-space: normal;
        overflow-wrap: anywhere;
      }

      .mods-phase-right {
        align-items: flex-start;
        padding-top: 2px;
      }

      .mods-phase-name {
        font-size: 1.05rem;
        line-height: 1.34;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere;
        word-break: break-word;
        max-width: 100%;
      }

      .mods-phase-badge {
        font-size: 0.66rem;
        letter-spacing: 0.06em;
        padding: 5px 9px;
      }

      .mods-structure-select-row {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .mods-structure-label {
        font-size: 1.04rem;
        line-height: 1.18;
      }

      .mods-structure-rail {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-inline: 0;
        padding: 2px 0 4px;
        overflow: visible;
      }

      .mods-structure-chip {
        width: 100%;
        min-height: 44px;
        padding: 9px 12px;
        font-size: 0.82rem;
        line-height: 1.16;
        text-align: left;
        white-space: normal;
        align-items: center;
        max-width: none;
      }

      .mods-structure-chip > span:last-child {
        display: block;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .mods-structure-chip-dot {
        margin-top: 0;
      }

      .mods-phase--wa-overlay .mods-phase-toggle::after {
        width: 272px;
        height: 180px;
        right: -12px;
        top: -42px;
        opacity: 0.15;
        transform: translateX(-8px) rotate(12deg);
      }

      .mods-phase--gtm-overlay .mods-phase-toggle::after {
        width: 240px;
        height: 162px;
        right: -10px;
        top: -26px;
        opacity: 0.14;
      }

      .mods-phase--script-overlay .mods-phase-toggle::after {
        width: 234px;
        height: 154px;
        right: -10px;
        top: -16px;
        opacity: 0.13;
      }

      .mods-phase--icon-overlay .mods-phase-toggle::after {
        width: 252px;
        height: 164px;
        right: -10px;
        top: var(--mods-phase-overlay-top-mobile, -24px);
        opacity: 0.14;
      }

      .mods-module {
        grid-template-columns: 1fr;
        padding: 12px 12px;
        gap: 8px;
      }

      .mods-module-id {
        width: max-content;
        text-align: left;
        margin-top: 0;
        padding: 2px 8px;
        border-radius: 999px;
        border: 1px solid rgba(25, 234, 255, 0.26);
        background: rgba(25, 234, 255, 0.08);
        font-size: 0.68rem;
        letter-spacing: 0.1em;
      }

      .mods-module-title {
        font-size: 0.98rem;
        line-height: 1.34;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .mods-module-desc {
        font-size: 0.88rem;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .mods-module-highlight {
        font-size: 0.76rem;
        letter-spacing: 0.01em;
        line-height: 1.32;
        padding: 6px 10px;
      }

      .mods-module-params-title {
        font-size: 0.64rem;
      }

      .mods-module-params-table th,
      .mods-module-params-table td {
        padding: 9px 10px;
      }

      .mods-module-params-table td:first-child {
        font-size: 0.66rem;
      }

      .mods-module-params-table td:last-child {
        font-size: 0.82rem;
        line-height: 1.42;
      }

      .mods-module-journey .diff-viz-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
      }

      .mods-module-journey .diff-scene-chip {
        align-self: flex-start;
      }

      .mods-acsim-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
      }

      .mods-acsim-filter {
        font-size: 0.58rem;
        padding: 4px 8px;
      }

      .mods-acsim-feed {
        padding: 9px 8px 10px 28px;
      }

      .mods-acsim-item {
        padding: 8px 9px;
      }

      .mods-acsim-item::before {
        left: -20px;
      }

      .mods-acsim-item-title {
        font-size: 0.86rem;
      }

      .mods-acsim-item-line {
        font-size: 0.78rem;
      }

      .mods-ac-example {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .mods-ac-example-media {
        width: 100%;
        justify-self: center;
      }

      .mods-ac-example-copy {
        gap: 7px;
      }

      .mods-ac-example-title {
        font-size: 0.98rem;
      }

      .mods-ac-example-note {
        font-size: 0.82rem;
        line-height: 1.4;
      }

      .mods-wa-float-track {
        width: 100%;
        height: 220px;
        max-width: 320px;
      }

      .mods-wa-float-btn {
        width: 86px;
        height: 86px;
        top: 76%;
        margin-left: -43px;
        margin-top: -43px;
      }

      .mods-wa-float-btn svg {
        width: 40px;
        height: 40px;
      }

      .mods-wa-log-cloud {
        inset: 4px 8px 106px 8px;
      }

      .mods-wa-log {
        max-width: calc(100% - 12px);
        padding: 6px 10px;
        font-size: 0.56rem;
      }

      .mods-module-points li {
        font-size: 0.84rem;
        padding: 8px 9px 8px 10px;
      }

      .mods-module-points li::before {
        left: 8px;
        top: 8px;
        min-width: 22px;
        height: 22px;
        font-size: 0.54rem;
      }

      .mods-module-point-k {
        margin-left: 32px;
        min-height: 22px;
        font-size: 0.9rem;
      }

      .mods-module-point-v {
        margin-left: 32px;
        margin-top: 5px;
        padding-left: 8px;
        font-size: 0.84rem;
      }

      .mods-module-disclaimer {
        font-size: 0.8rem;
      }

      .mods-module-lessons {
        grid-column: 1;
        justify-self: flex-start;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .mods-bg-track {
        animation: none;
      }

      .mods-phase-chip,
      .mods-phase-chevron {
        transition: none;
      }

      .mods-wa-float-btn,
      .mods-wa-float-orb,
      .mods-wa-log {
        animation: none;
      }

      .mods-wa-log {
        display: none;
      }
    }

    /* ================================
       Section: Oferta
       - Anchor target for existing CTAs (href="#oferta")
       - Dark + grid only (no heavy gradients), premium bento layout
    ================================== */

    .rt-section-offer {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(78% 64% at 50% 18%, rgba(25, 234, 255, 0.08), transparent 72%),
        radial-gradient(72% 66% at 50% 92%, rgba(240, 224, 33, 0.08), transparent 74%),
        #040507;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rt-section-offer::before,
    .rt-section-offer::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .rt-section-offer::before {
      z-index: 1;
      opacity: 0.3;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
      background-size: 62px 62px;
    }

    .rt-section-offer::after {
      z-index: 3;
      background:
        linear-gradient(90deg, rgba(4, 5, 7, 0.94) 0%, rgba(4, 5, 7, 0.5) 16%, rgba(4, 5, 7, 0.46) 84%, rgba(4, 5, 7, 0.94) 100%),
        radial-gradient(56% 56% at 50% 50%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.62));
    }

    .rt-section-offer .rt-wrap {
      position: relative;
      z-index: 4;
    }

    .offer-matrix {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      overflow: hidden;
      opacity: 0.46;
    }

    .offer-matrix-canvas {
      width: 100%;
      height: 100%;
      display: block;
    }

    .offer-head {
      max-width: 84ch;
      margin: 0 auto 30px;
      text-align: center;
      position: relative;
      z-index: 1;
    }

    .offer-head::after {
      content: "";
      position: absolute;
      inset: -12px -18px;
      z-index: -1;
      pointer-events: none;
      border-radius: 18px;
      background: radial-gradient(78% 68% at 50% 50%, rgba(4, 6, 10, 0.62), rgba(4, 6, 10, 0));
      filter: blur(10px);
    }

    .offer-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.76rem;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.86);
    }

    .offer-title {
      margin-top: 10px;
      font-size: clamp(1.85rem, 3.6vw, 2.65rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      text-shadow: 0 3px 18px rgba(0, 0, 0, 0.68);
    }

    .offer-title strong {
      color: var(--rt-accent-yellow);
      text-shadow: var(--rt-glow-yellow);
      font-weight: 800;
    }

    .offer-lede {
      margin-top: 10px;
      color: rgba(220, 226, 231, 0.9);
      font-size: 1.06rem;
      text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6);
    }

    .offer-stage {
      max-width: 640px;
      margin: 0 auto;
      position: relative;
    }

    .offer-card {
      width: 100%;
      max-width: 640px;
      margin: 0 auto;
      padding: 24px 26px 22px;
      border-radius: 18px;
      border: 2px solid rgba(240, 224, 33, 0.9);
      background: rgba(5, 7, 11, 0.88);
      box-shadow:
        0 0 0 1px rgba(240, 224, 33, 0.22) inset,
        0 24px 56px rgba(0, 0, 0, 0.56),
        0 0 44px rgba(240, 224, 33, 0.18);
      position: relative;
      overflow: hidden;
      isolation: isolate;
      text-align: center;
    }

    .offer-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      background:
        radial-gradient(480px 320px at 72% 34%, rgba(25, 234, 255, 0.11), transparent 66%),
        radial-gradient(420px 300px at 26% 78%, rgba(240, 224, 33, 0.09), transparent 62%),
        linear-gradient(140deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    }

    .offer-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      background:
        linear-gradient(180deg, rgba(4, 6, 10, 0.58) 0%, rgba(4, 6, 10, 0.4) 32%, rgba(4, 6, 10, 0.62) 100%),
        radial-gradient(64% 58% at 50% 46%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48));
    }

    .offer-card > * {
      position: relative;
      z-index: 1;
    }

    .offer-card-k {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.74rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(25, 234, 255, 0.94);
      margin-bottom: 10px;
    }

    .offer-fine {
      margin-top: 10px;
      color: rgba(236, 241, 246, 0.9);
      font-size: 1.02rem;
      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6);
    }

    .offer-fine strong {
      color: var(--rt-accent-yellow);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .offer-price {
      margin-top: 8px;
      display: flex;
      align-items: baseline;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .offer-price .value {
      font-family: "JetBrains Mono", monospace;
      font-size: clamp(2.45rem, 6vw, 4.15rem);
      line-height: 0.94;
      letter-spacing: -0.04em;
      font-weight: 800;
      text-transform: uppercase;
      color: var(--rt-accent-yellow);
      text-shadow: 0 0 26px rgba(240, 224, 33, 0.28);
    }

    .offer-badges {
      margin-top: 14px;
      display: grid;
      gap: 8px;
    }

    .offer-badge {
      border-radius: 12px;
      border: 1px solid rgba(56, 255, 93, 0.44);
      background: rgba(16, 42, 21, 0.36);
      padding: 11px 12px;
      color: rgba(96, 255, 123, 0.96);
      font-style: italic;
      font-size: 0.98rem;
    }

    .offer-cta {
      margin-top: 14px;
      width: 100%;
      min-height: 56px;
      border-radius: 9px;
      position: relative;
      overflow: hidden;
      isolation: isolate;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-decoration: none;
      font-weight: 900;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #0a0a0a;
      background: linear-gradient(120deg, #f0e021, #f8eb3c 55%, #fff06a);
      border: 1px solid rgba(240, 224, 33, 0.98);
      box-shadow: 0 0 30px rgba(240, 224, 33, 0.28);
      transition: transform 170ms ease, box-shadow 170ms ease;
    }

    .offer-cta::before {
      content: "";
      position: absolute;
      top: -42%;
      left: -56%;
      width: 46%;
      height: 188%;
      background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.12) 34%,
        rgba(255, 255, 255, 0.62) 50%,
        rgba(255, 255, 255, 0.14) 66%,
        rgba(255, 255, 255, 0) 100%
      );
      transform: translateX(-220%) skewX(-18deg);
      animation: offerCtaShine 2.8s cubic-bezier(.23,1,.32,1) infinite;
      pointer-events: none;
      z-index: 0;
    }

    .offer-cta > span {
      position: relative;
      z-index: 1;
    }

    .offer-cta-label {
      line-height: 1.1;
    }

    .offer-cta-arrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.42rem;
      line-height: 1;
      color: rgba(10, 10, 10, 0.92);
      transform: translateX(0) translateY(1px);
      transition: transform 180ms ease, color 180ms ease;
    }

    .offer-cta:hover {
      transform: translateY(-1px);
      box-shadow: 0 0 34px rgba(240, 224, 33, 0.38);
    }

    .offer-cta:hover .offer-cta-arrow {
      transform: translateX(4px) translateY(1px);
      color: rgba(10, 10, 10, 1);
    }

    @keyframes offerCtaShine {
      0% {
        transform: translateX(-220%) skewX(-18deg);
      }
      56% {
        transform: translateX(390%) skewX(-18deg);
      }
      100% {
        transform: translateX(390%) skewX(-18deg);
      }
    }

    .offer-card-info {
      margin-top: 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      padding-top: 16px;
      text-align: left;
    }

    .offer-mini-covers {
      position: relative;
      margin: 0 0 14px;
      border-radius: 12px;
      border: 1px solid rgba(25, 234, 255, 0.2);
      background:
        radial-gradient(120% 140% at 20% 0%, rgba(25, 234, 255, 0.08), transparent 58%),
        rgba(4, 8, 12, 0.78);
      padding: 7px;
      overflow: hidden;
      box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(25, 234, 255, 0.06) inset;
    }

    .offer-mini-covers::before,
    .offer-mini-covers::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 34px;
      z-index: 2;
      pointer-events: none;
    }

    .offer-mini-covers::before {
      left: 0;
      background: linear-gradient(90deg, rgba(4, 8, 12, 0.96), rgba(4, 8, 12, 0));
    }

    .offer-mini-covers::after {
      right: 0;
      background: linear-gradient(270deg, rgba(4, 8, 12, 0.96), rgba(4, 8, 12, 0));
    }

    .offer-mini-covers-track {
      display: flex;
      width: max-content;
      will-change: transform;
      animation: offerMiniCovers 30s linear infinite;
    }

    .offer-mini-covers-group {
      display: flex;
      gap: 8px;
      padding-right: 8px;
    }

    .offer-mini-covers-item {
      width: 120px;
      height: 68px;
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.16);
      background: rgba(0, 0, 0, 0.4);
      flex: 0 0 auto;
    }

    .offer-mini-covers-item img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    @keyframes offerMiniCovers {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    .offer-h3 {
      font-size: 1.06rem;
      letter-spacing: -0.01em;
      margin-bottom: 10px;
      color: rgba(248, 250, 252, 0.96);
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.58);
    }

    .offer-checklist {
      list-style: none;
      display: grid;
      gap: 10px;
      margin-top: 10px;
    }

    .offer-checklist li {
      display: grid;
      grid-template-columns: 12px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      color: rgba(231, 237, 242, 0.92);
      font-size: 0.96rem;
      line-height: 1.45;
    }

    .offer-checklist li::before {
      content: "";
      width: 8px;
      height: 8px;
      margin-top: 7px;
      border-radius: 50%;
      background: var(--rt-accent-cyan);
      box-shadow: var(--rt-glow-cyan);
    }

    .offer-log {
      margin-top: 14px;
      border-radius: 12px;
      border: 1px solid rgba(25, 234, 255, 0.26);
      background: rgba(3, 8, 12, 0.66);
      padding: 11px 12px;
      display: grid;
      gap: 8px;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.79rem;
      color: rgba(200, 212, 220, 0.94);
    }

    .offer-log .k {
      color: var(--rt-accent-cyan);
      font-weight: 700;
      margin-right: 6px;
    }

    .offer-scare {
      max-width: 640px;
      margin: 14px auto 0;
      border-radius: 12px;
      border: 1px solid rgba(255, 76, 76, 0.5);
      background:
        radial-gradient(120% 180% at 18% 0%, rgba(255, 72, 72, 0.22), transparent 58%),
        linear-gradient(160deg, rgba(44, 8, 8, 0.94), rgba(24, 8, 8, 0.96));
      padding: 12px 12px 11px;
      color: rgba(255, 233, 233, 0.94);
      box-shadow: 0 0 0 1px rgba(255, 76, 76, 0.14) inset;
      display: grid;
      grid-template-columns: minmax(190px, 228px) minmax(0, 1fr);
      grid-template-areas:
        "media body"
        "joke joke";
      gap: 12px;
      align-items: start;
    }

    .offer-scare-media {
      grid-area: media;
      border-radius: 10px;
      border: 1px solid rgba(255, 136, 136, 0.34);
      overflow: hidden;
      background: rgba(14, 6, 6, 0.92);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
      aspect-ratio: 498 / 281;
    }

    .offer-scare-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .offer-scare-body {
      grid-area: body;
      min-width: 0;
      text-align: left;
    }

    .offer-scare-title {
      font-weight: 800;
      font-size: 0.97rem;
      margin-bottom: 8px;
      color: rgba(255, 186, 186, 0.98);
      text-transform: uppercase;
      letter-spacing: 0.03em;
    }

    .offer-scare-body p + p {
      margin-top: 7px;
    }

    .offer-scare-threat {
      position: relative;
      display: inline-block;
      max-width: 100%;
      font-weight: 700;
      color: rgba(255, 196, 196, 0.98);
    }

    .offer-scare-threat::after {
      content: "";
      position: absolute;
      left: -1px;
      right: -1px;
      top: 50%;
      height: 2px;
      transform: scaleX(0);
      transform-origin: left center;
      background: linear-gradient(90deg, rgba(255, 114, 114, 0.96), rgba(255, 45, 45, 0.96));
      box-shadow: 0 0 8px rgba(255, 70, 70, 0.5);
      transition: transform 700ms cubic-bezier(.23,1,.32,1);
    }

    .offer-scare-threat.is-striked::after {
      transform: scaleX(1);
    }

    .offer-scare-loc {
      position: relative;
      display: inline-block;
      max-width: 100%;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      color: rgba(255, 228, 139, 0.96);
      letter-spacing: 0.01em;
    }

    .offer-scare-loc::after {
      content: "";
      position: absolute;
      left: -1px;
      right: -1px;
      top: 50%;
      height: 2px;
      transform: scaleX(0);
      transform-origin: left center;
      background: linear-gradient(90deg, rgba(255, 166, 89, 0.96), rgba(255, 89, 89, 0.96));
      box-shadow: 0 0 8px rgba(255, 120, 70, 0.55);
      transition: transform 760ms cubic-bezier(.23,1,.32,1);
    }

    .offer-scare-loc.is-striked::after {
      transform: scaleX(1);
    }

    .offer-scare-joke {
      grid-area: joke;
      margin-top: 2px;
      padding-top: 8px;
      border-top: 1px solid rgba(255, 118, 118, 0.34);
      text-align: left;
      color: rgba(255, 238, 238, 0.96);
      font-weight: 600;
    }

    .rt-section-faq {
      background:
        radial-gradient(70% 60% at 50% 0%, rgba(25, 234, 255, 0.08), transparent 72%),
        #040507;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .faq-head {
      max-width: 860px;
      margin: 0 auto 22px;
      text-align: center;
    }

    .faq-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.84);
    }

    .faq-title {
      margin-top: 10px;
      font-size: clamp(1.85rem, 3.6vw, 2.65rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      color: #f5f8fa;
      text-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    }

    .faq-lede {
      margin-top: 10px;
      color: rgba(221, 228, 234, 0.9);
      font-size: clamp(1rem, 1.75vw, 1.18rem);
    }

    .faq-list {
      max-width: 1020px;
      margin: 0 auto;
      display: grid;
      gap: 12px;
    }

    .faq-item {
      border-radius: 14px;
      border: 1px solid rgba(25, 234, 255, 0.2);
      background:
        radial-gradient(120% 160% at 10% 0%, rgba(25, 234, 255, 0.08), transparent 62%),
        rgba(6, 10, 14, 0.78);
      box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(25, 234, 255, 0.06) inset;
      overflow: hidden;
    }

    .faq-item[open] {
      border-color: rgba(245, 235, 64, 0.34);
      box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(245, 235, 64, 0.12) inset;
    }

    .faq-question {
      position: relative;
      cursor: var(--rt-cursor-pointer);
      list-style: none;
      padding: 15px 48px 15px 16px;
      color: #f2f6f9;
      font-weight: 700;
      font-size: clamp(0.96rem, 1.6vw, 1.06rem);
      line-height: 1.4;
    }

    .faq-question::-webkit-details-marker {
      display: none;
    }

    .faq-question::before,
    .faq-question::after {
      content: "";
      position: absolute;
      right: 16px;
      top: 50%;
      width: 12px;
      height: 2px;
      background: rgba(188, 239, 255, 0.95);
      border-radius: 999px;
      transform: translateY(-50%);
      transition: transform 220ms ease, opacity 220ms ease;
    }

    .faq-question::after {
      transform: translateY(-50%) rotate(90deg);
    }

    .faq-item[open] .faq-question::before {
      background: rgba(245, 235, 64, 0.95);
    }

    .faq-item[open] .faq-question::after {
      opacity: 0;
      transform: translateY(-50%) rotate(90deg) scaleX(0.5);
    }

    .faq-answer {
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      padding: 12px 16px 15px;
      color: rgba(218, 227, 233, 0.94);
      line-height: 1.62;
      font-size: 0.98rem;
      display: grid;
      gap: 8px;
    }

    .faq-answer p {
      margin: 0;
    }

    .faq-answer strong {
      color: #f5eb40;
      font-weight: 700;
    }

    .rt-section-compare {
      background:
        radial-gradient(68% 62% at 50% 0%, rgba(25, 234, 255, 0.08), transparent 74%),
        #040507;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .compare-head {
      max-width: 1080px;
      margin: 0 auto 18px;
      text-align: center;
    }

    .compare-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.84);
    }

    .compare-title {
      margin-top: 10px;
      font-size: clamp(1.65rem, 3.2vw, 2.45rem);
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: #f5f8fa;
      text-wrap: balance;
      text-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    }

    .compare-title strong {
      color: #f5eb40;
      text-shadow: var(--rt-glow-yellow);
    }

    .compare-intro {
      margin-top: 12px;
      color: rgba(221, 228, 234, 0.92);
      font-size: clamp(1.02rem, 1.7vw, 1.2rem);
      line-height: 1.58;
      text-wrap: pretty;
    }

    .compare-panel {
      max-width: 1240px;
      margin: 0 auto;
      border-radius: 16px;
      border: 1px solid rgba(25, 234, 255, 0.2);
      background:
        radial-gradient(120% 150% at 0% 0%, rgba(25, 234, 255, 0.08), transparent 58%),
        radial-gradient(120% 140% at 100% 100%, rgba(240, 224, 33, 0.08), transparent 64%),
        rgba(6, 10, 14, 0.82);
      box-shadow:
        0 16px 30px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(25, 234, 255, 0.08) inset;
      padding: 18px;
      display: grid;
      gap: 12px;
    }

    .compare-head-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .compare-col-tag {
      margin: 0;
      min-height: 44px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      background: rgba(8, 11, 16, 0.78);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.82rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-weight: 700;
    }

    .compare-col-tag i {
      font-size: 1rem;
      line-height: 1;
    }

    .compare-col-tag--market {
      color: rgba(255, 203, 203, 0.98);
      border-color: rgba(255, 90, 90, 0.36);
      background: rgba(255, 74, 74, 0.09);
    }

    .compare-col-tag--market i {
      color: rgba(255, 96, 96, 0.96);
      filter: drop-shadow(0 0 8px rgba(255, 74, 74, 0.36));
    }

    .compare-col-tag--r100 {
      color: rgba(200, 255, 219, 0.98);
      border-color: rgba(37, 211, 102, 0.42);
      background: rgba(37, 211, 102, 0.1);
    }

    .compare-col-tag--r100 i {
      color: rgba(88, 255, 144, 0.98);
      filter: drop-shadow(0 0 8px rgba(37, 211, 102, 0.34));
    }

    .compare-rows {
      display: grid;
      gap: 12px;
    }

    .compare-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .compare-cell {
      min-width: 0;
      border-radius: 11px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(6, 10, 14, 0.76);
      padding: 13px 14px;
      display: grid;
      grid-template-columns: 20px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
    }

    .compare-cell i {
      margin-top: 1px;
      font-size: 1rem;
      line-height: 1;
    }

    .compare-cell p {
      margin: 0;
      color: rgba(220, 228, 235, 0.95);
      font-size: clamp(1rem, 1.2vw, 1.08rem);
      line-height: 1.5;
      text-wrap: pretty;
    }

    .compare-cell--market {
      border-color: rgba(255, 90, 90, 0.24);
      background:
        radial-gradient(130% 180% at 0% 0%, rgba(255, 74, 74, 0.08), transparent 64%),
        rgba(9, 10, 14, 0.8);
    }

    .compare-cell--market i {
      color: rgba(255, 96, 96, 0.96);
    }

    .compare-cell--r100 {
      border-color: rgba(37, 211, 102, 0.3);
      background:
        radial-gradient(130% 180% at 0% 0%, rgba(37, 211, 102, 0.1), transparent 64%),
        rgba(8, 12, 14, 0.8);
    }

    .compare-cell--r100 i {
      color: rgba(88, 255, 144, 0.98);
    }

    .compare-highlight {
      border-radius: 12px;
      border: 1px solid rgba(37, 211, 102, 0.62);
      background:
        radial-gradient(120% 150% at 0% 0%, rgba(37, 211, 102, 0.18), transparent 62%),
        rgba(6, 13, 10, 0.84);
      box-shadow:
        0 0 0 1px rgba(37, 211, 102, 0.22) inset,
        0 0 24px rgba(37, 211, 102, 0.14);
      padding: 15px 16px;
    }

    .compare-highlight p {
      margin: 0;
      color: rgba(236, 246, 240, 0.98);
      font-size: clamp(1.08rem, 1.7vw, 1.2rem);
      line-height: 1.45;
      text-align: center;
      font-weight: 700;
    }

    .compare-highlight strong {
      color: rgba(88, 255, 144, 0.98);
      text-shadow: 0 0 16px rgba(37, 211, 102, 0.18);
    }

    @media (max-width: 980px) {
      .compare-head-row {
        display: none;
      }

      .compare-rows {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .compare-row {
        display: contents;
      }

      .compare-row .compare-cell {
        grid-template-columns: 18px minmax(0, 1fr);
        gap: 9px;
        padding: 12px 12px;
      }

      .compare-row .compare-cell p {
        font-size: clamp(0.98rem, 4vw, 1.06rem);
      }

      .compare-row .compare-cell--market {
        order: 1;
      }

      .compare-row .compare-cell--r100 {
        order: 2;
      }

      .compare-row:nth-child(1) .compare-cell--market,
      .compare-row:nth-child(1) .compare-cell--r100 {
        position: relative;
        margin-top: 2px;
        padding-top: 38px;
      }

      .compare-row:nth-child(1) .compare-cell--market::before,
      .compare-row:nth-child(1) .compare-cell--r100::before {
        position: absolute;
        left: 12px;
        top: 10px;
        font-family: "JetBrains Mono", monospace;
        font-size: 0.62rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        font-weight: 700;
      }

      .compare-row:nth-child(1) .compare-cell--market::before {
        content: "Plataformas do Mercado";
        color: rgba(255, 203, 203, 0.98);
      }

      .compare-row:nth-child(1) .compare-cell--r100::before {
        content: "Rastracking100";
        color: rgba(200, 255, 219, 0.98);
      }

      .compare-row:nth-child(1) .compare-cell--r100 {
        margin-top: 6px;
      }
    }

    .rt-section-testimonials {
      background:
        radial-gradient(72% 58% at 50% 0%, rgba(25, 234, 255, 0.08), transparent 72%),
        #040507;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rt-section-testimonials .rt-wrap {
      max-width: min(1480px, calc(100vw - 36px));
    }

    .testi-head {
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
    }

    .testi-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.84);
    }

    .testi-title {
      margin-top: 10px;
      font-size: clamp(1.9rem, 3.8vw, 2.8rem);
      line-height: 1.05;
      letter-spacing: -0.02em;
      color: #f5f8fa;
      text-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    }

    .testi-lede {
      margin-top: 10px;
      font-size: clamp(1.04rem, 1.85vw, 1.28rem);
      color: rgba(221, 228, 234, 0.9);
    }

    .testi-grid {
      margin-top: 24px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }

    .testi-card {
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background:
        radial-gradient(120% 120% at 12% 0%, rgba(25, 234, 255, 0.08), transparent 56%),
        rgba(6, 8, 12, 0.82);
      box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(25, 234, 255, 0.08) inset;
      padding: 10px;
    }

    .testi-video {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      border-radius: 12px;
      overflow: hidden;
      background: #000;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .testi-video iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .testi-images-band {
      grid-column: 1 / -1;
      column-count: 3;
      column-gap: 16px;
    }

    .testi-image-item {
      break-inside: avoid;
      margin-bottom: 16px;
      display: block;
    }

    .testi-image-wrap {
      position: relative;
      width: 100%;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: #06080c;
    }

    .testi-image {
      width: 100%;
      height: auto;
      display: block;
    }

    .rt-section-mentor {
      background:
        radial-gradient(68% 58% at 50% 0%, rgba(245, 235, 64, 0.08), transparent 70%),
        radial-gradient(84% 72% at 16% 0%, rgba(25, 234, 255, 0.08), transparent 72%),
        #040507;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .mentor-head {
      max-width: 860px;
      margin: 0 auto 20px;
      text-align: center;
    }

    .mentor-kicker {
      font-family: "JetBrains Mono", monospace;
      font-size: 0.78rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(215, 245, 255, 0.84);
    }

    .mentor-title {
      margin-top: 10px;
      font-size: clamp(1.9rem, 3.8vw, 2.7rem);
      line-height: 1.06;
      letter-spacing: -0.02em;
      color: #f5f8fa;
      text-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    }

    .mentor-card {
      position: relative;
      overflow: hidden;
      border-radius: 22px;
      padding: 24px;
      border: 1px solid rgba(25, 234, 255, 0.24);
      background:
        radial-gradient(120% 130% at 12% 0%, rgba(25, 234, 255, 0.1), transparent 56%),
        radial-gradient(100% 120% at 86% 0%, rgba(245, 235, 64, 0.1), transparent 62%),
        linear-gradient(140deg, rgba(6, 10, 16, 0.96), rgba(6, 8, 12, 0.96));
      box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(25, 234, 255, 0.08) inset;
    }

    .mentor-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(25, 234, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(25, 234, 255, 0.04) 1px, transparent 1px);
      background-size: 38px 38px;
      opacity: 0.35;
      pointer-events: none;
    }

    .mentor-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
      gap: 28px;
      align-items: center;
    }

    .mentor-photo {
      width: 100%;
      aspect-ratio: 4 / 5;
      border-radius: 16px;
      border: 1px solid rgba(25, 234, 255, 0.38);
      background:
        linear-gradient(135deg, rgba(25, 234, 255, 0.18), rgba(245, 235, 64, 0.14)),
        url("https://dericsoncalari.com.br/wp-content/uploads/2025/11/FOTO-1.png") center/cover no-repeat;
      box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.42),
        0 0 30px rgba(25, 234, 255, 0.2);
    }

    .mentor-content {
      display: grid;
      gap: 12px;
      max-width: 760px;
    }

    .mentor-pill {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      border: 1px solid rgba(245, 235, 64, 0.56);
      background: rgba(245, 235, 64, 0.12);
      color: #f5eb40;
      font-family: "JetBrains Mono", monospace;
      font-size: 0.74rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 700;
    }

    .mentor-name {
      font-size: clamp(1.6rem, 3.1vw, 2.35rem);
      line-height: 1.08;
      color: #f5f8fa;
      margin-top: 2px;
    }

    .mentor-copy {
      color: rgba(223, 230, 236, 0.92);
      font-size: clamp(0.99rem, 1.45vw, 1.08rem);
      line-height: 1.62;
    }

    .mentor-highlight {
      padding: 12px 14px;
      border-radius: 12px;
      border: 1px solid rgba(245, 235, 64, 0.3);
      background:
        radial-gradient(120% 180% at 0% 0%, rgba(245, 235, 64, 0.11), transparent 66%),
        rgba(8, 10, 14, 0.8);
      color: rgba(242, 247, 250, 0.96);
      line-height: 1.58;
    }

    .mentor-highlight strong {
      color: #f5eb40;
      font-weight: 800;
    }

    #dericson-qtd-alunos {
      color: #19eaff;
      font-weight: 800;
      text-shadow: 0 0 12px rgba(25, 234, 255, 0.24);
      white-space: nowrap;
    }

    .mentor-accent {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 2px;
    }

    .mentor-accent span {
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid rgba(25, 234, 255, 0.24);
      background: rgba(8, 12, 18, 0.7);
      color: rgba(187, 240, 255, 0.9);
      font-family: "JetBrains Mono", monospace;
      font-size: 0.73rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .rt-section-footer-final {
      background:
        radial-gradient(68% 72% at 50% 0%, rgba(25, 234, 255, 0.08), transparent 72%),
        #040507;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .footer-final-box {
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
    }

    .footer-final-title {
      font-size: clamp(1.95rem, 3.9vw, 3rem);
      line-height: 1.06;
      color: #f4f8fb;
      letter-spacing: -0.02em;
      text-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
    }

    .footer-final-lede {
      margin-top: 10px;
      color: rgba(212, 224, 233, 0.9);
      font-size: clamp(1rem, 1.6vw, 1.2rem);
    }

    .footer-final-actions {
      margin-top: 24px;
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .footer-final-btn {
      min-height: 52px;
      min-width: 212px;
      border-radius: 12px;
      padding: 0 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.02rem;
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .footer-final-btn:hover {
      transform: translateY(-2px);
    }

    .footer-final-btn--outline {
      border: 1px solid rgba(180, 198, 211, 0.34);
      color: rgba(227, 237, 244, 0.96);
      background: rgba(8, 12, 18, 0.78);
    }

    .footer-final-btn--outline:hover {
      border-color: rgba(25, 234, 255, 0.58);
      box-shadow: 0 0 0 1px rgba(25, 234, 255, 0.2) inset;
    }

    .footer-final-btn--solid {
      border: 1px solid rgba(245, 235, 64, 0.84);
      color: #0b0f14;
      background: linear-gradient(135deg, #f5eb40 0%, #efe332 62%, #e2d622 100%);
      box-shadow: 0 0 22px rgba(245, 235, 64, 0.26);
    }

    .footer-final-divider {
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, rgba(168, 184, 197, 0.3) 18%, rgba(168, 184, 197, 0.3) 82%, transparent 100%);
      margin: 44px 0 24px;
    }

    .footer-final-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }

    .footer-final-brand {
      width: clamp(110px, 11vw, 146px);
      height: auto;
      display: block;
      filter: drop-shadow(0 6px 18px rgba(245, 235, 64, 0.18));
    }

    .footer-final-copy {
      color: rgba(188, 201, 214, 0.88);
      font-size: 1rem;
      line-height: 1.4;
      text-align: right;
    }

    @media (max-width: 980px) {
      .offer-head {
        text-align: left;
        margin-bottom: 20px;
      }
      .offer-matrix { opacity: 0.34; }

      .offer-mini-covers-track {
        animation-duration: 34s;
      }

      .offer-mini-covers-item {
        width: 110px;
        height: 62px;
      }

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

      .testi-images-band {
        column-count: 2;
      }

      .mentor-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .mentor-photo {
        max-width: 350px;
        margin: 0 auto;
      }
    }

    @media (max-width: 640px) {
      .offer-head {
        text-align: center;
      }

      .offer-card {
        padding: 20px 16px 18px;
      }

      .offer-price .value {
        font-size: clamp(2rem, 12vw, 2.9rem);
      }

      .offer-fine {
        font-size: 0.95rem;
      }

      .offer-badge {
        font-size: 0.91rem;
      }

      .offer-cta {
        min-height: 58px;
        padding: 0 44px 0 14px;
        justify-content: center;
      }

      .offer-cta-label {
        display: block;
        width: 100%;
        max-width: 24ch;
        margin: 0 auto;
        text-align: center;
        font-size: clamp(0.9rem, 3.8vw, 1rem);
        letter-spacing: 0.01em;
        text-wrap: balance;
      }

      .offer-cta-arrow {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.36rem;
      }

      .offer-cta:hover .offer-cta-arrow {
        transform: translateY(-50%);
      }

      .offer-scare {
        grid-template-columns: 1fr;
        grid-template-areas:
          "media"
          "body"
          "joke";
      }

      .offer-scare-media {
        max-width: 310px;
        margin: 0 auto;
      }

      .offer-mini-covers-track {
        animation-duration: 37s;
      }

      .offer-mini-covers-item {
        width: 98px;
        height: 56px;
      }

      .testi-images-band {
        column-count: 1;
      }

      .mentor-card {
        padding: 18px 14px;
      }

      .mentor-head {
        margin-bottom: 16px;
      }

      .mentor-content {
        gap: 10px;
      }

      .footer-final-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .footer-final-btn {
        width: 100%;
        min-width: 0;
      }

      .footer-final-divider {
        margin: 32px 0 18px;
      }

      .footer-final-bottom {
        flex-direction: column;
        justify-content: center;
      }

      .footer-final-copy {
        text-align: center;
        font-size: 0.94rem;
      }
    }

    @media (max-width: 980px) {
      .nav {
        top: 0;
      }

      .nav-inner {
        padding: 10px 18px;
      }

      .brand-logo {
        width: clamp(132px, 34vw, 188px);
      }

      .menu,
      .nav-actions .btn-link {
        display: none;
      }

      .menu-toggle {
        display: inline-flex;
      }

      .menu.is-open {
        position: absolute;
        top: calc(100% + 10px);
        left: 18px;
        right: 18px;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--rt-line-soft);
        border-radius: 14px;
        background: rgba(8, 11, 17, 0.96);
        padding: 6px;
      }

      .menu.is-open a {
        justify-content: flex-start;
        border-radius: 10px;
      }

      .hero {
        padding: 104px 18px 44px;
        min-height: auto;
        grid-template-columns: 1fr;
      }

      .hero-title {
        max-width: none;
      }

      .hero-disclaimer {
        position: static;
        transform: none;
        max-width: 100%;
        width: 100%;
        margin: 22px 0 0;
      }

      .rt-data-overlay {
        opacity: 0.58;
        mask-image: none;
        -webkit-mask-image: none;
      }
    }

    @media (max-width: 640px) {
      .nav {
        top: 0;
      }

      .nav-inner {
        padding: 9px 12px;
      }

      .brand-logo {
        width: clamp(116px, 43vw, 162px);
      }

      .brand-text {
        font-size: 0.88rem;
      }

      .nav-actions .btn-primary {
        min-height: 40px;
        padding: 0 14px;
        font-size: 0.88rem;
      }

      .hero {
        position: relative;
        padding: 76px 12px calc(54px + env(safe-area-inset-bottom));
      }

      .hero::before {
        content: "";
        position: absolute;
        inset: 0 0 12px;
        z-index: 2;
        pointer-events: none;
        background:
          linear-gradient(
            180deg,
            rgba(4, 6, 8, 0.02) 0%,
            rgba(4, 6, 8, 0.46) 16%,
            rgba(4, 6, 8, 0.6) 40%,
            rgba(4, 6, 8, 0.34) 72%,
            rgba(4, 6, 8, 0.12) 100%
          );
      }

      .hero-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        z-index: 3;
      }

      .hero-glitch {
        padding: 3px 7px;
        border-radius: 8px;
        background: rgba(3, 8, 10, 0.52);
        box-shadow: 0 0 0 1px rgba(25, 234, 255, 0.2) inset;
      }

      .hero-title {
        font-size: clamp(2.05rem, 10.2vw, 3.05rem);
        line-height: 1.04;
        letter-spacing: -0.02em;
        max-width: 18ch;
        margin-bottom: 14px;
        text-shadow: 0 6px 24px rgba(0, 0, 0, 0.58);
      }

      .hero-actions {
        flex-direction: column;
        align-items: center;
      }

      .hero-actions .btn {
        width: 100%;
        min-height: 48px;
        font-size: 0.98rem;
        padding-left: 18px;
        padding-right: 18px;
      }

      .hero-sub {
        padding-right: 0;
        margin-bottom: 18px;
        margin-left: auto;
        margin-right: auto;
        max-width: 31ch;
        font-size: clamp(1.02rem, 4.2vw, 1.18rem);
        line-height: 1.5;
        color: rgba(245, 249, 255, 0.94);
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.52);
      }

      .hero-disclaimer {
        margin-top: 18px;
      }

      .rt-data-overlay {
        opacity: 0.34;
        mix-blend-mode: normal;
      }

      .r100-data-overlay {
        opacity: 0.44;
      }

      .ad-intel-head {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 8px;
      }

      .ad-intel-thumb-wrap {
        width: 96px;
        aspect-ratio: 1 / 1;
      }

      .r100-data-overlay {
        --r100-band-w: 132px;
        --r100-band-opacity: 0.2;
      }

      .r100-artifact {
        max-width: 190px;
        min-width: 110px;
        font-size: 9.5px;
      }

      .r100-artifact::before {
        display: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .btn {
        transition: none;
      }

      .mods-aulas-marquee-track {
        animation: none;
      }

      .offer-mini-covers-track {
        animation: none;
      }

      .mods-method-focus {
        animation: none;
        background-size: 100% 100%;
      }

      .mods-method-blink {
        animation: none;
      }
    }