/* ============================================================
   gemini-style.css — AI獲客大聯盟 線上體驗課
   - 所有 selector 以 .gemini_root 開頭
   - 不使用 :root、不使用、不修改全域變數
   - 不使用純 tag selector
   ============================================================ */

/* 變數 scope 在 .gemini_root（非全域） */
.gemini_root {
  --gem-bg: #000;
  --gem-fg: #fff;
  --gem-mute: #d4d4d8;
  --gem-mute2: #a1a1aa;
  --gem-mute3: #71717a;
  --gem-cyan: #6ed0ee;
  --gem-yellow: #ffb400;
  --gem-red: #ff0000;
  --gem-red2: #ef4444;
  --gem-line: #ffb400;

  background: var(--gem-bg);
  color: var(--gem-fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", sans-serif;
  line-height: 1.6;
  padding: 16px;
  max-width: 1152px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow-x: clip;
}

/* 防止 gemini_ 子元素溢出 + 重設瀏覽器預設 margin（h*, p 等）*/
.gemini_root [class^="gemini_"] { box-sizing: border-box; min-width: 0; margin: 0; }

/* ---------- 共用 ---------- */
.gemini_root .gemini_section_head {
  text-align: center;
  margin-bottom: 24px;
}
.gemini_root .gemini_eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 4px;
  color: var(--gem-cyan);
}
.gemini_root .gemini_section_title {
  margin-top: 8px;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.25;
  color: var(--gem-fg);
}

.gemini_root .gemini_accent_cyan { color: var(--gem-cyan); }
.gemini_root .gemini_accent_white { color: var(--gem-fg); font-weight: 700; }
.gemini_root .gemini_brand_945 { color: var(--gem-red); font-weight: 700; }
.gemini_root .gemini_brand_va { color: var(--gem-cyan); font-weight: 700; }
.gemini_root .gemini_x { color: var(--gem-mute3); font-weight: 700; }

/* ---------- 1. HERO ---------- */
.gemini_root .gemini_hero { padding: 24px 0; }
.gemini_root .gemini_hero_inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
}
.gemini_root .gemini_hero_img {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779959618/IMG_5731_kg4p48.jpg');
  background-size: cover;
  background-position: center;
}
.gemini_root .gemini_hero_text { text-align: center; }
.gemini_root .gemini_hero_badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 9999px;
  font-size: 12px;
}
.gemini_root .gemini_hero_title {
  margin-top: 16px;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.1;
}
.gemini_root .gemini_hero_lead {
  margin-top: 16px;
  font-size: 16px;
  color: var(--gem-mute);
}

@media (min-width: 768px) {
  .gemini_root .gemini_hero_inner { grid-template-columns: 1fr 1fr; }
  .gemini_root .gemini_hero_text { text-align: left; order: 1; }
  .gemini_root .gemini_hero_img { order: 2; }
  .gemini_root .gemini_hero_title { font-size: 56px; }
  .gemini_root .gemini_hero_lead { font-size: 18px; }
}

/* ---------- 2. AI 超級業務 ---------- */
.gemini_root .gemini_super { padding: 24px 0; }
.gemini_root .gemini_super_card {
  border: 1px solid rgba(110, 208, 238, 0.3);
  border-radius: 24px;
  padding: 32px 24px;
}
.gemini_root .gemini_super_subtitle {
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3;
}
.gemini_root .gemini_super_badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 20px auto 0;
  max-width: 560px;
}
.gemini_root .gemini_badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 9999px;
}
.gemini_root .gemini_badge_nv {
  border: 1px solid rgba(118, 185, 0, 0.4);
  background: rgba(118, 185, 0, 0.1);
  color: #aee576;
}
.gemini_root .gemini_badge_meta {
  border: 1px solid rgba(24, 119, 242, 0.4);
  background: rgba(24, 119, 242, 0.15);
  color: #80b4ff;
}
.gemini_root .gemini_super_list {
  list-style: none;
  padding: 0;
  margin: 24px auto 0;
  max-width: 560px;
}
.gemini_root .gemini_super_item {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--gem-mute);
}
.gemini_root .gemini_super_item::before {
  content: '✦';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gem-cyan);
}

