.page-hero { padding: 160px 0 80px; position: relative; overflow: hidden; text-align: center; }
    .page-hero-glow-l { position: absolute; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(91,95,239,0.12) 0%, transparent 70%); top: -150px; left: -80px; pointer-events: none; }
    .page-hero-glow-r { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(124,58,237,0.10) 0%, transparent 70%); top: -80px; right: -60px; pointer-events: none; }

    /* Perks */
    .perks-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
    .perk-card { padding: var(--space-6); border-radius: var(--radius-xl); background: var(--bg-card); border: 1px solid var(--border-subtle); transition: all var(--transition-base); }
    .perk-card:hover { border-color: var(--border-accent); transform: translateY(-3px); }
    .perk-icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-4); }
    .perk-icon svg { width: 24px; height: 24px; }
    .perk-title { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: var(--text-primary); margin-bottom: var(--space-2); }
    .perk-desc { font-size: var(--text-sm); color: var(--text-secondary); line-height: 1.7; }

    /* Culture stats */
    .culture-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); margin: var(--space-12) 0; }
    .culture-stat { text-align: center; padding: var(--space-6); background: var(--bg-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-xl); }
    .culture-stat-val { font-family: var(--font-display); font-size: 2.5rem; font-weight: 700; background: var(--gradient-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-bottom: var(--space-2); }
    .culture-stat-label { font-size: var(--text-sm); color: var(--text-muted); }

    /* Job listings */
    .job-filter { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-bottom: var(--space-8); }
    .job-tab { padding: 8px 18px; border-radius: var(--radius-full); font-size: var(--text-sm); font-weight: 600; cursor: pointer; border: 1px solid var(--border-subtle); background: transparent; color: var(--text-secondary); font-family: var(--font-body); transition: all var(--transition-fast); }
    .job-tab:hover { border-color: var(--border-accent); color: var(--text-primary); }
    .job-tab.active { background: var(--gradient-primary); border-color: transparent; color: #fff; box-shadow: 0 4px 14px rgba(91,95,239,0.35); }

    .jobs-list { display: flex; flex-direction: column; gap: var(--space-4); }
    .job-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-6);
      padding: var(--space-6) var(--space-7);
      background: var(--bg-card);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-xl);
      text-decoration: none;
      transition: all var(--transition-base);
    }
    .job-card:hover { border-color: var(--border-accent); background: var(--bg-card-hover); transform: translateX(4px); }
    .job-left { display: flex; align-items: center; gap: var(--space-5); }
    .job-dept-icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .job-dept-icon svg { width: 24px; height: 24px; color: #fff; }
    .job-title { font-family: var(--font-display); font-size: 1.05rem; font-weight: 700; color: var(--text-primary); margin-bottom: var(--space-2); }
    .job-meta { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
    .job-meta-pill { padding: 3px 10px; border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: 600; background: var(--bg-secondary); border: 1px solid var(--border-subtle); color: var(--text-muted); }
    .job-right { display: flex; align-items: center; gap: var(--space-4); flex-shrink: 0; }
    .job-apply { display: flex; align-items: center; gap: 6px; font-size: var(--text-sm); font-weight: 600; color: var(--accent-light); white-space: nowrap; }
    .job-apply svg { width: 14px; height: 14px; transition: transform var(--transition-fast); }
    .job-card:hover .job-apply svg { transform: translateX(4px); }

    /* Values visual */
    .values-visual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
    .value-visual-card { padding: var(--space-6); border-radius: var(--radius-xl); background: var(--bg-card); border: 1px solid var(--border-subtle); display: flex; gap: var(--space-4); transition: all var(--transition-base); }
    .value-visual-card:hover { border-color: var(--border-accent); transform: translateY(-2px); }
    .value-visual-num { font-family: var(--font-display); font-size: 2rem; font-weight: 700; background: var(--gradient-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; flex-shrink: 0; }
    .value-visual-title { font-family: var(--font-display); font-size: var(--text-base); font-weight: 700; color: var(--text-primary); margin-bottom: var(--space-1); }
    .value-visual-desc { font-size: var(--text-sm); color: var(--text-secondary); line-height: 1.65; }

    /* CTA application */
    .apply-cta { padding: var(--space-10); border-radius: var(--radius-2xl); background: linear-gradient(135deg, rgba(91,95,239,0.1), rgba(124,58,237,0.07)); border: 1px solid rgba(91,95,239,0.2); text-align: center; margin-top: var(--space-12); }

    @media (max-width: 1024px) {
      .culture-stats { grid-template-columns: repeat(2, 1fr); }
      .perks-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
      .job-card { flex-direction: column; align-items: flex-start; }
      .job-right { width: 100%; justify-content: flex-end; }
      .values-visual-grid { grid-template-columns: 1fr; }
      .perks-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 480px) {
      .culture-stats { grid-template-columns: 1fr 1fr; }
    }