/* AIBridge Corporate Page - Custom CSS */
/* Tailwind で対応できない部分のみここに記述 */

/* ===== 星パーティクル背景 ===== */
.stars-layer {
  position: absolute;
  width: 100%; height: 100%;
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.8), transparent),
    radial-gradient(1px 1px at 30% 60%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 50% 10%, rgba(255,255,255,0.7), transparent),
    radial-gradient(1px 1px at 70% 40%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 90% 80%, rgba(255,255,255,0.4), transparent),
    radial-gradient(2px 2px at 20% 80%, rgba(0,212,255,0.3), transparent),
    radial-gradient(2px 2px at 80% 20%, rgba(0,212,255,0.2), transparent);
  animation: twinkle 8s infinite alternate;
}
@keyframes twinkle {
  0%   { opacity: 0.6; }
  100% { opacity: 1; }
}

/* ===== エコシステムマップノード ===== */
.eco-node-base {
  display: flex; flex-direction: column; align-items: center;
  gap: 4px; padding: 16px 12px; border-radius: 16px;
  transition: all 0.3s ease; cursor: pointer;
  border: 1px solid transparent;
  color: white;
}
.eco-node {
  background: rgba(255,255,255,0.05);
  border-color: rgba(46,117,182,0.3);
}
.eco-node-active {
  background: rgba(0,212,255,0.15);
  border-color: #00D4FF;
  box-shadow: 0 0 20px rgba(0,212,255,0.3);
}
.eco-node-center-base {
  display: flex; flex-direction: column; align-items: center;
  gap: 4px; padding: 20px 12px; border-radius: 50%;
  transition: all 0.3s ease; cursor: pointer;
  color: white; aspect-ratio: 1;
}
.eco-node-center {
  background: rgba(30,78,140,0.4);
  border: 2px solid rgba(0,212,255,0.4);
}
.eco-node-center-active {
  background: rgba(0,212,255,0.2);
  border: 2px solid #00D4FF;
  box-shadow: 0 0 30px rgba(0,212,255,0.4);
}

/* ===== タブスタイル ===== */
.tab-active {
  background: #1E4E8C; color: white;
}
.tab-inactive {
  background: white; color: #555;
  border: 1px solid #ddd;
}

/* ===== AOS のデフォルト設定上書き ===== */
[data-aos] { pointer-events: auto !important; }

/* ===== ナビのスクロール時スタイル（JS で .scrolled クラスを付与） ===== */
#corp-nav.scrolled {
  background: rgba(13,27,42,0.98);
  box-shadow: 0 2px 20px rgba(0,0,0,0.3);
}