@media (min-width: 640px) {
  .gemini_root .gemini_super_card { padding: 56px; }
  .gemini_root .gemini_super_subtitle { font-size: 32px; }
  .gemini_root .gemini_super_item { font-size: 18px; }
}

/* ---------- 3. 線上體驗禮包 ---------- */
.gemini_root .gemini_package { padding: 24px 0; max-width: 720px; margin: 0 auto; }
.gemini_root .gemini_package_card {
  border: 1px solid rgba(110, 208, 238, 0.5);
  background: rgba(110, 208, 238, 0.06);
  border-radius: 16px;
  padding: 20px;
}
.gemini_root .gemini_package_eyebrow {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 4px;
  color: var(--gem-yellow);
  margin-bottom: 16px;
}
.gemini_root .gemini_package_rows { display: flex; flex-direction: column; gap: 10px; }
.gemini_root .gemini_package_row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.gemini_root .gemini_package_row_divider {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
}
.gemini_root .gemini_package_label { display: flex; align-items: baseline; gap: 8px; }
.gemini_root .gemini_package_label_text { font-size: 18px; font-weight: 700; }
.gemini_root .gemini_package_price {
  font-size: 18px;
  font-weight: 900;
  color: var(--gem-yellow);
  white-space: nowrap;
}
.gemini_root .gemini_value_shine {
  display: inline-block;
  border-radius: 4px;
  padding: 2px 6px;
  animation: gemini_shine_pulse 2.4s ease-in-out infinite;
}
.gemini_root .gemini_package_note {
  margin-top: 12px;
  font-size: 12px;
  color: var(--gem-mute2);
  line-height: 1.6;
}
.gemini_root .gemini_package_dashboard {
  margin-top: 16px;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779962144/Screenshot_2026-05-03_at_5.37.32_PM_tbfznf.png');
  background-size: cover;
  background-position: center;
}
.gemini_root .gemini_package_total {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 12px;
}
.gemini_root .gemini_package_strike {
  font-size: 26px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: -0.5px;
}
.gemini_root .gemini_package_zero {
  font-size: 36px;
  font-weight: 900;
  color: var(--gem-yellow);
  letter-spacing: -0.5px;
  text-shadow: 0 0 24px rgba(255, 180, 0, 0.55);
}
.gemini_root .gemini_package_cta {
  margin-top: 24px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 16px 24px;
  border-radius: 9999px;
  border: 0;
  background: var(--gem-cyan);
  color: #0c0c10;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(110, 208, 238, 0.4);
}

@keyframes gemini_shine_pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 180, 0, 0.25), 0 0 6px rgba(255, 180, 0, 0.15);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(255, 180, 0, 0), 0 0 14px rgba(255, 180, 0, 0.45);
    transform: scale(1.012);
  }
}

/* ---------- 4. 3 KEYS ---------- */
.gemini_root .gemini_keys { padding: 24px 0; }
.gemini_root .gemini_keys_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.gemini_root .gemini_keys_card {
  border: 1px solid var(--gem-cyan);
  background: rgba(110, 208, 238, 0.08);
  border-radius: 16px;
  padding: 24px;
}
.gemini_root .gemini_keys_head { display: flex; align-items: center; gap: 16px; }
.gemini_root .gemini_keys_num {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--gem-cyan);
  color: #000;
  font-weight: 900;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gemini_root .gemini_keys_title { font-size: 20px; font-weight: 700; }
.gemini_root .gemini_keys_text {
  margin-top: 16px;
  font-size: 14px;
  color: var(--gem-mute2);
  line-height: 1.7;
}

@media (min-width: 768px) {
  .gemini_root .gemini_keys_grid { grid-template-columns: 1fr 1fr; }
}

