.home-tab-radio { display: none !important; }

  .home-tab-panel { display: none; }

  /* Default border untuk semua tombol agar layout tidak bergeser */
  .home-3-button .home-item-button {
    border: 1px solid #e5e7eb !important;
    {/* transition: border-color 0.2s ease, box-shadow 0.2s ease; */}
  }

  /* 2. Hover state: Border menjadi BlueViolet untuk SEMUA tab */
  .home-3-button .home-item-button:hover {
    border: 1px solid #161af9 !important;
    {/* box-shadow: 0 0 0 3px rgba(138, 43, 226, 0.15) !important; /* Efek glow blueviolet halus */ */}
  }

  /* Logika: Saat radio button checked, ubah border label terkait menjadi ORANGE */
  #tab-developer:checked ~ .home-3-button label[for="tab-developer"],
  #tab-partner:checked ~ .home-3-button label[for="tab-partner"],
  #tab-everyone:checked ~ .home-3-button label[for="tab-everyone"] {
    border: 2px solid #161af9 !important; /* Warna Orange (Tailwind orange-500) */
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1); /* Efek glow orange halus */
  }

  #tab-developer:checked ~ .home-tab-panels #panel-developer,
  #tab-partner:checked ~ .home-tab-panels #panel-partner,
  #tab-everyone:checked ~ .home-tab-panels #panel-everyone {
    display: block;
    
  }

  #tab-developer:checked ~ .home-3-button label[for="tab-developer"] .home-item-button-accent,
  #tab-partner:checked ~ .home-3-button label[for="tab-partner"] .home-item-button-accent,
  #tab-everyone:checked ~ .home-3-button label[for="tab-everyone"] .home-item-button-accent {
    opacity: 1 !important;
  }
  .home-item-button-footer {
    display: none; /* Sembunyikan secara default */
  }

  /* Tampilkan footer dengan animasi halus saat tab-nya checked */
  #tab-developer:checked ~ .home-3-button label[for="tab-developer"] .home-item-button-footer,
  #tab-partner:checked ~ .home-3-button label[for="tab-partner"] .home-item-button-footer,
  #tab-everyone:checked ~ .home-3-button label[for="tab-everyone"] .home-item-button-footer {
    display: flex;
    align-items: center;
    gap: 4px;
    animation: fadeInUp 0.3s ease-out forwards;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(6px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
astro-island,astro-slot,astro-static-slot{display:contents}