@keyframes logoReveal {
      0% {
        opacity: 0;
        transform: translateY(-12px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes sidePanelReveal {
      0% {
        opacity: 0;
        transform: translateY(-50%) translateX(-20px);
      }
      100% {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
      }
    }

    nav {
      opacity: 1 !important;
      visibility: visible !important;
      animation: none !important;
    }

    .nav-logo { 
      display: inline-block !important;
      pointer-events: all !important; 
      animation: logoReveal 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both !important; 
    }

    #side-panel {
      animation: sidePanelReveal 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both !important;
    }
    .hero-badge { 
      font-family: 'Bai Jamjuree', sans-serif !important;
      font-weight: 600 !important;
      letter-spacing: 0.28em !important;
      text-transform: uppercase !important;
      animation-delay: 0.1s !important; 
    }
    .hero-kicker {
      font-family: 'Bai Jamjuree', sans-serif !important;
      font-weight: 600 !important;
      letter-spacing: 0.28em !important;
      text-transform: uppercase !important;
      opacity: 0;
      transform: translateY(16px);
      animation: slideUp 0.8s var(--ease-smooth) 0.25s forwards;
    }

    /* ─── LANDO NORRIS TYPOGRAPHY CHOREOGRAPHY ─── */
    .hero-title .line {
      line-height: 0.95 !important;
      overflow: visible !important;
    }

    /* Secondary lines: strong presence, but letting BAJO TU CONTROL lead */
    .line-secondary .word {
      font-family: 'Brier', 'Brier-Bold', serif, sans-serif !important;
      font-weight: 700 !important;
      font-size: clamp(2.2rem, 5.2vw, 4.8rem) !important;
      letter-spacing: -0.08rem !important;
      line-height: 0.95 !important;
      color: var(--text-secondary) !important;
    }

    /* MAIN PROTAGONIST: BAJO TU CONTROL - ~30% bigger, bold, imposing */
    .line-main .word.titulo-connect {
      font-family: 'Mona Sans Variable', Arial, sans-serif !important;
      font-variation-settings: "wght" 900, "wdth" 92 !important;
      font-size: clamp(2.8rem, 6.8vw, 6.4rem) !important;
      letter-spacing: -0.16rem !important;
      line-height: 0.92 !important;
      text-transform: uppercase !important;
      color: #ffffff !important;
      margin: 4px 0 !important;
      display: block !important;
    }

    html.day .line-secondary .word {
      color: #4A5C6A !important;
    }

    html.day .line-main .word.titulo-connect {
      color: #11212D !important;
    }

    /* Paragraph below: comfortable, natural reading size */
    .hero-desc { 
      font-family: 'Bai Jamjuree', sans-serif !important;
      font-weight: 400 !important;
      font-size: 0.92rem !important;
      line-height: 1.8 !important;
      max-width: 460px !important;
      color: var(--text-secondary) !important;
      margin-bottom: 38px !important;
      animation-delay: 0.85s !important; 
    }
    .hero-desc strong {
      font-family: 'Bai Jamjuree', sans-serif !important;
      font-weight: 600 !important;
      color: var(--text-primary) !important;
    }

    @media (max-width: 768px) {
      .line-secondary .word {
        font-size: clamp(1.6rem, 7.2vw, 2.1rem) !important;
        line-height: 1 !important;
        letter-spacing: -0.03rem !important;
        white-space: nowrap !important;
      }
      .line-main .word.titulo-connect {
        font-size: clamp(2.2rem, 9.2vw, 2.75rem) !important;
        line-height: 0.95 !important;
        letter-spacing: -0.05rem !important;
        margin: 4px 0 !important;
        white-space: nowrap !important;
      }
      .hero-desc {
        font-size: 0.85rem !important;
        line-height: 1.65 !important;
        padding: 0 10px !important;
        margin-bottom: 28px !important;
      }
    }

    .hero-actions { animation-delay: 1.05s !important; }
    .hero-scroll-hint { animation-delay: 1.25s !important; }

    .section-label {
      font-family: 'Mona Sans Variable', Arial, sans-serif !important;
      font-variation-settings: "wght" 600, "wdth" 81.3 !important;
      font-size: clamp(0.95rem, 2vw, 1.125rem) !important;
      letter-spacing: -0.01rem !important;
      line-height: 1 !important;
      text-transform: uppercase !important;
    }

    #por-que .section-title {
      letter-spacing: 0.05em !important;
      font-variant-ligatures: none !important;
      font-feature-settings: "liga" 0, "clig" 0, "dlig" 0 !important;
    }

    @media (max-width: 768px) {
      @keyframes langBtnReveal {
        0% {
          opacity: 0;
          transform: translateY(-8px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      #side-nav {
        display: none !important;
      }
      .theme-switch-wrap {
        display: none !important;
      }
      .side-panel-toggle {
        display: none !important;
      }
      #side-panel {
        position: fixed !important;
        top: 18px !important;
        right: 20px !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        z-index: 10002 !important;
        margin: 0 !important;
        gap: 0 !important;
        display: block !important;
        visibility: visible !important;
        animation: langBtnReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both !important;
      }
      .lang-switch-wrap {
        margin-top: 0 !important;
      }
      .lang-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 11px !important;
        padding: 6px 14px !important;
        border-radius: 20px !important;
        letter-spacing: 0.08em !important;
      }
    }

    /* ─── OCULTAR BARRA DE DESPLAZAMIENTO (SCROLLBAR) ─── */
    html,
    body,
    * {
      scrollbar-width: none !important;
      -ms-overflow-style: none !important;
    }

    ::-webkit-scrollbar {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      background: transparent !important;
    }


/* ─── FIX PageSpeed NO_FCP: quitar retrasos heredados del preloader ─── */
.hero-badge, .hero-kicker, .hero-desc, .hero-actions,
.hero-scroll-hint, .hero-title .line .word {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}