/* ---------- 5. 適合對象 ---------- */
.gemini_root .gemini_audience { padding: 24px 0; }
.gemini_root .gemini_audience_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.gemini_root .gemini_audience_card {
  border: 1px solid var(--gem-cyan);
  background: rgba(110, 208, 238, 0.08);
  border-radius: 12px;
  padding: 16px;
}
.gemini_root .gemini_audience_title { font-size: 14px; font-weight: 700; }
.gemini_root .gemini_audience_text {
  margin-top: 4px;
  font-size: 12px;
  color: var(--gem-mute2);
  line-height: 1.5;
}

@media (min-width: 768px) {
  .gemini_root .gemini_audience_grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- 6. 兩大團隊 ---------- */
.gemini_root .gemini_team { padding: 24px 0; }
.gemini_root .gemini_team_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.gemini_root .gemini_team_card {
  border-radius: 16px;
  padding: 16px;
}
.gemini_root .gemini_team_card_red {
  border: 1px solid rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}
.gemini_root .gemini_team_card_cyan {
  border: 1px solid rgba(110, 208, 238, 0.3);
  background: rgba(110, 208, 238, 0.05);
}
.gemini_root .gemini_team_head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.gemini_root .gemini_team_logo {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px;
}
.gemini_root .gemini_team_logo_945 {
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779961710/pic_logo_1_iekfgm.png');
}
.gemini_root .gemini_team_logo_va {
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779963665/ViralArc_logo_fhngtt.png');
}
.gemini_root .gemini_team_name { font-size: 18px; font-weight: 700; }
.gemini_root .gemini_team_tag {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.gemini_root .gemini_team_card_red .gemini_team_tag { color: var(--gem-red2); }
.gemini_root .gemini_team_card_cyan .gemini_team_tag { color: var(--gem-cyan); }
.gemini_root .gemini_team_text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--gem-mute);
}
.gemini_root .gemini_team_stats {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.gemini_root .gemini_team_stat {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 8px;
  text-align: center;
}
.gemini_root .gemini_team_stat_num {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.5px;
}
.gemini_root .gemini_team_card_red .gemini_team_stat_num { color: var(--gem-red2); }
.gemini_root .gemini_team_card_cyan .gemini_team_stat_num { color: var(--gem-cyan); }
.gemini_root .gemini_team_stat_label {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--gem-mute);
}

@media (min-width: 768px) {
  .gemini_root .gemini_team_grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .gemini_root .gemini_team_card { border-radius: 24px; padding: 28px; }
  .gemini_root .gemini_team_logo { width: 36px; height: 36px; }
  .gemini_root .gemini_team_name { font-size: 20px; }
  .gemini_root .gemini_team_tag { font-size: 12px; }
  .gemini_root .gemini_team_text { font-size: 16px; }
  .gemini_root .gemini_team_stats { gap: 12px; margin-top: 20px; }
  .gemini_root .gemini_team_stat { padding: 12px; border-radius: 12px; }
  .gemini_root .gemini_team_stat_num { font-size: 36px; }
  .gemini_root .gemini_team_stat_label { font-size: 14px; }
}

/* ---------- 7. SCHEDULE ---------- */
.gemini_root .gemini_schedule { padding: 24px 0; }
.gemini_root .gemini_schedule_card {
  max-width: 720px;
  margin: 0 auto;
  border: 1px solid var(--gem-cyan);
  background: rgba(110, 208, 238, 0.08);
  border-radius: 24px;
  padding: 24px;
}
.gemini_root .gemini_schedule_when {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.gemini_root .gemini_cal {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  text-align: center;
}
.gemini_root .gemini_cal_label {
  padding: 4px 0;
  font-size: 11px;
  color: var(--gem-mute3);
}
.gemini_root .gemini_cal_label_active {
  color: var(--gem-cyan);
  font-weight: 700;
}
.gemini_root .gemini_cal_pad { }
.gemini_root .gemini_cal_day {
  padding: 6px 0;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  color: var(--gem-mute2);
}
.gemini_root .gemini_cal_session {
  position: relative;
  border: 2px solid var(--gem-cyan);
  background: rgba(110, 208, 238, 0.15);
  color: var(--gem-fg);
  font-weight: 900;
}
.gemini_root .gemini_cal_session::after {
  content: '★';
  position: absolute;
  top: -8px;
  right: -4px;
  font-size: 12px;
  color: var(--gem-yellow);
  line-height: 1;
}
.gemini_root .gemini_schedule_note {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: var(--gem-mute2);
}
.gemini_root .gemini_schedule_star { color: var(--gem-yellow); margin-right: 4px; }

@media (min-width: 640px) {
  .gemini_root .gemini_schedule_card { padding: 32px; }
  .gemini_root .gemini_schedule_when { font-size: 20px; }
  .gemini_root .gemini_cal_label { font-size: 12px; }
  .gemini_root .gemini_cal_day { padding: 8px 0; font-size: 14px; }
}

/* ---------- 7. REAL USER DATA（跑馬燈）---------- */
.gemini_root .gemini_data { padding: 24px 0; }
.gemini_root .gemini_marquee_mask {
  margin-top: 24px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
          mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
}
.gemini_root .gemini_data_track {
  display: flex;
  width: max-content;
  align-items: stretch;
  gap: 16px;
  animation: gemini_data_marquee 80s linear infinite;
}
.gemini_root .gemini_data_card {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 280px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 20px;
}
.gemini_root .gemini_data_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.gemini_root .gemini_data_tag {
  display: inline-block;
  background: rgba(110, 208, 238, 0.15);
  color: var(--gem-cyan);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 4px 10px;
  border-radius: 9999px;
}
.gemini_root .gemini_data_views { text-align: right; }
.gemini_root .gemini_data_num { font-size: 20px; font-weight: 900; color: var(--gem-fg); line-height: 1.1; }
.gemini_root .gemini_data_views_label { font-size: 10px; letter-spacing: 1px; color: var(--gem-mute3); }
.gemini_root .gemini_data_text {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--gem-mute);
}
.gemini_root .gemini_data_foot {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 12px;
  color: var(--gem-mute3);
}
@keyframes gemini_data_marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (min-width: 640px) {
  .gemini_root .gemini_data_card { width: 320px; padding: 24px; }
}

/* ---------- 6.5 MONTHLY REACH + 留言轉私訊截圖 ---------- */
.gemini_root .gemini_reach_card {
  max-width: 480px;
  margin: 0 auto 24px;
  border: 1px solid rgba(110, 208, 238, 0.3);
  background: rgba(110, 208, 238, 0.08);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
}
.gemini_root .gemini_reach_eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 4px; color: var(--gem-cyan); }
.gemini_root .gemini_reach_num {
  margin-top: 12px;
  font-size: 44px;
  font-weight: 900;
  color: var(--gem-fg);
  line-height: 1.1;
}
.gemini_root .gemini_reach_label {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: var(--gem-mute2);
}
.gemini_root .gemini_screens_head { text-align: center; margin-bottom: 16px; }
.gemini_root .gemini_screens_title { font-size: 16px; font-weight: 700; color: var(--gem-mute); }
.gemini_root .gemini_screens_scroll {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
  margin-bottom: 32px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.gemini_root .gemini_screens_scroll::-webkit-scrollbar { display: none; }
.gemini_root .gemini_screen {
  flex-shrink: 0;
  width: 240px;
  height: 320px;
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  scroll-snap-align: center;
}
.gemini_root .gemini_screen_1 { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779962604/Screenshot_2026-05-28_at_6.03.17_PM_up47kd.png'); }
.gemini_root .gemini_screen_2 { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779962572/Screenshot_2026-05-28_at_6.02.44_PM_u7l39x.png'); }
.gemini_root .gemini_screen_3 { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779962567/Screenshot_2026-05-28_at_6.02.29_PM_emydu5.png'); }
.gemini_root .gemini_screen_4 { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779962533/Screenshot_2026-05-28_at_6.02.07_PM_ybtsg0.png'); }
.gemini_root .gemini_screen_5 { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779962588/Screenshot_2026-05-28_at_6.03.03_PM_krxdun.png'); }
@media (min-width: 640px) {
  .gemini_root .gemini_reach_card { padding: 32px; }
  .gemini_root .gemini_reach_num { font-size: 56px; }
  .gemini_root .gemini_screen { width: 280px; height: 373px; }
  .gemini_root .gemini_screens_scroll { gap: 16px; }
}

/* ---------- PARTNERS MARQUEE ---------- */
.gemini_root .gemini_va_brands { padding: 24px 0; }
.gemini_root .gemini_va_marquee_mask {
  margin-top: 24px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
          mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
}
.gemini_root .gemini_va_marquee_track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 40px;
  animation: gemini_va_marquee 30s linear infinite;
}
.gemini_root .gemini_va_brand_item {
  flex-shrink: 0;
  width: 80px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.8;
}
.gemini_root .gemini_va_brand_nvidia { background-image: url('https://cdn.simpleicons.org/nvidia/76B900'); }
.gemini_root .gemini_va_brand_openai { background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/ef/ChatGPT-Logo.svg'); filter: brightness(0) invert(1); }
.gemini_root .gemini_va_brand_threads { background-image: url('https://cdn.simpleicons.org/threads/FFFFFF'); filter: brightness(0) invert(1); }
.gemini_root .gemini_va_brand_facebook { background-image: url('https://cdn.simpleicons.org/facebook/1877F2'); }
.gemini_root .gemini_va_brand_instagram { background-image: url('https://cdn.simpleicons.org/instagram/E4405F'); }
.gemini_root .gemini_va_brand_viralarc { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779963665/ViralArc_logo_fhngtt.png'); }
.gemini_root .gemini_va_brand_945 { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779961710/pic_logo_1_iekfgm.png'); }
@keyframes gemini_va_marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}
@media (min-width: 640px) {
  .gemini_root .gemini_va_brand_item { width: 100px; height: 40px; }
  .gemini_root .gemini_va_marquee_track { gap: 56px; }
}

/* ---------- INSTRUCTORS ---------- */
.gemini_root .gemini_va_instructors { padding: 24px 0; }
.gemini_root .gemini_va_inst_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.gemini_root .gemini_va_inst_card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
}
.gemini_root .gemini_va_inst_photo {
  width: 100%;
  aspect-ratio: 4 / 3;
  background-size: cover;
  background-position: center 14%;
}
.gemini_root .gemini_va_inst_king { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779962051/ChatGPT_Image_May_2_2026_02_02_18_AM_2_l7ztz1.png'); }
.gemini_root .gemini_va_inst_anna { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779959694/ChatGPT_Image_May_2_2026_02_02_47_AM_wn4oli.png'); }
.gemini_root .gemini_va_inst_elvis { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779959693/ChatGPT_Image_May_2_2026_02_02_41_AM_qrluwz.png'); }
.gemini_root .gemini_va_inst_neil { background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779959693/ChatGPT_Image_May_2_2026_02_02_44_AM_rdttlx.png'); }
.gemini_root .gemini_va_inst_body { padding: 20px; }
.gemini_root .gemini_va_inst_name { font-size: 17px; font-weight: 700; color: var(--gem-fg); }
.gemini_root .gemini_va_inst_role {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: var(--gem-red);
}
.gemini_root .gemini_va_inst_bio {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--gem-mute2);
}
@media (min-width: 768px) {
  .gemini_root .gemini_va_inst_grid { grid-template-columns: 1fr 1fr; }
}

/* ---------- UGC VIDEO ---------- */
.gemini_root .gemini_va_ugc { padding: 24px 0; }
.gemini_root .gemini_va_ugc_lead {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--gem-fg);
}
.gemini_root .gemini_va_ugc_scroll {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.gemini_root .gemini_va_ugc_scroll::-webkit-scrollbar { display: none; }
.gemini_root .gemini_va_ugc_v1,
.gemini_root .gemini_va_ugc_v2,
.gemini_root .gemini_va_ugc_v3,
.gemini_root .gemini_va_ugc_v4,
.gemini_root .gemini_va_ugc_v5 {
  flex-shrink: 0;
  width: 240px;
  height: 427px;
  border-radius: 16px;
  scroll-snap-align: center;
  background-color: #1f2937;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(110, 208, 238, 0.2);
  overflow: hidden;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.gemini_root .gemini_va_ugc_v1:hover,
.gemini_root .gemini_va_ugc_v2:hover,
.gemini_root .gemini_va_ugc_v3:hover,
.gemini_root .gemini_va_ugc_v4:hover,
.gemini_root .gemini_va_ugc_v5:hover { border-color: var(--gem-cyan); transform: translateY(-2px); }
.gemini_root .gemini_va_ugc_v1 { background-image: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%), url('https://image.mux.com/sxyyePui1Ov8O8hmjCDlWACtN86XJ4ruC3o4lGf302MU/animated.gif?width=320&fps=15&start=0&end=10'); }
.gemini_root .gemini_va_ugc_v2 { background-image: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%), url('https://image.mux.com/6SXJXfLX01YXTqwq33aFdZ6FefsgTlWuG1FPTvw6TwYo/animated.gif?width=320&fps=15&start=0&end=10'); }
.gemini_root .gemini_va_ugc_v3 { background-image: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%), url('https://image.mux.com/IxS01ji787blIRrqj4KySlL8nscEYGLmGWsnTZhgHCro/animated.gif?width=320&fps=15&start=0&end=10'); }
.gemini_root .gemini_va_ugc_v4 { background-image: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%), url('https://image.mux.com/X028V026smJO02Z5NHTXfuT012EVKkU2K6vvwTtpFZKLOiI/animated.gif?width=320&fps=15&start=0&end=10'); }
.gemini_root .gemini_va_ugc_v5 { background-image: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%), url('https://image.mux.com/HJkfq9xepyhtfM48jwK1rl9FJIky3QD8M012G6xewCb00/animated.gif?width=320&fps=15&start=0&end=10'); }
@media (min-width: 640px) {
  .gemini_root .gemini_va_ugc_v1,
  .gemini_root .gemini_va_ugc_v2,
  .gemini_root .gemini_va_ugc_v3,
  .gemini_root .gemini_va_ugc_v4,
  .gemini_root .gemini_va_ugc_v5 { width: 280px; height: 498px; }
  .gemini_root .gemini_va_ugc_scroll { gap: 16px; }
}

/* ---------- TOOL STACK ---------- */
.gemini_root .gemini_va_tools { padding: 24px 0; }
.gemini_root .gemini_va_tools_card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(168, 85, 247, 0.08) 0%, rgba(236, 72, 153, 0.04) 100%);
  border-radius: 16px;
  padding: 24px;
}
.gemini_root .gemini_va_tools_group { text-align: center; }
.gemini_root .gemini_va_tools_group_title {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 4px;
  color: var(--gem-fg);
  margin-bottom: 20px;
}
.gemini_root .gemini_va_tools_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
}
.gemini_root .gemini_va_tools_socials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-items: center;
}
.gemini_root .gemini_va_tools_gift {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.gemini_root .gemini_va_tool {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.gemini_root .gemini_va_tool_icon {
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
}
.gemini_root .gemini_va_tool_label {
  font-size: 11px;
  color: var(--gem-mute2);
  text-align: center;
  line-height: 1.4;
}
.gemini_root .gemini_va_icon_chatgpt { background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/ef/ChatGPT-Logo.svg'); filter: brightness(0) invert(1); }
.gemini_root .gemini_va_icon_gemini { background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/8a/Google_Gemini_logo.svg'); }
.gemini_root .gemini_va_icon_ig { background-image: url('https://cdn.simpleicons.org/instagram/E4405F'); }
.gemini_root .gemini_va_icon_fb { background-image: url('https://cdn.simpleicons.org/facebook/1877F2'); }
.gemini_root .gemini_va_icon_threads { background-image: url('https://cdn.simpleicons.org/threads/FFFFFF'); filter: brightness(0) invert(1); }
.gemini_root .gemini_va_icon_va_big {
  width: 64px;
  height: 64px;
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779963665/ViralArc_logo_fhngtt.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.gemini_root .gemini_va_divider {
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  margin: 24px 0;
}
@media (min-width: 640px) {
  .gemini_root .gemini_va_tools_card { padding: 32px; }
  .gemini_root .gemini_va_tool_icon { width: 80px; height: 80px; }
  .gemini_root .gemini_va_icon_va_big { width: 96px; height: 96px; }
  .gemini_root .gemini_va_tool_label { font-size: 14px; }
}

/* ==================== ENROLLMENT 2 STEPS ==================== */
.gemini_root .gemini_va_enroll { padding: 40px 0; scroll-margin-top: 24px; }
.gemini_root { scroll-behavior: smooth; }
.gemini_root .gemini_va_enroll_grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.gemini_root .gemini_va_enroll_card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 28px;
  border-radius: 24px;
  background:
    radial-gradient(140% 90% at 50% -20%, rgba(110, 208, 238, 0.12), transparent 60%),
    linear-gradient(180deg, #1a1a1f 0%, #0c0c10 100%);
  border: 1px solid rgba(110, 208, 238, 0.3);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.gemini_root .gemini_va_enroll_card:hover {
  transform: translateY(-4px);
  border-color: rgba(110, 208, 238, 0.6);
  box-shadow: 0 20px 60px rgba(110, 208, 238, 0.2),
              inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.gemini_root .gemini_va_enroll_num {
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
  color: var(--gem-cyan);
  text-shadow: 0 0 24px rgba(110, 208, 238, 0.4);
  letter-spacing: -2px;
}
.gemini_root .gemini_va_enroll_title {
  margin-top: 16px;
  font-size: 22px;
  font-weight: 900;
  color: var(--gem-fg);
  letter-spacing: 0.3px;
}
.gemini_root .gemini_va_enroll_desc {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--gem-mute2);
  flex: 1;
}
.gemini_root .gemini_va_enroll_cta {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 9999px;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.gemini_root .gemini_va_enroll_cta:hover {
  transform: translateY(-2px);
}
.gemini_root .gemini_va_enroll_cta_form {
  background: var(--gem-cyan);
  color: #0c0c10;
  box-shadow: 0 8px 24px rgba(110, 208, 238, 0.4);
}
.gemini_root .gemini_va_enroll_cta_form:hover {
  box-shadow: 0 12px 32px rgba(110, 208, 238, 0.6);
}
.gemini_root .gemini_va_enroll_cta_line {
  display: inline-block;
  margin-top: 16px;
  padding: 0;
  background: transparent;
  color: var(--gem-cyan);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1px;
  text-decoration: none;
}
@media (min-width: 768px) {
  .gemini_root .gemini_va_enroll_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .gemini_root .gemini_va_enroll_card { padding: 32px; }
  .gemini_root .gemini_va_enroll_num { font-size: 64px; }
  .gemini_root .gemini_va_enroll_title { font-size: 22px; }
}

.gemini_root .gemini_va_tools_lead {
  margin-top: 12px;
  text-align: center;
  font-size: 14px;
  color: var(--gem-fg);
}

.gemini_root .gemini_keys_thumb {
  margin-top: 12px;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.gemini_root .gemini_keys_thumb_content {
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779961318/ChatGPT_Image_May_24_2026_09_46_18_PM_s8vgqk.png');
}
.gemini_root .gemini_keys_thumb_reply {
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779961518/Screenshot_2026-05-28_at_5.45.07_PM_axiar1.png');
}
.gemini_root .gemini_keys_thumb_patrol {
  background-image: url('https://res.cloudinary.com/dpohwt5xc/image/upload/v1779961422/Screenshot_2026-05-28_at_5.43.36_PM_e7btuo.png');
}
